MEMBUAT WIDGET TWITTER KEREN

Dunia BloggerDUNIA BLOGGER kali ini akan berbagi tips-trik untuk membuat widget twitter keren yang dapat mempercantik penampilan blog anda. Widget twitter keren ini DUNIA BLOGGER dapatkan dari hasil blogwalking ke tempat sahabat Rudy Hartono. Terdapat dua komposisi script yang berbeda, namun pada asasnya sama saja, hanya berbeda pada bagian tampilan widgetnya saja. Kalau boleh saya berkomentar, widget yang aslinya buatan Maskolis ini memang benar-benar mantap.
Berikut cara memasang widget twitter :

1. Login ke Blogger
2. Pilih tata letak => Tambah Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini dan letakkan kedalamnya
Model Pertama
Kode scriptnya seperti dalam spoiler berikut ini :
<div style="background:#fff url(http://4.bp.blogspot.com/-aQPyI_G1C98/T3uoRmyemPI/AAAAAAAAANk/CUQQalt646k/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('teknikrudy').start();
</script>
</div>

Keterangan:
Silahkan ganti teknikrudy dengan ID twitter atau username twitter anda

Model Kedua
Kode scriptnya seperti dalam spoiler berikut ini :

<div style="background : transparent url(http://2.bp.blogspot.com/-HuX8Fo4VPUU/T4Am-DNSmFI/AAAAAAAAAZ0/VgFChabyUQ4/s1600/twitter+me.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('teknikrudy').start();
</script>
</div>

Keterangan:
Silahkan ganti teknikrudy dengan ID twitter atau username twitter anda

Selamat mencoba tips-trik ini, semoga bermanfaat.
 

Related Posts:

Get free daily email updates!

Follow us!

0 Response to "MEMBUAT WIDGET TWITTER KEREN"

Post a Comment

Komentar yang anda tinggalkan mencerminkan pribadi anda sendiri, oleh karenanya hindari spam, pornografi, SARA, promosi produk, Anonimous dan jangan OOT.
Komentar yang sesuai pasti akan aku terbitkan dan anda akan mendapatkan backlink.
Mohon maaf bilamana terjadi keterlambatan balasan komentar.