Pada postingan kali ini, saya akan membagikan Cara Membuat Widget Burung Twitter Terbang di Blog. Fungsi dari widget ini adalah untuk mempermudah pengunjung blog anda untuk melakukan follow pada twitter anda yg memuat konten-konten pada blog anda dan sebagai sarana promosi.
Widget ini juga tentu menarik dengan menampilkan burung yang terbang diblog anda, mengikuti setiap layar halaman ketika discroll. Jika pengunjung meng-klik burung itu tentunya ia akan menjadi follower twitter anda.
Widget ini kompatibel dan cocok untuk semua browser, contohnya bisa dilihat di blog ini.
Oke, sekarang bagaimana cara memasangnya ? berikut langkah-langkahnya. Cekidot...
- Masuk pada blogger anda.
- Masuk pada bagian Tata Letak
- Klik Tambahkan Gadget diposisi mana saja.
- Pilih mode HTML/Javascript.
- Masukkan 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/AVvXsEhSaSmu7lhhNx8Jn-B46XPCgAFh1-X1_HjE-xUhVwvqcdamuk1HmYdmmrgCE3L3jPr_dduOq-pNdrJn9zf9wSafE3oSKGCScjE7thEsWpRVO9Fm_DGochLZSdIfHcZoK0Dori84rWwIaVU/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/dikaadhytama";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
<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/AVvXsEhSaSmu7lhhNx8Jn-B46XPCgAFh1-X1_HjE-xUhVwvqcdamuk1HmYdmmrgCE3L3jPr_dduOq-pNdrJn9zf9wSafE3oSKGCScjE7thEsWpRVO9Fm_DGochLZSdIfHcZoK0Dori84rWwIaVU/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/dikaadhytama";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
*Untuk kode warna BIRU anda bisa menggantinya dengan ID twitter anda.
Nah, untuk kode warna MERAH anda bisa mengubahnya dengan berbagai URL jenis burung kesukaan anda.
Saya telah menyediakan beberapa contohnya.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjex9X2QRaCz21l-k8iGxrIrZ6r4xcl68Ner0G792o61vxKuubjazZMs2KLCTWuWzs4WyAYGhAS-IbIu7z3M_gd2ZjtW-tjSqyiF0N5hxujXIwkyAgTUV8W26pu5hRMxk_AynLTDxuit6I/s1600/yellow+bird.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEY9kovnh8qVM0luUcBwebJqxkSdjgTmnQp63eclkAlgnDMT193CKiEZP8nMvTNDTWuKsaBgAV4IUFkPQ2F7k3WnsbyNergamWNm76aCcXETnSgossdFzhyphenhyphenBwGChGENc9HsigxpcJUMDg/s1600/black+bird.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaqjtp-aQJcPRjFRlVpY7v-Ka70LLqKfWtMzXj1Xb5jgp0pv6SlZlaG2eIHIj9OVQ66JXC-eJ_8ZNCPnXAloIfCHRq-Q0mCAAs2r5_GSnbGfRyG-5ZPAIPU9_ShU5zMewh1FFcCsvE_7g/s1600/Blue+bird.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj2k3SU-ObgDDGmI4bQuU8E2d1wtanacgds93CqWGbpM3eWcl2wEZuoo6bwzVdyU2q_ycCsBfRC0dknWLWcSkSxO56FdRz1xBmVk9gGxly1jIn562SKVgfR7UcBnx1pIRms-wmLJPzP3I/s1600/brown+bird.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo_LWM50-YzYzoMukthFrf4Pb8tLguX3emvUHkTecxrVX8anHFaibRnC4Gi_AYdxviLR9Cr1Yf2Kn9muysi8telJXkmM2FYtc_mzxVs6EtuJMUnkjpRptRAP7tXYZK13b0DrCI47CGa9Y/s1600/Green+bird.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidD2U4wD5aLgjmxZwPNubWtwvuH-A34JFYJBPLKRzdTxogqn75bLK2OrCWb_4A-SZasuGvNBOn3b4jw5pgPveXl8iv2VYe0kC5tlZPDUi0xoNPHcIs3hj4zUg04x6fSS25DRTTy3oON_M/s1600/purple+bird.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8OqfNL_QRkBjqRKX5iemKY2LhfZKbdKl0slvUUfmnxEDXRjHaOnIv7Hay_z_h_5dVNpPXg0yFw_7DHzig14WhJgPXfQlwwcndhRG56r2hqZ04FPLlbZ-7FW7YeRXZtewSrzYMprvnWHo/s1600/white+bird.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOlE4Wjzqe5tt_CyKAoMMmZ4vohQIYNARO5l1vJh50t5fCZlPVijp6t64yohygoY7yMi9CrtgJ6C_1YIFL60u9rDiI8NffIfmSDDSyFEKpnvxeTt8gVflZMHujmKGP8AM-Elf4b-aJmG0/s1600/red+bird.png |
Kalau anda tidak merubah URLnya maka tampilan warna burung twitternya akan seperti berikut.
6. Jika anda telah selesai mengaturnya, klik Simpan. dan Selesai lihat hasilnya.
SUMBER
Tidak ada komentar:
Posting Komentar