SHARE AJA : MEMBUAT WIDGET TWITTER KEREN

SHARE AJA kali ini akan berbagi tips-trik untuk membuat widget twitter keren yang dapat mempercantik penampilan blog anda. Widget twitter keren ini SHARE AJA 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 :

Kode Script :

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrKKB042vgGaOsbfLWbwpgeEVXlG-HKLLHbPFHOzvzLJ2udhyiu29dBGeEsHwJKXlvDZQjvkHlWwh7MOTsiB3K0bXp9RiGMZQUkf2XKiFJcw7yqgnlDkZ-JBpAmgnlt8ylgEI-sN0TTFU/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>

Berikut hasil yang di dapatkan dengan pemasangan kode tersebut  :

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

Model Kedua

Kode scriptnya seperti dalam spoiler berikut ini :

Kode Script :

<div style="background : transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie2TTsKuxmqxoPLBMDWd-qzky0_ImxkAOwB_wQfJQwe8cSFA8jpCt15uZPMoZNJzRrBBjHhax1FDFuen1gQlDXsPj6UVQT0D3wWGScq1K5qHC8Y53iv-ai9rbMuglBmn4uO0BaIZ3PCQw/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>

Berikut hasil yang di dapatkan dengan pemasangan kode tersebut  :

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

Nah, anda bebas untuk memilih sesuai dengan selera anda.

Sumber : http://teknik-blog-tutorial.blogspot.com/2012/07/cara-memasang-widget-twitter-keren.html