Saturday, May 11, 2013

Cara Membuat Widget Burung Twitter Terbang di Blog

Cara Membuat Widget Burung Twitter Terbang di Blog
Kemarin saya membuat posting tentang Cara Membuat Tombol Follow Me Twitter di Blog. Telah saya jelaskan sebelumnya kegunaan tombol tersebut kan?. Kali ini saya akan membahas mengenai Cara Membuat Widget Burung Twitter Terbang di Blog. Fungsinya sama, yaitu untuk mempermudah pengunjung Blog sobat  melakukan follow pada Twitter sobat yang tentunya memuat konten-konten pada Blog sobat.
Yang membedakan widget ini dengan tombol follow me adalah tampilanya. Widget ini jelas 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="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/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/Regy_Brader";
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 Blog http://3.bp.blogspot.com/-xL1Dk6Bhi4g/TqN5gbyvSCI/AAAAAAAAAGM/jxsjBiRWMLw/s1600/yellow+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog http://1.bp.blogspot.com/-N3RvHfV3MUk/TqN5iPPqAEI/AAAAAAAAAGU/oYKSvsOj108/s1600/black+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog http://3.bp.blogspot.com/-FNowQ1mqsLg/TqN5kxq86EI/AAAAAAAAAGc/VzatkjsUAEc/s1600/Blue+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog http://3.bp.blogspot.com/-b-9ncuDJxm0/TqN5nrOnTCI/AAAAAAAAAGk/LREurKp_tLc/s1600/brown+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog http://3.bp.blogspot.com/-SJP4OZmyeCU/TqN5qcyXgGI/AAAAAAAAAGs/jKQaqHF9EkA/s1600/Green+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog http://3.bp.blogspot.com/-Ec4JlrN6yc4/TqN5tIAXDpI/AAAAAAAAAG0/ywnjHeG4ASM/s1600/purple+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog http://1.bp.blogspot.com/-qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog
http://1.bp.blogspot.com/-knGCnCFCahI/TqN59awa61I/AAAAAAAAAHE/mniE1h9IW14/s1600/red+bird.png

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

Cara Membuat Widget Burung Twitter Terbang di Blog Cara Membuat Widget Burung Twitter Terbang di Blog

6. OK, jika sobat telah selesai mengaturnya, klik Simpan. Selesai, lihat hasilnya.

No comments:

Post a Comment