Baiklah setelah tadi saya membahas tentang Cara Memasang Meta Tags pada Blog, kali ini saya akan melanjutkan tutorial sebelumnya dan masih tentang Twitter. Tentang Cara Membuat Widget Follow Twitter agar terlihat lebih menarik dengan menggunakan Burung Yang terbang di dalam blog. Bagi yang suka dan hoby dengan burung ga ada salahnya untuk memasangnya diblog. hehehe Dan untuk proses Pemasangannya cukup mudah, silahkan ikuti langkah-langkahnya berikut ini:
1. Seperti biasa Login ke akun Blog
2. Dashboard > pilih "Design/Tata Letak"
3. Lalu Klik"Add/Tambah Gadget"
4. Kemudian pilih dan Klik "HTML/Javascript"
5. Silahkan copy code'a dibawah ini
5. Silahkan copy code'a dibawah 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/aby_farhan” 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/alibloggers” 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>
NB:
- Ganti kode huruf berwarna merah diatas dengan akun twitter kalian masing2.
6. Lalu paste di dalam "HTML/Javascript", proses terakhir simpan dan lihat hasilnya
dan selamat Follow Twitter Burung Terbang telah berhasil di pasang di blog.
Selamat Mencoba dan Semoga Bermanfaat . . . .
Sumber :
Sumber :



0 komentar:
Posting Komentar