Hai teman ,  Selamat Datang  di www.bewegaleri.com |  Facebook  |  Twitter  |  Blog ini bermanfaat ? Langganan Feed

Menambah Link "Tweet This" di Setiap Artikel

Written By Bambang Wibowo on Tuesday, April 7, 2009 | Tuesday, April 07, 2009

Aku yakin, sebagian besar blogger punya account Twitter, sebuah mikroblogging populer yang sedang booming. Kemudahan menulis 140 karakter untuk memberitahukan "posisi" kita telah membius banyak orang. Aku sering mempublikasikan artikel yang baru aku tulis di setiap blogku lewat Twitter. Saat ini, aku menemukan cara yang mudah untuk "mengirimkan" artikel kita ke twitter (dalam keadaan url disingkat / tiny url), langsung dari link dibawah artikel kita. Anda bisa melihat sumber asli tulisan ini disini, atau, seperti biasa, lihat diblog ini.

Langkah untuk menambah link "Tweet this" di artikel kita :

1. Login ke dashboard blogspot > Layout > Edit HTML. Backup dulu template kita sehingga jika ada yang tidak kita harapkan, dapat kita kembalikan lagi. Klik Download Full Templates. Lakukan ini setiap kali kita akan mengedit template blog.

2. Kopi kode berikut :

<b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(http://lh6.ggpht.com/_xn2gmPb9TfM/Sb_fZkjAxpI/AAAAAAAAD3E/_9xpsQgFfTg/s128/twitter-16x16.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'>I'm reading: <data:post.title/></span>Tweet this!</a></span></b:if>


3. Cari kode berikut di template anda :

<div class='post-footer-line post-footer-line-1'>


Jika anda tidak menemukan kode yang sama persis, cari saja kode 'post-footer' atau bisa langsung ditambahkan setelah kode <p><data:post.body/></p>

4. Simpan pekerjaan anda. Hasilnya akan nampak seperti ini :



Link ini secara otomatis membuat penyingkat URL Bit.ly. Jika ada pengunjung / atau mungkin kita sendiri yang klik link "Tweet This", mereka akan dibawa ke Twitter.com dan diminta login jika diperlukan, dengan tampilan awal sebagai berikut :

http://bit.ly/url I'm reading: [title-of-blog-post]

Jika anda kurang pas dengan tampilan ini, anda bisa mengganti tulisan
"I'm reading" dengan sesuatu yang lebih cocok bagi anda.

7 comments:

mbahmul said...

wah, maknyus niy tipsnya... coba ah...makasih bos.

Recent blog post: Huwaaaaa…… Nomer 3 Di Google

Bambang Wibowo said...

Makasih juga sudah mampir, mbah..

Recent blog post: Menambah Link "Tweet This" di Setiap Artikel

Juventus Fans said...

cobain, ah..

Recent blog post: Del Piero Menangkan Juve

Bisnis Modal Klik said...

Kalo untuk nambah facebook, ada g ya..?

Recent blog post: BuxP, PTC Lama yang Masih Bertahan

info ponsel said...

thanks boss, coba dulu ya

John said...

TERIMA KASIH BANYAK ATS INFONYA

praptomowow said...

thanks ya buat tutorialnya

Post a Comment