Add Here

Cara Membuat Widget Share Slide Out Heart


Pagi sob, pada artikel ini HM mau memberikan salah satu widget yang menurut HM sendiri cukup keren, bagaimana tidak, widget ini berbentuk Hati dan kalau didekati kursor, Hati ini akan terbelah, dan yang bikin hebat setelah terbelah bukannya mengeluarkan darah , tetapi didalamnya ber-isikan widget share seperti facebook, twitter dan lain-lain (gimana...keren khan). Kalau sobat tertarik dan ingin meng-aplikasikannya di dalam blog sobat, berikut langkah-langkahnya :

1. Login ke Blogger

2. Pilih Template, lalu klik Edit HTML

3. Cari kode </head>

4. Letakkan kode berikut diatas kode </head>

<!-- Start Heart Bookmarking Gadget Code From http://hideungmaniz.blogspot.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://hideungmaniz.blogspot.com/ -->

5. Selanjutnya cari kode </body>

6. Letakkan kode berikut diatas kode </body>

<!-- Start Heart Share Code From http://hideungmaniz.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://hideungmaniz.blogspot.com/">Blogger Gadgets</a>
<!-- End Heart Share Code From http://hideungmaniz.blogspot.com/ -->

7. Simpan

Itulah artikel HM tentang Cara Membuat Widget Share Slide Out Heart, semoga artikel ini bisa membantu dan bermanfaat. Terimakasih...

0 comments:

Post a Comment