Senin, 15 Juli 2013

Cara Membuat Widget Burung Twitter Terbang di Blog

twitter,jejaring sosial,tweet


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...

  1. Masuk pada blogger anda.
  2. Masuk pada bagian Tata Letak
  3. Klik Tambahkan Gadget diposisi mana saja.
  4. Pilih mode HTML/Javascript.
  5. 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>

*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.

Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjex9X2QRaCz21l-k8iGxrIrZ6r4xcl68Ner0G792o61vxKuubjazZMs2KLCTWuWzs4WyAYGhAS-IbIu7z3M_gd2ZjtW-tjSqyiF0N5hxujXIwkyAgTUV8W26pu5hRMxk_AynLTDxuit6I/s1600/yellow+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEY9kovnh8qVM0luUcBwebJqxkSdjgTmnQp63eclkAlgnDMT193CKiEZP8nMvTNDTWuKsaBgAV4IUFkPQ2F7k3WnsbyNergamWNm76aCcXETnSgossdFzhyphenhyphenBwGChGENc9HsigxpcJUMDg/s1600/black+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaqjtp-aQJcPRjFRlVpY7v-Ka70LLqKfWtMzXj1Xb5jgp0pv6SlZlaG2eIHIj9OVQ66JXC-eJ_8ZNCPnXAloIfCHRq-Q0mCAAs2r5_GSnbGfRyG-5ZPAIPU9_ShU5zMewh1FFcCsvE_7g/s1600/Blue+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj2k3SU-ObgDDGmI4bQuU8E2d1wtanacgds93CqWGbpM3eWcl2wEZuoo6bwzVdyU2q_ycCsBfRC0dknWLWcSkSxO56FdRz1xBmVk9gGxly1jIn562SKVgfR7UcBnx1pIRms-wmLJPzP3I/s1600/brown+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo_LWM50-YzYzoMukthFrf4Pb8tLguX3emvUHkTecxrVX8anHFaibRnC4Gi_AYdxviLR9Cr1Yf2Kn9muysi8telJXkmM2FYtc_mzxVs6EtuJMUnkjpRptRAP7tXYZK13b0DrCI47CGa9Y/s1600/Green+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidD2U4wD5aLgjmxZwPNubWtwvuH-A34JFYJBPLKRzdTxogqn75bLK2OrCWb_4A-SZasuGvNBOn3b4jw5pgPveXl8iv2VYe0kC5tlZPDUi0xoNPHcIs3hj4zUg04x6fSS25DRTTy3oON_M/s1600/purple+bird.png
Cara Membuat Widget Burung Twitter Terbang di Bloghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8OqfNL_QRkBjqRKX5iemKY2LhfZKbdKl0slvUUfmnxEDXRjHaOnIv7Hay_z_h_5dVNpPXg0yFw_7DHzig14WhJgPXfQlwwcndhRG56r2hqZ04FPLlbZ-7FW7YeRXZtewSrzYMprvnWHo/s1600/white+bird.png
Cara Membuat Widget Burung Twitter Terbang di Blog
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.

Cara Membuat Widget Burung Twitter Terbang di Blog

6. Jika anda telah selesai mengaturnya, klik Simpan. dan Selesai lihat hasilnya.

SUMBER

Tidak ada komentar:

Posting Komentar