Membuat Widget Share sexy

Wah wah hari ini kita ngomongin sexy. ternyata ada widget yang bisa membuat blog kita jadi semakin sexi. anda lihat kan disebelah kiri posting artikel ini, widget nya tetap ikut walau anda sudah sampai ke halaman yang paling bawah.

Nah .... ini dia yang akan kita bahas hari ini. saya akan coba share kepada anda pengunjung setia blog ini bagaimana cara untuk memasang widget tersebut.

silahkan anda ikuti urutan untuk memasang nya.

• Silahkan anda login ke account blogger anda.
• Lanjutkan dengan masuk kebagian Rancangan, kemudian klik ke menu Edit HTML. 
• Kemudian silahkan anda centang Expand Template Wizzard, ada baiknya sebelum anda mencoba lebih lanjut lakukan terlebih dahulu Backup terhadap template anda dengan mengclik Download Template Lengkap untuk menghindari hal yang tidak kita inginkan tentunya.
• Sekarang Silahkan anda mencari kode seperti di bawah ini

]]></b:skin>

• Setelah itu silahkan anda pastekan kode berikut tepat diatas kode   ]]></b:skin>

#sharehal {position:fixed; top:30%;  margin-left:120px; float:right;  border-radius:5px;-moz-border-radius:6px;-webkit-border-radius:5px;background-color:#DFE1DC;padding:0  0 2px 0;z-index:10;} #sharehal .tblshare {float:right;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner  {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px  !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px  !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} .sharesoc  {display:inline-block;float:right;height:125px;margin:5px  0;width:60px;}

•  Kemudian anda cari  kode  

</body>

• dan pastekan kode berikut diatas kode   </body>

<div id='sharehal'> <div class='tblshare' id='fb'> <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </div> <div class='tblshare' id='rt'> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div> <div class='tblshare' id='su'> <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/> </div> <div class='tblshare' id='digg'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'/> <a class='DiggThitblshare DiggMedium'/> </div> <div class='tblshare' id='gb'> <a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/> </a> </div> </div>

 

• Bila sudah sekarang anda dapat menyimpan pilih Simpan Template atau anda  bisa coba tuk melihat hasilnya terlebih dahulu dengan mengclik Pratinjau

Silahkan anda coba semoga tutorial ini bisa memperindah blog anda. Salam Blogger Indonesia