Selasa, 27 Desember 2011

Icon Share pada blog


Banyak macam-macam bentuk dari icon share yang ada di berbagai artikel di internet..kali ini admin mencoba untuk mensharing icon share di bawah artikel yang mana sebelum nya telah saya bahas membuat icon share di samping blog.


Nah..icon yang kali ini ingin saya postingkan  lebih banyak icon yang bisa untuk mensharing kemana pun seperti ke email,google,Buzz,Fb,Twitter,dll yang pasti lebih mempermudah kita untuk mensharing artikel yang kita sukai...icon yang saya maksud seperti tampak di gambar atas ukuran nya simpel,kecil dan menarik kayak nya (Red: menurut saya he he )..jika sobat sekalian berminat dengan icon share seperti di atas silahkan di simak langkah-langkah di bawah ini..

Icon Share di bawah postingan

  • Seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN
  • Anda klik Edit HTML

  • sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
  • Jangan lupa di centang   
 

  • Kalau sudah kita mulai mengobok-ngobok kode html nya
CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard)


Cari kode berikut : <div class='post-footer'>


Jika sudah ketemu, simpan kode icon share di bawah ini di atas kode <div class='post-footer'>

 Kode icon share
<div style='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>

Setelah itu simpan templete dan lihat hasil nya...

 Icon share di sidebar

Icon share ini bisa juga di letak di sidebar blog cara nya pun mudah anda tinggal memilih letak nya sesuka anda cara nya seperti berikut :

1. Login terlebih dahulu..jika sudah pergi kerancangan ...






2. Tambah Gadget




3.Pilih Java Script dan copy paste kode Icon share nya..
4. Simpan dan lihat hasil nya

Nah sekarang blog kita bertambah cantik dengan ada nya icon share ini,semoga tutorial ini bermanfaat..