Cara Membuat Atau Memasang Widget Social Bookmark Melayang Di Blog


Social Bookmark itu adalah Situs-situs yang menyediakan jasa untuk anda menyimpan alamat-alamt URL serta Deskripsi secara singkat untuk para Usernya.Adabanyak situs Social Bookmark saat ini anda bisa temukannya dengan mudah di goodang bah google dengan kanta kunci "Daftar Situs Social Bookmark"


Terus Apa manfaatnya ?. Tentu banyak sekali manfaat yang bisa diperoleh dari situs Social Bookmark bebebrapa diantaranya yaitu :
  1. Anda dapat Submit artikel blog anda dan
  2. Artikel anda akan menjadi cepat terindext oleh Search Engine
  3. Memperbaiki Serp (Search Engine Result Pages )
  4. Memperoleh Backlink
  5. Meningkatkan Page Rank
Nah Sekarang Sudah pahamkan apa itu Social Bookmark dan manfaatnya untuk Blog sobat. Sekarang kita akan pelajari bgaimana caranya untuk Membuat Widget Social Bookmak Melayang Disisi halaman Blog
  1. Login terlebih dahulu menggunakan akun blogger anda
  2. Pilih Menu Template

   3. Klik Pada Tombol Edit Html



4.Klik Tombol Proceed atau Tombol Lanjutkan  kemudian akan muncul halaman Edit HTML seperti berikut 



 5.Sekarang silahkan anda Download lengkap template anda untuk mengantisifasi kesalahan Saat anda melakukan Edit HTML.(Baca Caranya DISINI )
  6.Cari Kode ]]></b:skin> (Gunakan Tombol CTRL + F Atau F3 untuk memudahkan pencarian)
  7.Setelah kode ditemukan Copas Kode dibawah dan letakan di atas kode ]]></b:skin>
    /* Social bookmark ----------------------------------------------- */ #divStayTopLeft {left:5px;position:fixed;top:15px;} .sidetab {} .sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0;} .sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;} .sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;} .sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;} .sidetab a:hover {border: none;background: #e8e8e8;} .sidetab .button a {background:none;height: 25px; width: 25px;}
  8.Sekarang Cari Kode </body> Setelah ketemu copas kode dibawah dan letakan diatas kode</body> tersebut
    <div id='divStayTopLeft'> <div class='sidetab'> <ul class='navlist'> <li class='button'><a href='http://dapur-tutorial.blogspot.com/feeds/posts/default'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li> <a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a> <a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a> <a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a> <a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a> <a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a> <a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a> <a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a> <a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a> </ul> </div> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/> <script src='http://hackublog.googlecode.com/files/FloatingMenu.js' type='text/javascript'/>
  9.kemudian cari lagi kode ]]></b:skin> dan copy kode dibawah dan paste di bawahnya kode]]></b:skin>
    <script src='http://jamu-martin.googlecode.com/files/related-maskolis.js' type='text/javascript'/>
  10.Klik Simpan Template 

1 komentar: