News Update :

Cara Membuat Widget Twitter Live Updates di Blogger

Diposting oleh : Posted on Sabtu, 27 Oktober 2012 - 6:40 PM with 1 comment


widget-blogger-twitter-live-updates
Menampilkan widget twitter live updates di blog ini saya bagikan untuk sobat yang gemar menggunakan twitter sebagai sarana sosial media. Widget ini salah satu yang menjadi favorit saya, karena tampak atraktif dan animatif sehingga dapat menjadi tambahan dalam hal desain blog.

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 versiwidget twitter live updates ini, saya sudah memodifikasi kode JavaScript-nya menggunakan Minify JavaScript dan hasilnya widget ini menjadi lebih ringan.

Lihat disini caranya > ^_^ 

1. Masuk ke Dashboard >> Tata Letak >> Add Gadget/Tambah Gadget
2. Pilih HTML/JavaScript

add-gadget-tambah-html-atau-javascript

3. Masukkan kode JavaScript berikut ini di kolom yang tersedia.

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5pjL7g3DoUf-T7TpKFJe5hTg7K52ZTx-OevEJl8uPw8h6SUoVRk6p4O32x_bUHzABzDvJc2pr-217aMqVIldcnpuBK3XehPEHarIGRhqYM3zR8eXtqaiZr9_CX7DT7Yxh-uYGLPo1eRc/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>

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.
Share this Article on :
Cara Membuat Widget Twitter Live Updates di Blogger
Item Reviewed: Cara Membuat Widget Twitter Live Updates di Blogger 9 out of 10 based on 10 ratings. 9 user reviews.

1 komentar:

  1. informasi yang sangat bermanfaat buat para blogger
    salam sejahtera buat blogger semua

    BalasHapus

 

© Copyright 2-Bersaudara 2015 | Design by Herdiansyah Hamzah | Editing by 2-Bersaudara.