Kamis, 24 Januari 2013

Widget Burung Twitter Terbang Di Blog

Memasang Burung Twitter Terbang di Blogspot            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.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 burung twitter terbang 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 Layout > Add Gadget > Html/Javascript
    • Copy paste kode di bawah ini ke kolom Html/javascript

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

    • Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
    • Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Rubah Warna Burung Twitter

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioqx5mCfKvRzaXPMjlhyphenhyphenjP8L69-1igG-Wnp2pXwfN1IxiGijC9mSuSzqQOLTK6R_ggH53cSOprkX-jkyrDge_tToPODyUvAtPsTXJK5aA7o4IsEm8ekjZUxiu9UCZAawIdopwxV9T7MOU/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizdBzP32OUOWZEUiHq1cUbF2OL3YvHIyIzbdPui61dI-m2c-QnOD4u5k2UZQs3aogRcKuXiMAUgDujgvNjCa6XRwMDAVA2m4fJqEwotXM2J8-Z63i5B6UXvJX47gH4-xphHlht85Mh3rc/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-AQo13mqTZaCdCqLsDZanxQQVm8P_jCq2TwZ4BP2c57ndqDvJkhY_op-RoyMEvBS270cygHaMiKpMD_fIq_S-AuRx9Mar0BEatg931A-VB2tLFEWMHu2s3fSzYsrlIY_TfvkLIrg7TM0/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjom9gJ066azCUBwnxw6_ndsPA98M86mCkGeGoO7FAI8Nt3QpLGdJRPkFYebdTzNRnNKWVxIpKE4ODwoDxsW3hOBfNU00znjqdSEMljfFeF4zCY6uFGbSCLqKF4NVcX6V4tEmnYC2lSynA/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy91v8PLvqUsr40yLeJBrVFWVKbz-wtAZD5XfIGZExqm8f_Ri0KP0yjmLsXpaUn4-hvYfE0catg46PTwyW8GTLWaQTu9-59u5zLEtJf1esp4ePpF7cuVK3Mrbul-Z-uirI97ObSoZKG_k/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguChBCuPFuSbkixB3w1mzyjj_GVLp3V0GRSWxBX7xeIUerW9o63P4Tk_hlcM1_nCuZ7Ik_KeD6N-dqp8KKaO9RtBywoBpWkD9iH__xk608QhAZjw5JYv1WsmzuJcmblYPpSNPlfgDsYkk/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu2z5dauI_7TKqEL0y38lhyphenhyphen_98uJoc7a9NO01xBsqxWdHmTTsDysT__l9MQmqUwEe7Tri40C0dNQ6iX9HrogHPIshlD0q14j6eB_fqTK9hJQ5ytT6-tsccmwC9TOPizfD-C6pZxMoVYKk/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMOMPv6kywp-kt4UgfJLXCQi4zzdaMOy2QlnCHdWXjn4Ai_7hppcNc_Da1YgBHkPWizkzRkG64aEV5LyWf9M6GHX9jhyphenhyphenq6-RVpo-cKfNG2XpgCppBfYAoJTP66eFPw2Zaj54_2po34p08/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..! 


Tidak ada komentar:

Posting Komentar

 
Sumber : http://www.sektim.com/2012/03/tutorial-membuat-tombol-navigasi.html#ixzz2KB8mh2mX