Thursday, April 5, 2012

Menambahkan Widget Sosial Bookamrking Berbentuk Telur Ke Dalam Blog

4:51 PM Hzndi 5 comments


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:

Blogger
Social Bookmarking
Social Sharing

Posted in: ,,,

5 comments:

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More