MEMBUAT WIDGET TWITTER KEREN

DUNIA 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHD23s9CQeqXNYeSCRXFLrtatxi_aidrXptvES43T9LVC_1vkRov5oPaEmQAZHrWlAX_xj4Ibz92xcjakBBmmBszn1SJUW79JlorarLBs3yqekcoFZLY17B9fkPFzUc13TL0eOIbEL3tM/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU7iIr0LT3x8JSIsz5S6R8bFMOERx5xryh0_xOTY8eLYQqC-lcErZ1qhI7IlpYj5sDMLdOE3Je5dMOc6rsH213HAKpz4Ft8Vopv19RxnjHLNax9fd5eht3aFtHhgeUwJS3vktbMagcJDc/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.

Get free daily email updates!