Cara Membuat Atau Memasang Widget Social Bookmark Melayang Di Blog

Memasang Widget Social Bookmark , ya itulah tema Master Chip Dapur Tutorial Blogspot Kali ini.Sebelumnya apakah sobat sudah tau apa yang dimaksut dengan Social Bookmark ? Buat para Master pastinya bukan hal yang baru lagi mengenai ini. Buat para pemula tenang saja sebelum kita bahas cara memasang Social Bookmark, Master Chip Dapur Tutorial Blogspot akan jelaskan sekilas apa yang dimaksut dengan Social Bookmark dan Manfaatnya.

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 :

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

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

Login terlebih dahulu menggunakan akun blogger anda
Pilih Menu Template

Klik Pada Tombol Edit HTML

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

Sekarang silahkan anda Download lengkap template anda untuk mengantisifasi kesalahan Saat anda melakukan Edit HTML.
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

Selesai dan lihat Hasilnya

Demikian Resep Dapur Tutorial Blog Tetang Cara Membuat Atau Memasang Widget Social Bookmark Melayang Di Blog salamat mencoba semoga

Anda baru saja membaca artikel tentang - Cara Membuat Atau Memasang Widget Social Bookmark Melayang Di Blog. Silahkan baca artikel berikutnya Tentang - - Jangan lupa g+1 / fb / twit :)