Thursday, June 2, 2011 at 6:14 PM with ≡
Hello Pengunjung Lulu Keybum Blog.Ok, kali ini saya ingin berbagi tentang salah satu cara memperindah tampilan blog dan sedikit membuat kita tenar di twitter, ( emang bisa ? ) gk kok saya cuma sedikit berlebihan hehehe. Fly follow twitter bird in blog atau floating twitter bird in blog atau burung follow twitter di blog menggunakan script. Sebaiknya langsung saja karena saya tidak pandai berkata-kata hehehe.
Untuk melihat demo nya bisa langsung lihat di blog saya ini :)
Berikut langkah-langkahnya:
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Rancangan >> Element laman
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://oktriblog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiowWa-jBEu8JJmIzPWESlvCnrukoTSJJq1X69CO7DmnpJjCE1faJ8KBIZo3x6d3xpd0ihUP1SvkCBNA8dxol1HuNReqof9-z_qeLBVDe2vIT50ZDnCWWwQ8LeSQRIZCbP8tOFo-i4ym0N1/s1600/original.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/#!/Lulu_Keybum";var tweetThisText = "Twitter - UserIDhttp://www.lulu-keybum.blogspot.com/";tripleflapInit();
</script>
<script type="text/javascript" src="http://oktriblog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiowWa-jBEu8JJmIzPWESlvCnrukoTSJJq1X69CO7DmnpJjCE1faJ8KBIZo3x6d3xpd0ihUP1SvkCBNA8dxol1HuNReqof9-z_qeLBVDe2vIT50ZDnCWWwQ8LeSQRIZCbP8tOFo-i4ym0N1/s1600/original.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/#!/Lulu_Keybum";var tweetThisText = "Twitter - UserIDhttp://www.lulu-keybum.blogspot.com/";tripleflapInit();
</script>
- Ganti yang saya beri warna merah tebal dengan nama twitter kamu
- Ganti yang saya beri warna biru tebal dengan URL blog kamu
- Selesai :)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI5uKh3IQx-HeUOORhWhlabiayU-YlqhxgYsc2eFr70I1AnXjesF1zBYFu7YSjWCanN9aPR9NWfW68f_0LdX5B2c_QRoUeSkAuPEFDECZyOOJivNepww-QgvBmxVi6369Se-GmqltAFksY/s1600/green.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXLYcDF-cc6hjvh0djmlFYCIWf52yHk44w3_gMz51PSsUfJ2x-dImJmV86DR5NHIN5be0azlR0_6nPmh0RKCfwOsvShaSt0cEz0_xE69AJpU7PRscBw2GdqU68CsoKrm5fqDNALhS8ZApT/s1600/blue.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtvfui3VDHen83fr8AB2wVksUWAujtordOYb0urejs8OkdYL00s-Grq7P0M6yfIPHaWQiMFVytB9bn0IYYUX4Xnv2xrrk_3wbcrLny0x0_36ykjVrC_j48W3-nxSbqdTwmdcm4_g7zQ_gk/s1600/pink.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxP34mctxPqjOd4gYgy999xoYWRuK6L1FW1spfzCCCi4YVSX8QHIeDhs6OkaMaIklQO4Mh5f0dzGQIZDAlBHgz1aSLrAs_pC9wsCIB47EiFhgjNHiJ1Y8kDxVyHKnT8XdvU1d_nH_T09GH/s1600/purple.png
Ok saya rasa cukup :D . untuk warna yang lain mungkin bisa kamu edit sendiri .
Semoga berguna ;)
Labels: Tutorial