Monday, July 2, 2012

pasang tombol Share button sliding telur

Pasang Tombol Share Dengan Efek Sliding Bentuk Telur | Mungkin anda semua sudah memasang tombol share di blog atau postingan anda, tapi sepertinya untuk bentuk seperti ini agak sedikit jarang ditemukan di blog-blog, saya sendiri mendapat info ini dari salah satu blog yang sering sekali saya kunjungi yakni blog dari India yang membahas tentang Css, Blogging Tips dan lain-lain.


Cara memasangnya pun cukup mudah dan tidak perlu menambah Widget pada blog, berikut caranya :

1. Login Blogger
2. Pilih Tabs "Rancangan" -> Pilih "Edit HTML" -> Cek "Expand Template Widget"
3. Cari kode </head>
4. Letakkan kode di bawah ini tepat di bawah kode </head>
<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;a24ff27f-9f78-47f2-964b-0ff1c6637032&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

5. Kemudian cari kode </body>
6. Letakkan kode di bawah ini tepat di bawah kode </body>
<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>

7. Klik "Simpan Template"
8. Selesai deh

Sekarang anda tinggal refresh halaman blog anda dan lihat hasilnya ..
Sekian tips dari kami semoga bermanfaat bagi blog anda semua . and Happy Blogging

Related Post:



0

0 komentar:

Post a Comment

Gunakan Google Chrome Untuk Mendapatkan Tampilan Terbaik Blog Ini ( ^_^ )