Sebelumnya saya sudah memberikan tutorial untuk membuat widget twitter tweet pada blogger. Dan sekarang saya akan memberikan tutorial untuk membuat widget twitter pada blogger versi 2. Kalau anda ingin tahu bagaimana pratinjaunya, silahkan lihat gambar widgetnya di bawah ini
Ada perbedaan sebenarnya antara widget ini dan widget sebelumnya. Widget ini mempunyai tweet yang dinamis. Yang saya maksud dinamis disini adalah tweet kita berjalan terus. Maka dari itu, widget ini harus kamu pasang ke blog anda agar performa blog anda menjadi maksimal.
Bagaimana Cara Membuat Widget Twitter Tersebut?
Untuk membuatnya sangat simple sekali sobat, anda cukup untuk mengikuti empat langkah yang akan saya berikan di bawah ini :
Langkah 1 : Masuk ke Blogger >> Dashboard >> Add Widget
Langkah 2 : Pilih HTML Javascript
Langkah 3 : Copy dan paste kode di bawah ini ke kotak yang muncul
Di bawah ini merupakan live preview jika anda berhasil untuk membuat widget twitter pada blog anda :
Untuk cuztomize widget tersebut, silahkan perhatikan catatan di bawah ini :
* Ganti dengan username twitter anda
* Untuk merubah tinggi widget yang anda buat ubah angka 300 pada kode width: 300 dengan lebar widget yang anda inginkan (Dalam pixel)
* Untuk merubah tinggi widget yang anda buat ubah angka 250 pada kode height: 250 dengan lebar widget yang anda inginkan (Dalam pixel)
* Untuk mengubah jumlah tweet yang akan muncul pada widget anda silahkan ganti angka 5 pada rpp: 5 dengan jumlah tweet yang anda kehendaki
Selesai sudah anda membuat widget twitter tweet pada blogger, widget ini paling cocok anda pasang pada sidebar blog anda. Dan dua kalimat terakhir dari saya. Semoga sukses.
Ada perbedaan sebenarnya antara widget ini dan widget sebelumnya. Widget ini mempunyai tweet yang dinamis. Yang saya maksud dinamis disini adalah tweet kita berjalan terus. Maka dari itu, widget ini harus kamu pasang ke blog anda agar performa blog anda menjadi maksimal.
Bagaimana Cara Membuat Widget Twitter Tersebut?
Untuk membuatnya sangat simple sekali sobat, anda cukup untuk mengikuti empat langkah yang akan saya berikan di bawah ini :
Langkah 1 : Masuk ke Blogger >> Dashboard >> Add Widget
Langkah 2 : Pilih HTML Javascript
Langkah 3 : Copy dan paste kode di bawah ini ke kotak yang muncul
<div style="text-align:center;margin:5px 5px;"><script src="http://widgets.twimg.com/j/2/widget.js"></script>Langkah 4 : Simpan
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 5,
interval: 6000,
width: 300,
height: 250,
theme: {
shell: {
background: '#940808',
color: '#ffffff'
},
tweets: {
background: '#faf7fa',
color: '#000000',
links: '#800000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('sentotadipati').start();
</script>
</div>
Di bawah ini merupakan live preview jika anda berhasil untuk membuat widget twitter pada blog anda :
Untuk cuztomize widget tersebut, silahkan perhatikan catatan di bawah ini :
* Ganti dengan username twitter anda
* Untuk merubah tinggi widget yang anda buat ubah angka 300 pada kode width: 300 dengan lebar widget yang anda inginkan (Dalam pixel)
* Untuk merubah tinggi widget yang anda buat ubah angka 250 pada kode height: 250 dengan lebar widget yang anda inginkan (Dalam pixel)
* Untuk mengubah jumlah tweet yang akan muncul pada widget anda silahkan ganti angka 5 pada rpp: 5 dengan jumlah tweet yang anda kehendaki
Selesai sudah anda membuat widget twitter tweet pada blogger, widget ini paling cocok anda pasang pada sidebar blog anda. Dan dua kalimat terakhir dari saya. Semoga sukses.
Keren mas bro. makasih yak.. :)
ReplyDeleteOke mas,, sama-sama.. salam kenal juga.
Deletethanks ya :)
ReplyDeletekapan2 berkunjung ke blog saya http://nandarious.blogspot.com/
wowo.. keren banget bang.. kalo warnanya mau diganti gmana caranya ya??
ReplyDelete