Cara Membuat Tombol Sosial Bookmarking Yang Keren

Cara Membuat Tombol Sosial Bookmarking Yang Keren - Pagi ini bertepan dengan cuaca yang sangat cerah. Kami disini akan memberikan tips dan trik mengenai masalah Tombol Sosial Bookmarking yang keren.Tombol Sosial Bookmarking itu sendiri berbagai macam model ada yang berbentuk melayang ada yang berbentuk slide. Tapi Sosial Bookmarking yang satu ini sangat berbeda dengan Sosial Bookmarking yang lain. Tombol Sosial Bookmarking ini ada 2 model Daun Waru dan Telur, Ketika mouse diarahkan ke daun waru atau logo telur maka dengan cintanya daun waru itu akan terbuka dan pecah dengan sendirinya dan menjadi 2 bagian. Tunggu apa lagi mari kita ikuti turorialnya dibawah ini :

Langkah 1

Masuk ke akun Blogger anda

Langkah 2 

Masuk Dashboard lalu Edit Html

Langkah 3 

Setelah ituCari kode HTML seperti ini </head> 

Untuk mempercepat pencari kode (Klik Ctrl dan tekan tombol F)

Langkah 4

jika sudah silahkan Copy - Paste kode dibawah ini tepat belum kode </head>

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>

<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>

<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

<!-- End Heart Bookmarking Gadget Code From http://lora-malunk.blogspot.com/ -->

Langkah 5

Masih dalam Edit HTML, Cari lagi Kode HTML seperti kode ini </body> di template anda 

Langkah 6

Setelah ketemu silahkan Copy-Paste Kode dibawah ini tepat sebelum kode </body>

<!-- Start Heart Share Code From http://lora-malunk.blogspot.com/ -->

<div style='position: fixed; bottom: 2%; left: 2%;'>

<div class='shareEgg' id='shareThisShareHeart'/>

</div>

<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://lora0malunk.blogspot.com/">Blogger Gadgets</a>

<!-- End Heart Share Code From http://lora-malunk.blogspot.com/ -->

Catatan : Kode ini bisa juga dipastekan atau ditaruk di Gadget Edit HTML/JavaScript, Terserah kemaun anda 

Langkah 7

Silahkan mulai disimpan Template anda, dan lihat hasilnya 

Tutorial diatas adalah Tombol Sosial Bookmarking yang berbentuk Baru, untuk yang berbentuk Telur kodenya dibawah ini, dan penerapan kode kedalam template sama dengan tutorial yang diatas. Anda cukup menyalin kodenya saja.

- Kode ini Copy-Paste sebelum kode atau diatas kode </head>

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://lora-malunk.blogspot.com/ -->

- Untuk kode yang satu ini silahkan Copy-Paste tepat diatas kode </body>

<!-- Start Heart Share Code From http://lora-malunk.blogspot.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://lora-malunk.blogspot.com/">Blogger Gadgets</a><!-- End Heart Share Code From http://lora-malunk.blogspot.com/ -->

Sampai disini dulu tutorial mengenai Cara Membuat Tombol Sosial Bookmarking Yang Keren, semoga bermanfaat buat kita semua.

Anda baru saja membaca artikel yang berkategori trik blogger dengan judul Cara Membuat Tombol Sosial Bookmarking Yang Keren. Anda bisa bookmark halaman ini dengan URL http://blogberkah.blogspot.com/2012/10/cara-membuat-tombol-sosial-bookmarking.html. Terima kasih!

Ditulis oleh: Unknown - Jumat, 05 Oktober 2012