Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot

Konsep widget ini sama dengan tombol back to top melayang Blogger beberapa waktu yang lalu, yaitu dengan memberikan styling CSS: fixed position dan scrolling display pada link gambar untuk memberikan efek melayang.

Cara membuat/memasang:

1. . Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget

2. Setelah pop up window muncul, pilih opsi HTML/Javascript

3. Kemudian copy kode berikut:

<br/><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://twitter.com/G_frizice target="_blank"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgof46axiN1fNGI4eqRvjduX5aZxcqtzzw7bSlGyi3ZiqUe8QoUp1NzGv1bj-RXn7qWwBZlnXUvHsrgikqOhKgLnYgWcqbOhpIqgsmQDnA9lcXUDVZMdMagHDcHT8yPGvLFwQuF2Wq7TQoz/s1600/floatingtwitter.png" /></a>

Ganti G_frizice dengan  nama account Twitter anda. Jika anda ingin widget berada di sebelah kiri browser, ganti right dengan left.

4. Paste kode yang sudah di edit ke kolom configure HTML/Javascript.

 

5. Klik save.

6. Refresh blog dan lihat hasilnya.

Done and cheers!

Tweet