Breaking News
Loading...
Sunday, April 21, 2013

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('http://4.bp.blogspot.com/-pHaCPnRRhpw/UEyeymZDBAI/AAAAAAAAAPo/sQgRynAxmLc/s1600/FB.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.yondark-kananbloggerc{ background:url('http://4.bp.blogspot.com/-udMDlRqH1mA/UEyexorOOMI/AAAAAAAAAPg/xlYmVRZR5Gc/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('http://2.bp.blogspot.com/-cb-8UxmdvCY/UEye3s5ckoI/AAAAAAAAAQI/2UsOUiBl7OY/s1600/TW.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.yondark-kanantwitterc{background:url('http://4.bp.blogspot.com/-TtvqyHndUXc/UEye2FTtlVI/AAAAAAAAAQA/3de7K8XwcWE/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('http://2.bp.blogspot.com/-kX-wO_55wpo/UEye0R9pSdI/AAAAAAAAAP4/GYLd2emZvyc/s1600/G+.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.yondark-kananfacebookc{background:url('http://3.bp.blogspot.com/-xAafaK_rors/UEyezhSNU4I/AAAAAAAAAPw/ceimgukhoT8/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('http://2.bp.blogspot.com/-JUurCY6SHf4/UUk2VhXUNmI/AAAAAAAAAZU/itrRK8RysLI/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='http://3.bp.blogspot.com/-N67uPytUphw/UEyoTwSDa9I/AAAAAAAAAQc/yQjj5R6pBuI/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='http://1.bp.blogspot.com/-82LWv3XyPKQ/UEypI664imI/AAAAAAAAAQk/CBSAuHp_lqA/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='http://3.bp.blogspot.com/-eOpgXkqE7cw/UEyqFjfr6dI/AAAAAAAAAQs/A2JlJ2fios0/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 : Achmadi Iman Faris ~ Faris Share

Faris Art 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

0 komentar:

Post a Comment

Mohon Sobat Untuk Tidak Berkata Kasar Pada Formulir Komentar, Dan Mohon Untuk Saling Menghargai .
[1] . Berkomentar boleh , tapi jangan nyepam(BOM COMMENT) ya kaaka ..
[2] . Live link tidak papa , tapi maksimal sehari 2 link jika berkomentar;)
Sekian Dari Admin Dan Terima kasih....

 
Toggle Footer
Copyright © 2012 Faris Share™ All Right Reserved
Blogger Designed by IVYthemes | MKR Site