Blog Khusus Membahas Tentang Tutorial, Tips dan Trik Seputar Blog Di BlogspotDotCom


4 Mar 2011

Cara Pasang Tombol Tweet Di Setiap Postingan Blog

| 4 Mar 2011
Yang akan saya bahas malam ini yaitu cara membuat widget TWEET di setiap postingan blog. apa keuntungan memasang widget ini ??
Dengan adanya widget tweet ini, kita bisa langsung mempublishkan postingan blog ke twitter. Pengunjung juga bisa melakukan retweet jika postingan itu dianggap bagus bagi mereka.
Dan Tentu saja Sob... akan sangat bermanfaat untuk meningkatkan visitor atau traffic blog kita. kalo sobat tertarik, langsung saja ikuti langkah-langkah berikut.

Gambar
Langkah-langkahnya :

1. Login ke blogger sobat

2. Klik Tata Letak

3. Edit HTML dan jangan lupa centang "expand widget template"

4. Carilah Kode Ini : <data:post.body/>

5. Selanjutnya copy dan paste code dibawah ini persis sebelum kode diatas

<div style='float:right; padding:10px 0 0 5px'><script type='text/javascript'>tweetmeme_url = &#39;<data:post.url/>&#39;;tweetmeme_service = &#39;bit.ly&#39;;</script><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>

6. Simpan Template, dan lihat hasilnya.


Tips : Bila sobat mengalami error biasanya terjadi dalam penaruhan script yang salah, kalo itu terjadi coba sobat perhatikan lagi kode berikut <data:post.body/> apabila ada dua kode yang sama, taruhlah script diatas pada kode <data:post.body/> yang kedua/terakhir.

Related Posts

6 komentar:

  1. Mantaap...terima kasih atas Postingan nya untuk yang ini...sudah di coba dan berhasil...

    BalasHapus
  2. malah tak pasang adsense bukan tweet ;))
    maksih gan tipsnya

    takpraktekin berhasil :)

    BalasHapus
  3. mohon bantuannya, ko saya ga nemu ya?? cuman ada

    BalasHapus
  4. Pakek template bawaan blogger ya gan ?? :D
    Agar kode bisa muncul di komentar, kodenya di parse dulu gan. hehe

    BalasHapus

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>