Tutorial Memasang Widget Social Bookmark Melayang Di Blog

Memasang Widget Social Bookmark Melayang Di Blog - sebelumnya akan saya jelaskan yah.apa itu social bookmark.Sosial Bookmark itu adalah Situs-situs yang menyediakan jasa untuk anda menyimpan alamat-alamt URL serta Deskripsi secara singkat untuk para Usernya.Ada banyak situs Social Bookmark saat ini anda bisa temukannya dengan mudah di goodang bah google dengan kanta kunci "Daftar Situs Social Bookmark" trus emang apa sih manfaatnya gitu sampe penting banget buat dipasang,



nih manfaat situs social bookmark :

Anda dapat Submit artikel blog anda dan

Artikel anda akan menjadi cepat terindext oleh Search Engine

Memperbaiki Serp (Search Engine Result Pages )

Memperoleh Backlink

Meningkatkan Page Rank

tuh sangat banyak kan manfaatnya.yuk langsung kita masuk ke tutorialnya.

Tutorial Memasang Widget Social Bookmark Melayang Di Blog :

• log in dulu
• masuk ke menu template
• klik menu edit HTML
• cadangkan dulu template kalian agar tidak terjadi hal yang diinginkan
• Cari Kode ]]></b:skin> (Gunakan Tombol CTRL + F Atau F3 untuk memudahkan pencarian)
• 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;}

•   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'/>

• 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'/> 
• klik simpan template dan lihat hasilnya

ok.demikian Tutorial Memasang Widget Social Bookmark Melayang Di Blog semoga bisa membantu sobat blogger semuanya

tutorial ini saya dapat dari : http://dapur-tutorial.blogspot.com/