Cara Membuat Widget Social Network Keren Di Blog

Selamat Pagi Sobat Info !! Kali ini saya akan mengshare sebuah tutorial blog lagi. Cara Membuat Widget Social Network Keren Di Blog. Untuk yang belum tahu dengan maksud dari Widget Social Network ini, kalian bisa melihatnya di gambar di atas. Maaf tidak ada demonya.

Nah, bagaimana cara membuatnya? Berikut ini adalah Cara Membuat Widget Social Network Keren Di Blog.

• Pertama, masuk ke Dasboard blog kalian
• Pilih Template
• Pilih Edit HTML (Jangan lupa centang Expand Template Widget)
• Cari kode ]]></b:skin>
• Masukkan kode di bawah ini tepat di atas kode ]]></b:skin>

/*Social Network*/

.yondark-kananblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnPQjfHEImuyS7bvyeSVKxhPrq1AfGZZnydiFz6Kgqlx4h269di2yZsqSLLehCuJ7taDIKCpJbCnaQVek1iPvZQO-Jz9aJGR6ODHwQfII85G5nx-M1DTzMJzRuTvzM1RT8TDgM0cMeMwAk/s1600/FB.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.yondark-kananbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYdTsWuDXcwxb9BssnesXXOGWNsIUiPbP46Gl0RO34iI9zvXqumkN0RyuVDREILYXmX-Qf7lvedeSImgYBFt4CfEprPeHfT55mlcstjaTOTa2NDqevLsTyZHMITR9OGELnH7i3qKXXGrdu/s1600/FB-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.yondark-isiblogger{margin:0px 0 0 43px}
.yondark-kanantwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGppqUp-MWLLB9CA0pNUT87-Nq8Bf6qJTC-g-kwsuvKiQNbQ5h_mWhCGuu2sr6B0IEmKOW-C4rRnQ4Ex4qOuB-6wKBISkecY-IpN9h8GeA3GtVAVgOS_XDATgjsIGFZv2IXm7pGAtISNw1/s1600/TW.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.yondark-kanantwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcToJWe_tnyfv35Y-31cfM_suauUulLlz1-1rj0mbJ4w74v34qGKWS6uG5r0t93nxXXmYIqINpeOWYOqvAhRXvTD5XXOY0Kq9uu9hp-UndRIzTHkUGKSEJR2enEk0k6ZA-F7WB_JovNxf_/s1600/TW-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.yondark-isitwitter{margin:0px 0 0 43px}
.yondark-kananfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqsfoq1FzSTgJASFj_WUpO3QH2jF9t455JVg5GRllCc7gId28B6U8Lpc4aDoFLgVcKWh69iYRxY4Dp3pw2_fB-QBMEMeP5RZUaJnynB2insfiFmhhz9Qq_1RDqxIR-QBWvCRt3Sri4Kae1/s1600/G+.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.yondark-kananfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEUN4gjEKGBIEZ4xdgOAm3wFOuVuskOmj6hUtUR2tINom522nk8sAKpErCVX_dPNCc7bH3q3sq2MfuZdoucOYXOJuK2NbG4yfrbJ-UJs7ey3c-rpNqfLnyX7qhyphenhyphensDw3NuMkVCjvfqKpLOW/s1600/G+-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.yondark-isifacebook{margin:0px 0 0 43px}
.yondark-kananrss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9KdLlPD8DAr1mg1WpFmtY0IZzvX1HIWdZue0-o3uiKIc2rk_se-t-h9fhDQEfPBkfpgylGvWfTD6TahdnGMuLiiCiDcsAjENqYeaazD525z1uu6mO1WZPY-epl3gSrXjYvPuv4rlCn0/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.yondark-kananrssc{background:url('http://1.bp.blogspot.com/-RZyN5DznuUY/UUa9Uc04tFI/AAAAAAAAAi8/okz_LnBFNS4/s1600/RSSjoss.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.yondark-isirss{margin:0px 0 0 43px}

• Masih belum selesai, masih di Edit HTML cari kode </body>
• Masukkan kode di bawah ini tepat di atas kode </body>

<div class='infoterupdatekananblogger' onmouseout='this.className=&#39;yondark-kananblogger&#39;' onmouseover='this.className=&#39;yondark-kananbloggerc&#39;'><div class='infoterupdatedanterbaru'><a href='http://infoterupdatedanterbaru.blogspot.com' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYD1RytZc2lW8Lpf-37WQ39Q0-84aZz6Tj3C1V5CVxt9JBjhKbvLY-9md-i2rzkEsSG8k24tyXQN8-l4ff1CnijpxV8n2OksR9-SdrYQec6zBB4AJk1I4aihEQwaQ-aT-6S7PhmdwvLgUz/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/>

</div></div><div class='infoterupdatedanterbaru onmouseout='this.className=&#39;infoterudaptekanantwitter&#39;' onmouseover='this.className=&#39;infoterudaptekanantwittecr&#39;'><div class='yondark-isitwitter'><a href='http://infoterupdatedanterbaru.blogspot.com' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFVis_2LCgMuVmuEbSN25Yo2Z2Zpdv_0Gxy99-enK1eUkecciw6k7fLZgEo2xikS7Yo0p_tncEa4niEtdDBMAEdS5ze2jaLSPM4ojpkIcGWe5M-AYkAC8s33eYTUEUUuuY4RuhI82ruH59/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/></div></div><div class='infoterupdatekananfacebook' onmouseout='this.className=&#39;infoterupdatekananfacebook&#39;' onmouseover='this.className=&#39;infoterupdatekananfacebookc&#39;'><div class='yondark-isifacebook'><a href='http://infoterupdatedanterbaru.blogspot.com' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHlH_K4iUPgoVRwvsa96tF1s7bIlL9hgVKFycxGZj5zJBNVIp1842OmqNHuCOIGjHvBLqS0v2w76dKxuezDt3KOAfmI2LNkZY17V4U3IjTMjCK_uBBU0ol2jgSRwKzaV49j6gInvVPiQb/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a><br/>

</div></div><div class='yondark-kananrss' onmouseout='this.className=&#39;infoterupdate-kanan&#39;' onmouseover='this.className=&#39;infoterupdate-kananrssc&#39;'><div class='yondark-isirss'><a href='http://infoterupdatedanterbaru.blogspot.com target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/>

</div></div>

</div></div><div class='infoterupdate-kanan' onmouseout='this.className=&#39;infoterupdate-kananrss&#39;' onmouseover='this.className=&#39;yondark-kananrssc&#39;'><div class='infoterupdate-isirss'><a href='http://infoterupdatedanterbaru.blogspot.com' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/>

</div></div>

</div></div>

•  Terakhir tinggal di Save

Keterangan :

Ganti kode berwarna BIRU dengan alamat/URL Facebook kalian

Ganti kode berwarna MERAH dengan alamat/URL Twiiter kalian

Ganti kode berwarna KUNING dengan alamat/URL G+ kalian

Ganti kode berwarna UNGU dengan alamat/URL Rss Feed kalian

Bagaimana? Keren? Sekian artikel Cara Membuat Widget Social Network Keren Di Blog. Semoga bermanfaat. Jikia ada yang kurang jelas silakan tanyakan di komentar.

Ditulis Oleh : Unknown ~ Faris Share

Sobat sedang membaca artikel tentang Cara Membuat Widget Social Network Keren Di Blog . Oleh Admin, Sobat diperbolehkan mengcopy paste artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://infoterupdatedanterbaru.blogspot.com/2013/04/cara-membuat-widget-social-network.html" target="_blank">Cara Membuat Widget Social Network Keren Di Blog </a>