30.11.11

Blogger Tutorial 10. Pasang Tombol Share Social Media Via Sharethis.com

Setalah pada posting sebelumnya saya jelaskan tentang pemasangan tombol share di beberapa social media seperti facebook, twitter, stumbleupon, dan google plus, maka pada kesempatan kali akan saya jelaskan cara membuat pemasangan tombol share pada hampir semua social media lewat sharethis
. Dengan menggunakan sharethis.com kita dapat menghiasi blog kita mulai dengan tombol share mulai dari facebook, twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan masih banyak lagi.


Berikut adalah cara pemasangannya :

1. Pertama, masuk ke dasboard blogger anda
2. Masuk ke tab Rancangan (Design/Layout) -> Edit HTML
3. Klik pada Expand Widget Templates
4. Kemudian Carilah kode berikut ini (Gunakan fasilitas CTRL F untuk mempermudah pencarian)
          <data:post.body/>           
                        atau
    <p><data:post.body/></p>  
Biasanya dalam pencarian anda akan menemukan lebih dari satu kode, pilihlah kode yang letaknya ada di bagian bawah dari keseluruhan script.
5. Setelah ketemu, masukkan kode dibawah ini, setelah kode           <data:post.body/>           
<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</div>

6. Save Templates dan lihat hasilnya.


Semoga bermanfaat
Knowledge is an opensource

No comments:

Post a Comment