Cara 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.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 menjadi Teman saya di Twitter [Follower].
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 menjadi Teman saya di Twitter [Follower].
Langkah-langkah memasang Retweet box di bawah postingan 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,
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,
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:
9. Lanjutkan dengan mencari kode <data:post.body/> dan pastekan kode di bawah ini persis berada di bawah kode <data:post.body/>
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
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,
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=............................&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 @kucoba_blogger <data:post.title/>"+" "+bp_tweet_link
});
});
</script>
<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 @kucoba_blogger <data:post.title/>"+" "+bp_tweet_link
});
});
</script>
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
Judul: Cara Pasang Tweet Box [Kotak Nge-Retweet] di Blogger Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown
Terimakasih atas kunjungannya..
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown
Terimakasih atas kunjungannya..
No Responses to "Cara Pasang Tweet Box [Kotak Nge-Retweet] di Blogger Blog"
Posting Komentar