Cara Membuat Burung Twitter Terbang Di Blog

Tweet

Kali ini putupunyablog share Cara Membuat Burung Twitter Terbang Di Blog. Sebelumnya saya sudah memposting artikel yang berkaitan dengan Kontes Seo yaitu Laku.com Belanja Online Grosir Eceran Murah Dan Aman.

Tutorial blog Cara Membuat Burung Twitter Terbang Di Blog ini dulu sebenarnya artikel ini sudah saya posting. Tetapi kali ini saya Repostingnya lagi, karena script ata kode Burung Twitter Terbang Di Blog itu sudah tidak berfungsi lagi.

Nah, untuk sobat yang ingin memasang burung twitter yang terbang ini, silahkan ikuti langkah-langkah berikut ini!.

1. login ke blogger.

2. Dasbor >> Rancangan >> Elemen Laman >> Tambah Widget >> Pilih Html/JavaScript.

3. Letakkan kode berikut di kolom konten dan pada judul, kosongkan saja!.

<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/putupunyablog” 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>

Keterangan:
Pada teks yang saya tebalkan dan diberi warna merah, silahkan ganti dengan ID twitter sobat.
4. Jika sudah selesai, Klik "Simpan" dan lihat hasilnya.

Sekian artikel tutorial ini, semoga bermanfaat untuk sobat semua. Trimakasih.

Baca Juga Artikel Dibawah Ini!