Selasa, 23 November 2010

Memasang Tombol Share Pada Setiap Postingan

Setelah cukup lama mengidam idamkan adanya tombol share di blog ini, akhirnya pada hari Selasa, tanggal 23 November 2010, tombol Share dapat nangkring juga di bawah setiap postingan blog ini. Mau pasang share yang bawaan blogger, eh ternyata gak akur ama template yang gwa pake di blog ini. Tombol share nya gak pada mau keluar. Semuanya sembunyi. Langsung aja gwa googling mencari cari cara asang tombol share itu. Dengan berbagai macam keyword, dan waktu yang cukup lama, tak kunjung ditemukan juga share impian gwa. Ketemunya cuma tombol tombol like Facebook dan Twitter aja. Sempat juga tanya ama seseorang, tapi tak kunjung dibalas pertanyaan itu. Akhirnya, ketika putus asa sudah menghinggapi, iseng iseng mengetikkan keyword yang kalo gak salah tulisannya gini "tombol share postingan". Dan dengan tidak niat, gwa mengklik dengan acak salah satu hasil pencariannya. Dan aku ikuti langkah langkahnya. Setelah beberapa langkah, ternyata tampilan tombol share idaman gwa muncul. Hmmm...Banyak basa basi amat ya... Oke langkah langkah yang gwa jalanin secara rincinya seperti ini...


  1. Masuk ke website Addthis
  2. Pada kolom Select your style, pilih tampilan tombol share yang akan kamu gunakan.
  3. Pada kolom Do you want analytics?, pilih NO, just give me the button.
  4. Tekan tombol Get your button.
  5. Copy html code yang muncul.
  6. Langkah selanjutnya adalah masuk ke edit html blog kamu. (Sudah biasa kan masuk edit HTML blog kamu)
  7. Centang chekbox expand template widget
  8. Cari <div class='post-footer-line post-footer-line-1'> dan paste kode html tadi diatasnya. Tampilan letaknya seperti yang ada di blog ini.
  9. Atau cari <div class='post-header-line-1'/> dan paste kode html tadi diatasnya. Sehingga letakknya akan ada di atas postingan.
  10. Atau juka tidak letakkan sesuai kemauan kamu, jika kamu sudah ahli dalah html code.
  11. Klik simpan template, dan lihat blog kamu. Gimana? puas?


Catatan :

Untuk mengatur posisi tombol share, jepit kode html yang kamu dapat tadi dengan kode html berikut.

<div style='text-align: right;'> ### </div>

### adalah tempat meletakkan kode html yang kamu dapat dari addthis.com

right dapat diganti dengan dapat diganti dengan center atau left.

0 Tanda Mata:

Posting Komentar