Memasang Icon twitter burung terbang di bLog

MaLam terasa cepat sehabis jalan menelusuri google unk mencari bahan yang saya cari bear bisa di posting ke sini. Posting kaLi ini saya mau coba memasang icon lucu salah satu dari jejaringan sosial. Sobat semua pasti sudah tau klo gambar burung pasti terkait dengan twitter. begitu banyak macam script untuk memasang follow me twitter, tapi yang satu ini yang saya anggap lucu dan menarik dari pada yang lain.

hmm, dari pada sobat bosen dengerin saya ngoceh..
mendingan lansung aja kita ke mas tuto..

ikuti Langkah berikut ini :




1. Login ke blog sobat
2. Ambil Rancangan, Lalu Page Elelement
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Langkah selanjunya copy script “JavaScript” dibawah :

<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/akuntwittersobat" 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>

Ganti tulisan berwarna Biru dengan akun twitter sobat dan url situs sobat

5. Klik simpan

Cukup disini dulu postingan Saya. Semoga bermanfaat dan silahkan menuliskan komentar dibawah ini untuk tanggapan dan pertanyaan. 

ctt...
ada beberapa jenis warna burung yg berbeda, tp karena saya ngantuk dan ngak bisa lanjutin postingan. mungkin nanti saya upload dan sobat bisa mendunLudnya..
biar untuk mensingkat waktu.


NaraSumber

Posted in: Tuto BLog