cara menambahkan widget twitter di blog | Tutorial blog

 Di postingan saya kali ini saya akan menjelaskan bagaimana cara menambahkan widget twitter di blog oke langsung aja. 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 versi widget twitter live updates ini, saya sudah memodifikasi kode JavaScript-nya menggunakan Minify JavaScript dan hasilnya widget ini menjadi lebih ringan.

Cara memasang twitter widget live updates di blogger

1. Masuk ke Dashboard >> Tata Letak >> Add Gadget/Tambah Gadget
2. 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/AVvXsEgnVUp5aiBZ1jKJIzoGHWSId05u0Pd7vHr9VP9dmbTTYByAwSzY8HWgP7WXXWBre0twPsJqnUc6ZvQcWJQlSCNa5mT8rlT16LuZX4B7ao-nv2i_gyN5cq9DcK6fYzO-AmHQX_U4NgSpKdI/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px"><script src="http://widgets.twimg.com/j/2/widget.js"></script><br /><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><br /></div>

Keterangan

Ganti USERNAME dengan username twitter yang ingin ditampilkan pada widget.

4. Jangan lupa untuk klik Save dan lihat hasilnya.

Sekin postingan saya kali ini tentang cara membuar widget twitter di blog  semoga bermanfaat bagi anda yang membacanya!!! 

Selamat mencoba!!!!

Tweet