widget burung bloggger












Cara membuat / memasang widget burung Twitter terbang di Blogger,
mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak
sekali saya melihat blog yang sudah memasang widget burung Twitter
terbang ini dengan berbagai macam style dan warna burung Twitter yang
berbeda-beda, sekarang saya akan mengulas kembali khusus buat
teman-teman blogger yang baru membuat blog dengan platform blogspot



Memasang Burung Twitter Terbang di Blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini
selain Facebook dan Google+ dan tidak salah banyak orang yang
beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk
keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang
mempunyai blog tidak ada salahnya memasang widget menarik ini selain
membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat
untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan
sekali klik pada burung twitter yang terbang maka akan otomatis
terhubung dengan profile Twitter sobat.



Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini


  • Pertama-tama silahkan login di Blogger

  • Klik Design > Page Element > Add Gadget > Html/Javascript

  • Copy paste kode di bawah ini ke kolom Html/javascript






<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG2_DPHz8xRnSweN1yQ_WA3NJN_k0kyxuJjMwEXqJEoagGzs6eECa_gbR9EL9NzjYngkS9Hq80Ep0G8X9vZuGltrJzq6HEXUjiCLI1xV_9ZTZ38oSj58CSwknrbBrGHD-zsFhDTiWKafE/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/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>




  • Ganti kode yang berwarna biru dengan akun Twitter sobat

  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah

  • Simpan dan lihat hasilnya.




 Warna Pilihan Burung Twitter











 Warna Kuning


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdIwHkCxITQDEYZ6twkYnsuggO894z70S2w0w44BZS5XHPXc7yrl9d0KKHe0__sh-BCTOPkDKmBsGwgC-BTuCGK4z5bOijnvCb_6SZiF2Zuhat4AIDDDQZlG7pGi0BkQo983L6tsWJWA0/s1600/yellow+bird.png



Warna Hitam


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEhm8Xu1BuZor0_twYLmZ7MvkzEJ9c-bt_hKbOe1EjnoC8rq2cMVfpvFz-EV1dTtNWrRHUyJccc45Q12fH6k0CIBiWobZsWkAqFNnhQUvwt4huxbyqCBTtesQ4q2dYirORqGw5Q27aVoo/s1600/black+bird.png



Warna Biru


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEize5kLu7V2PlsLyrSYdiRKDY5Vp_FyFAW_2XcGoxGmSHFv__ryA-kpZWbhBWEkpFhgqBzeiFWE2qrMg0DxgoNF7Xof4hAzJaH40mbVXqfPv8Uegf3_VGoGCyUOuIselI8GXgvTSptqlUE/s1600/Blue+bird.png



Warna Coklat


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7uf01w-N5NFTbnyw66vGIiDc1IV4e9h3w3AJQ-t00ayUGqvQVbGGEL00qcnoabtz-s0BH9-_VmnOAhzVjH2ur5OJX_n_PTgGfFeCyaQIuFjIAIL9Aiv7-JHlfWhV6dTxWHhyOUI0zu3c/s1600/brown+bird.png



Warna Hijau


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgOad187RwMfHgYF9ffUQCYKht3o_K0iK11MvQN2IKp6zlnkYvF__tIi0uR-tKPdqE1Dc0fqDAbAXaGnTrWjteFAWWGCMHQXkxz89GiGGCcyuiQoq16oToq6sEPZMvrXAZ13Kr0TU3Gf8/s1600/Green+bird.png



Warna Ungu


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrkdjwBeZDfhbDAJbwk_xE0lyXN_cEmo9Mac9rWfASSuSUggnVxn2pA8Aaql3o8F_J6dThtfYNLeYvu6MfjeR9ou8NoO-A5gPlqCvgu5V0JCuqsHJNmU0vWE_06w448-3naRxga_cfie4/s1600/purple+bird.png



Warna Putih


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwiD9tE5zSKiolDGW2n4aS9D4Uw8N_TkfEd0f9G6d0Ta66xYyY-eaDtchbe0klSVJwM2RErN6i1DS3smo25LiPT9kyvCpZjG1KBaZAZEbQDPJ8lz4JgJFfy0uzeKI1BN5s3K3ZxY5vFU4/s1600/white+bird.png



Warna Merah


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwpyU9ocyJI6uLQa8qiDsomxFD5IrEt7wnwTEZRN4HhA2Xuqqeb3tSUVSq-6158kpuMC3jYTkGKs7GE8MsG4pmCRKnZyFtB97U4rmDUX0_Anq9HFGHEc39EiOgYtzEjnFffVqIauPX8sM/s1600/red+bird.png





Post a Comment

0 Comments

Ad Code