Menambahkan Widget Sosial Bookamrking Berbentuk Telur Ke Dalam Blog

Wuihh di lihat dari judulnya saja sudah wah dan mungkin saja tutorialnya akan sulit? ternyata tidak juga hehehe. Sudah beberapa saya memberikan tutorial untuk menciptakan widget tersebut, bisa kamu cari sendiri di daftar isi yah hehehe dan saya rasa sobat sudah tahu fungsi dari widget ini yakni untuk membagikan/share artikel yang ada di blog kalian ke dalam berbagai macam situs sosial bookmarking seperti stumble upon, technorati, facebook, google plus, twitter dan lain-lain. Cukup basa-basinya dan langsung menuju Tutorial di bawah ini.

1. Masuk ke Blogger.com

2. Klik Rancangan --> Edit HTML --> Cari kode </head> dan salin kode di bawah ini kemudian kamu letakan kode javascript yang sudah di salin tadi di atas kode </head>.

<!-- Start  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  Gadget Code From http://www.spiceupyourblog.com/ -->

3. Cari lagi kode </body> dan salin kode di bawah ini kemudian kamu letakan kode javascript yang sudah di salin tadi di atas kode </body>.

<!-- Start Code From http://www.spiceupyourblog.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://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a><!-- End  Code From http://www.spiceupyourblog.com/ -->

4. Save Template. Lihat hasilnya :)

Postingan Terkait:

Posted in: Blogger,Social Bookmarking,Social Sharing,Widget