Ads by BuzzCity

Kamis, 03 Mei 2012

Cara Membuat Tombol Sosial Bookmarking terbaru

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 Waru, 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. Jangan lupa silahkan masukkan email anda untuk berlangganan artikel dari kami.

Tidak ada komentar:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...