Jumat, 20 Agustus 2010

Pasang Tweet Box [Kotak Nge-Retweet] di Blogger Blog

Met siang teman-teman, masih semangat kan puasanya? hehehe. Ok, kita lanjut pada tutorial blog yang kali ini masih seputar Twitter yaitu kita akan memasang Box Tweet [Kotak Nge-Retweet] di dalam blog, tepatnya di bawah postingan blog.

lihat pict



Tampaknya Twitter memang tidak mau kalah saing dengan Facebook yang sebelumnya sudah duluan menyambangi Blog dengan Like & Recommended Plugginnya, walaupun bisa kita lihat Twitter sebelumnya telah ada Tombol Retweet This Post di Blog [Versi
Default dan Compact].

Sebelumnya, untuk mengoptimalkan fitur ini, maka teman-teman harus memiliki akun Twitter terlebih dahulu. Silahkan menuju ke sini untuk Sign Up dan di sini untuk men
jadi Teman saya di Twitter [Follower].

Langkah-langkah memasang Tweet Box [Kotak Nge-Retweet] di Blogger Blog:

1. Login terlebih dulu menggunakan akun Twitter teman-teman untuk menggunakan fitur ini,


2. Buka situs penyelia plugin Tweet Box di sini,

3. Untuk membuat aplikasinya maka kita diharuskan untuk memasukkan data pada kolom yang sudah disediakan,

lihat pict



4. Pada kolom Default Acces Type silahkan beri titik (klik/centang) pada Read & Write, untuk kolom Application Icon tidak perlu di isi, karena bisa di isi nanti,


5. Lanjutkan dengan klik Register Application,

6. Lalu akan muncul jendela baru yang berisi kode Javascript dan API key, silahkan copy kode Javascript dan API key sesuai dengan yang saya lingkari merah dan simpan terlebih dahulu di sebuah Notepad,

lihat pict



[klik untuk mempebesar image]

7. Ok, sekarang kita akan memasangnya di dalam blog: Login ke akun Blogspot >> Edit HTML >> Klik Expand Templates Widget,

8. Lalu cari kode ini: </head> dan masukkan kode kode Javascript dan API key yang tadi telah di simpan di Notepad dan letakkan di atas kode </head>


Bentuk kodenya seperti ini:


<script src='http://platform.twitter.com/anywhere.js?id=............................&amp;v=1'>
</script>

9. Lanjutkan dengan mencari kode <data:post.body/> dan pastekan kode di bawah ini persis berada di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link="<data:post.url/>";
twttr.anywhere(function (T) {
T("#bp_tweetBox").tweetBox({
width: 540,
label: "Retweet This Post",
defaultContent: "RT @id_twitter_teman-teman <data:post.title/>"+" "+bp_tweet_link
});
});
</script>
<div style='font-size: 10px; margin-top: -30px;'><a href='http://cantik-2013.blogspot.com/2010/08/pasang-tweet-box-kotak-nge-retweet-di.html' target='_blank'>Get this widget</a></div>
</b:if>

10. Ganti ukuran panjang Box Tweet dengan merubah tulisan warna merah dan ganti tulisan warna hijau dengan id Twitter teman-teman.


11. Jika sudah tinggal klik Save Templates.


Seperti itulah Cara Pasang Tweet Box [Kotak Nge-Retweet] di Blogger Blog, semoga bisa bermanfaat dan silahkan dicoba. Salam

Tidak ada komentar:

Posting Komentar