Cara Menambahkan Widget Burung Twitter di Blogspot

Sudah sekian banyak kicauan yang kita tulis di twitter dan tentunya kita juga ingin mendatangkan traffic “follow” ke twitter kita lebih banyak lagi. Oke, bagi para blogger kali ini kita mau ngasi trik gimana caranya namba”Widget Burung Twitter” ke halaman blog kita  biar makin banyak yang tahu bahwa kita kecanduan ngetwit 😉

Asyiknya widget ini, selain tampilan burungnya yang imut juga burung ini bisa terbang kesana kemari mengikuti halaman blog yang kawan scroll, bisa dicoba sendiri yaa. Kalau kawan meng-scroll halaman blog-nya ke bawah, maka burung tersebut akan terbang ke bawah mengikuti tampilan blog dan hinggap di salah satu tempat di blogmu. Asyik bukan?

Udah siap untuk dipraktekkan?

Ikuti langkahnya  step by step yaaaa :

1. Login ke blogger di www.blogger.com

2. Masuk ke bagian “Rancangan/Layout” >> Add Gadget >> pilih yang HTLM/Javascript

3. Masukkan Script ini :

 

<script type=”text/javascript” src=”http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js”></script>
<script type=”text/javascript”>var birdSprite=”http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.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/techgyo”;var tweetThisText = “Twitter – techGyo http://www.techgyo.com/”;tripleflapInit(); </script><a id=”theBird” href=”http://twitter.com/akuntwittermu” target=”_blank” style=”display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; “></a>

<a id=”theBirdLtweet” href=”http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/” target=”_blank” title=”tweet this” style=”position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; “></a>

<a id=”theBirdLfollow” href=”http://twitter.com/techgyo” target=”_blank” title=”follow me” style=”position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; “></a>

 

4. Ganti tulisan akuntwittermu” menjadi ID twitter kawan.

5. Save and Preview ! Done 🙂

Semoga Berhasil! 🙂


Speak Your Mind

*

CAPTCHA
Change the CAPTCHA codeSpeak the CAPTCHA code