Terima kasih telah berkunjung, jangan lupa kunjungi agungar.

Sabtu, 20 Juli 2013

Cara Membuat Widget Burung Twitter Terbang di Blog Berwarna

Widget ini lebih menarik dengan menampilkan burung yang terbang dan selalu mengikuti jika halaman pada layar monitor digulir. Jika pengunjung meng-klik burung ini tentunya ia akan menjadi follower Twittter sobat.

OK, jika sobat ingin memasang widget ini, berikut langkah-langkahnya:
1. Masuk pada akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik Tambahkan Gadget di posisi mana saja,hasilnya akan tetap menjadi burung terbang.
4. Pilih mode HTML/Javasript.
5. Masukan kode berikut ini.


 <!-- floating twitter Bird -->
<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0c1Rnd8ZaH9D27wQfDx1KB5jDM_Hze8goqK5M4Zjf7LfHAzzvdmnVckYgroATKIrm2ih7hqJL_CjIFoiuMgW55P9rkGvIN1o8MsGcRNccr26NO7GZ1-hFzT-9Y9gwYmZaMxBloGCguIc/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/agungaryono";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>


 #Untuk kode warna biru sobat ubah dengan ID Twitter sobat.
Nah, untuk kode warna merah sobat bisa ubah dengan berbagai URL jenis burung kesukaan sobat.
Saya telah menyediakan beberapa contohnya.


Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8P_QmidCDVm9-SSsUZpCd8-VDInHGf76LJ_i2VDz7vQqBBRSGR409D5zIHBRsbtAcrySrlj_Jj8KfHkSz6eOt_KN0K4ohv5coVzegTC5uN4qWJ8IxWXs2EPXBkHSCqUsdmSe3zfhawvI/s1600/yellow+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAAY7p_MsVM9p8MR2Wcvm0Db6UdjU8oVQ-jJ0YXhPLo9lH_7AtigtQ4-52A7Zz1UlZJ36YXOzXs_Ug-SC1AlLqjRqjpHlmqh8i473BYBt1dcfO2oiy29tO1dZP7TwdNal5wELvr_yysc/s1600/black+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCtBP7W3nJTsAFccK4PiPUNtfrZYRYVht9OHe9oXqvkPsVRSiIPZZaHO6xXA9MLxu1aaVl3i0vu3MRnYHEzN22CljQLFzZ4gm4jCW6j-O1HKXFSGB7TjG5X4EAKIL8Fn82qyQzhQbaQc0/s1600/Blue+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_q8nqV5-9SnNVLRVCSXcvShanp0-bKLjj7MT9X3ctYidAnUyTJT7b9n27C2yBRzv5IPXF1PBcvX6lIznNcb7L1nsL702bRu-mm0BgQ8WDG7bylJyeJPS3xfwdBB0ug4tp8P1KqkQkBnA/s1600/brown+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh36d3QSPofPYILIDfmvLvkmhGbAu_3YHoipTS3sz8jiDLtTsRthlpjERlz64YcB4hxXs06jqyhnji6Z4fb3PjvCFKzuEqkoy7h5tbr0PYe-VvULQo72Z7cO1NFPKVGCgG3O5VCBRy9oO0/s1600/Green+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6J159bCUSU3yY503fE0a_6fWTwNV7bKRLqAULibEg542_4n01ENVy0zHwofsz4fmJQhgqe6nac8cIkr_Q2KBXT51-gcE5sdWbUPnXb1SskFow9ZrpIm6uWcuHwi4RVHDE1JjJ9IRQ3G0/s1600/purple+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVUuP8XOyG-rxYGalkf8EfsepucJKtjWLB-BlCPumQxzulTv5VTLQk8OB7GIRzlrJQnA4wp0cSK68ttixOots8V4gQJIgeDGmpuqHslbEtvLenFloS5fcHLQqF3toAtJvjfPdpgO5UOz0/s1600/white+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvZ2IAcET7FM_3Wy_245-3sZiHsmifg12-Ls1z1V6MONKTzNhRDmmnoxd5wXR-qPSXAMJsdS0_dP_jcTc6jEKdBhwY0RvO3eJc9cchBjt_imRnaKZGMKxZRDWW8JkixgusmeYjIoWZejA/s1600/red+bird.png

Kalau sobat tidak merubah URL-nya, maka hasilnya akan seperti berikut.
 

lihat : sumber, hasil,



1 komentar:

  1. trima ksih mas atas infonya. udah aku praktekan dan ternyata berhasil.

    BalasHapus

iklan anda

Tidak boleh kosong