Cara Membuat Tombol Sosial Bookmarking New Version

Membuat Tombol Sosial Bookmarking New Version

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 andaLangkah 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.

 

Sumber...http://lora-malunk.blogspot.com

Sobat Blogger sedang berada di halaman Cara Membuat Tombol Sosial Bookmarking New Version dan Sedang membaca artikel Cara Membuat Tombol Sosial Bookmarking New Version ini dengan url http://arafcreativity.blogspot.com/2012/05/cara-membuat-tombol-sosial-bookmarking.html. Dan Sobat Blogger juga boleh COPAS artikel Cara Membuat Tombol Sosial Bookmarking New Version ini jika bermanfaat dan jangan lupa untuk meletakkan link Cara Membuat Tombol Sosial Bookmarking New Version sebagai sumbernya.