7 Sep 2010

Cara Pasang Social Bookmark Melayang ( Float Social Bookmark )

Coba anda perhatikan gambar di sebelah, yang saya beri tanda panah merah. Mungkin anda pernah atau sering melihat di beberapa situs, blogspot maupun wordpress. Ya, itu adalah tombol-tombol social bookmark melayang yang terletak di samping blog. Biasa disebut juga dengan floating social bookmark.
Ikutin langkah berikut untuk memasang di blog anda :

1. Pertama masuk ke blogger.com
2. Klik tata letak, lalu pilih edit HTML, jangan lupa centang expand widget
3. Cari kode : </body>
4. Masukkan kode di bawah ini tepat di atas kode tadi :

<div align="center" id="floatlayer" style="background: none repeat scroll 0% 0% transparent; color: #666666; font-size: 12px; height: 198px; left: 0px; position: fixed; top: 150px; width: 71px;">
<div style="line-height: 25px; padding: 45px 5px 5px 0pt;">
<a class="addthis_button_facebook" href="http://www.facebook.com"><img alt="Facebook" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7ENJdupBZojqUO4NLIzKqmdGOxum13SPm2dL2oXee8fPClKS90EKb6L8m6NtvNTD4gvfaAAs_wwhHRBXweezHmPb4NnVc3o7RmUuhmQPF-lomuoexqB-ffdnVytu4VikoFYrs3LbNxM/s1600/facebook.png" width="25" /></a>
<a class="addthis_button_delicious" href="http://www.delicious.com"><img alt="Delicious" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0D24ijS7uc5epZw220kk-ztgXGElTN6isHE5vGO9L7RixiHlO6ge7X8ymJjJGLHJqAc7fld3GWP5PGSSqDiTZljqE9RzdZhqfRkVW6gTHeu5XsNnr-gEfhOFzacygCreU09UmdPqlU00/s1600/delicious.png" width="25" /></a>
<a class="addthis_button_email" href="http://www.email.com"><img alt="Email" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylDLWhAG-nqJpgdrTusy2ru9vFtKifBfKpmVwF0ZuHncw-YO2YJwKaPM1uBT3ZKHJYTpZa8bMPxQmoqzp5GJs7m77dAlkGIspLyrG210i41JAvgqVA9xSPQwakQol1UTwdyd_jg3ywgs/s1600/emailsmall.jpg" width="25" /></a>
<a class="addthis_button_favorites" href="http://www.favorites.com"><img alt="Favorites" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_nFkdMbEUycqFhQDy67N4yvdtbSloVl-aI_iRlLoASkMHa7rMNsAoO90u3wpHqXQtU0tqSlnU7FQE2lcfXXG8BIzVd08TUfMpSj54j8VVZL8wqebfnZtBX5ooRbF30JTICgGsMPbi2E/s1600/favorites.png" width="25" /></a>
<a class="addthis_button_twitter" href="http://www.twitter.com"><img alt="Twitter" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMBYF3RTxil0VjMHNzXaPwlkG_Tpdm0vJwLIBlRefPgBYvnWWQ_jKNO_reGLAEQvoxRugz6X8wqEY2rgmpeBfzY_u8ZaiLl3LD5UOM9kK8qmI2qfEVYNI75X4NzoiaHS2KL5MXvG4DuQ/s1600/twitter.png" width="25" /></a>
<a class="addthis_button_google" href="http://www.google.com"><img alt="Google" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qagMQ_VrmDPm5OoivTmWvfv3TCSs3t0Sg8_sovnmNQx0gWeXClTkelgiWUME1ax3cH4hQrgTpWD-C1oQ8iYejzqDNh4DAwMStWk5Yxx0YkoFKs6vH7LuU0CQ-3E7_exNob_ok7v0cNE/s1600/gsmall.jpg" width="25" /></a>
<a class="addthis_button_digg" href="http://www.digg.com"><img alt="Digg" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZRXOhMj0dJ1cndjjrGrFq1HFaNQn75sPpO7cxb2jFRhY7Bo1hjRVY7SbzThlGue85zSo7gtF5t22A5lK0i-9Yp1IrouVJSujsJ5aFjKyMCnVZhVib2AZ0wrRGl5yuG6BlMO4guLAG71w/s1600/digg.png" width="25" /></a>
<a class="addthis_button_more" href="http://www.more.com"><img alt="More" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfz58qtCA0KwqIukNoqgcolUFJhaTupqJRkgpoAQMoW_23WBKoUNcmsnmm10iZxpGYKid2OWOGopXiy4Lr305zm2mU80Sr4X062exU0hX6OuyF0USXT1ImUtNsj4DdM2RC4ciw9IxBNPg/s1600/more.png" width="25" /></a>
</div>
</div>
5. Simpan dan lihat blog anda.

4 komentar:

  1. Coba mas perhatikan lagi link-nya, sama sekali tidak mengarah ke social bookmark (sekedar ngoreksi).

    BalasHapus
  2. Kok alamat link share-nya ke blogger semua????? yang jelas dong,

    BalasHapus
  3. oke, thanks atas koreksinya...
    posting sudah di koreksi..
    di tunggu kunjungan dan komen selanjutnya..tq

    BalasHapus
  4. Thaks gan Infonya. salam Http://ithedoctor.com

    BalasHapus