12 Oktober 2010, 11.14

Diposting Oleh: Ari Sulistiono | lokasi Tag: ,

Twitt With Me! on Twitter... Setiap pemilik blog pasti punya keinginan memperkenalkan blog kreasinya kepada teman-temannya. Ada banyak cara tentunya, salah satunya adalah melalui twitter. Dimana keberadaan twitter saat ini sudah semakin marak dan digemari sebagai wadah bebas ngoceh bareng temen-temen.

Untuk memudahkan mengenalkan artikel ke temen-temen via twitter ada banyak cara, salah satu yang paling gampang adalah dengan tombol ReTweet. Setiap seseorang mengklik tombol tersebut, maka link beserta judul artikelnya akan terkirim di twitter sebagai ReTweet (RT). Pemilik blog pun dengan mudah mengetahui berapa banyak pengunjung yang anthusias dengan artikel tersebut dengan melihat Counter pada bagian atas tombol ReTweet.

Bentuk tombol ReTweet salah satunya adalah seperti berikut ini (versi keluaran Tweetmeme):

* Versi Tombol ReTweet yang umum dipakai oleh Bloggers.

Picture0

* Ada juga versi compact, apabila layout blog berukuran sempit atau untuk yang ingin hemat tempat.

2a78jmg0

Bagaimana Caranya Memasang Tombol ReTweet ini di Tiap Postingan?

Caranya sangatlah mudah, hampir sama persis dengan cara memasang tombol Facebook Sharer yang sudah pernah saya posting sebelumnya.

Langkah Pemasangan Tombol ReTweet di Blogger:

  1. Buka www.blogger.com kemudian Login
  2. Klik Tab Rancangan setelah itu Pilih Edit HTML
  3. Jika sudah muncul jendela kode template yang digunakan, centang tanda Expand Widget
  4. Unduh file template bloggers sebelum melakukan perubahan (backup)
  5. Cari kode berikut ini “ <p><data:post.body/></p> ” (tekan CTRL dan F bagi pengguna Firefox, baik Linux ataupun Windows kemudian ketik kode tersebut dan Enter)
  6. Tempel kode Tombol Retweet seperti ini":


<p><data:post.body/>
<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>
</p>

 

* Untuk pengguna template blog dengan fungsi “Auto Readmore” akan menemui dua buah kode di baris yang berbeda. Tempel kode tersebut tepat di kode kedua atau kode compact di post.body pertama dan versi normal di post.body kedua seperti pada blog yang saya miliki sekarang ini. Abaikan langkah ini apabila bloggers tidak mempunyai Auto Readmore ataupun tidak mengerti benar maka langkah ini tidak perlu dilakukan.

 

Selesai! Klik Simpan, setelah tersimpan klik Lihat Blog untuk melihat hasilnya. Tombol ReTweet akan berada pojok kanan atas postingan.

Picture0 Untuk menempatkan di bagian bawah posting, apabila tidak suka di pojoj kanan atas, bloggers bisa memasang kode berikut tepat di bawah <p><data:post.body/></p>


<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

 

2a78jmg0 Untuk versi compact seperti gambar disamping, gunakan kode berikut ini:


<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

 

Follow Me @Twitter, and I will Follow U too... Jika bloggers senang dengan tombol ini, jangan lupa untuk follow twitter saya agar blog tersebut bisa saya Retweet juga.

Happy Blogging!

Creative Commons License You may share this document under Creative Commons License – Terima kasih telah membaca tulisan ini. © 2011 Ari Sulistiono, Indonesian Electrical Engineer.