Monday, August 8, 2011

Cara Memasang Tweetmeme di Setiap Postingan

Cara Memasang Tweetmeme di Setiap Postingan - Saya baru inget, ada sebuah request dari sahabat blogger yang lupa namanya untuk me-request tentang Cara Memasang Tweetmeme di Setiap Postingan seperti blog ini (lihat di kanan atas sebelah judul artikel).

Tweememe adalah sebuah socialbookmark yang berkembang saat ini. Tweetmeme juga bisa mengirimkan artikel-artikel layaknya socialbookmark seperti digg dan lain-lain. Selain menambah visitor, tweetmeme ini juga berfungsi untuk menambah backlink daripada artikel tersebut.

Dengan tweetmeme ini, pengunjung dapat dengan mudah membagikan artikel yang di-tweet ke dalam twitter mereka. Kita pun juga bisa tahu siapa saja yang telah men-tweet artikel kita. Lihat contohnya pada gambar di bawah ini:


Tombol tweetmeme ini dapat dipasang di samping judul artikel (seperti blog ini) atau juga dipasang di bawah artikel. Berminat ingin Cara Memasang Tweetmeme di Setiap Postingan blog anda? Ikut langkah-langkah di bawah ini:

Tombol Tweetmeme di Samping Judul Artikel

1. Login ke blogger.
2. Pergi ke tab rancangan, lalu masuk ke edit HTML.
3. Jangan lupa untuk centang "expand template widget".
4. Cari kode <data:post.title/> (yang paling terakhir), biasanya kode lengkapnya begini:

        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
</b:if>

5. Setelah ketemu, salin kode berikut lalu paste di bawah kode </b:if> (lihat kode pada no. 4):

<div style='float:right; padding: 0 5px 5px 0;'>
<script type='text/javascript'>
tweetmeme_style = &#39;compact&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source = &#39;DAW-XP&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>
6. Simpan template.

Tombol Tweetmeme di Bawah Artikel

1. Login ke blogger.
2. Pergi ke tab rancangan, lalu masuk ke edit HTML.
3. Jangan lupa untuk centang "expand template widget".
4. Cari kode <data:post.body/> lalu letakkan kode berikut di bawahnya:

<div style='float:right; padding: 0 5px 5px 0;'>
<script type='text/javascript'>
tweetmeme_style = &#39;compact&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source = &#39;DAW-XP&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>
 5. Simpan template.

Catatan : Jika anda ingin mengatur jarak tombol dengan text yang ada di sekitarnya, anda dapat mengubahnya dengan cara mengatur nilai padding pada kode no. 5 atau no. 4 (sama saja). Anda juga dapat mengatur letaknya misalkan ke sebelah kiri hanya dengan mengubah kode right (kanan) dengan kode left.

Mungkin itu saja pembahasan kita mengenai Cara Memasang Tweetmeme di Setiap Postingan. Semoga dengan anda memasang tombol tweetmeme ini artikel anda semakin banyak dikenal orang dari setiap tweetnya. Semoga bermanfaat.

0 comments:

Post a Comment