Cara Membuat Widget Twitter Live Updates di Blogger
Widget ini banyak ditemui di banyak blog terkenal seperti blog terkenal terselubung. Sebagian menggunakan JavaScript yang rumit sehingga memakan waktu loading yang cukup lama dan berat. Sehingga bagi blog yang menggunakan JavaScript, widget ini dapat menambah beban blog dan membuang waktu load lebih panjang. Untuk versi widget twitter live updates ini, saya sudah memodifikasi kode JavaScript-nya menggunakan Minify JavaScript dan hasilnya widget ini menjadi lebih ringan.
- Demo Widget Twitter Live Updates: Klik Di sini
Cara memasang twitter widget live updates di blogger
1. Masuk ke Dashboard >> Tata Letak >> Add Gadget/Tambah Gadget2. Pilih HTML/JavaScript
3. Masukkan kode JavaScript berikut ini di kolom yang tersedia.
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3gBvhQr9Kt16LgYagze0Kfw9no_BTbSgzi-6qWWRqsb7vNuvYt6vIwlkClqaTF8qRDD-TbOYp7hq2ewd3DNG0SyKu4UiTEHmcI-LiwZMiN50ZuXHUTVaHxQzlnvGr3ljmasj_IGFw73U/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
(new TWTR.Widget({version:2,type:"profile",rpp:10,interval:3e3,width:285,height:118,theme:{shell:{background:"transparent",color:"#000000"},tweets:{background:"transparent",color:"#000000",links:"#B45F04"}},features:{scrollbar:true,loop:true,live:true,hashtags:true,timestamp:true,avatars:false,behavior:"default"}})).render().setUser("USERNAME").start()
</script>
</div>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
(new TWTR.Widget({version:2,type:"profile",rpp:10,interval:3e3,width:285,height:118,theme:{shell:{background:"transparent",color:"#000000"},tweets:{background:"transparent",color:"#000000",links:"#B45F04"}},features:{scrollbar:true,loop:true,live:true,hashtags:true,timestamp:true,avatars:false,behavior:"default"}})).render().setUser("USERNAME").start()
</script>
</div>
Keterangan
- Ganti USERNAME dengan username twitter yang ingin ditampilkan pada widget.
4. Jangan lupa untuk klik Save dan lihat hasilnya.
Demikianlah tutorial blogspot kali ini tentang cara membuat widget twitter live updates di blogger. Jangan lupa untuk mengajak teman blogger lainnya untuk ikut memasang widget ini.
Enjoy Blogging!
Demikianlah tutorial blogspot kali ini tentang cara membuat widget twitter live updates di blogger. Jangan lupa untuk mengajak teman blogger lainnya untuk ikut memasang widget ini.
Enjoy Blogging!
Categories:
Tutorial Blogging,
Twitter
0 komentar:
Posting Komentar