Senin, 05 Maret 2012

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 :
  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. >
  4. Klik Pada Tombol Edit HTML


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


  6. Sekarang silahkan anda Download lengkap template anda untuk mengantisifasi kesalahan Saat anda melakukan Edit HTML.(Baca Caranya DISINI )
  7. Cari Kode ]]></b:skin> (Gunakan Tombol CTRL + F Atau F3 untuk memudahkan pencarian)
  8. Setelah kode ditemukan Copas Kode dibawah dan letakan di atas kode ]]></b:skin>
  9. /* 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;}
  10. Sekarang Cari Kode </body> Setelah ketemu copas kode dibawah dan letakan diatas kode </body> tersebut
  11. <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'/>
  12. kemudian cari lagi kode ]]></b:skin> dan copy kode dibawah dan paste di bawahnya kode ]]></b:skin>
  13. <script src='http://jamu-martin.googlecode.com/files/related-maskolis.js' type='text/javascript'/>
  14. Klik Simpan Template 


  15. Selesai dan lihat Hasilnya
Demikian Resep Dapur Tutorial Blogspot Tetang Cara Membuat Atau Memasang Widget Social Bookmark Melayang Di Blog salamat mencoba semoga bermanfaat

Tidak ada komentar:

Posting Komentar