Cara Membuat Twitter Stats Button dengan Teknik Melayang

Pembaca Blog Irfan Handi yang budiman,

Perkenalkan nickname saya Red dari blog tetangga. Saya menyambut baik tawaran dari bro Irfan untuk menjadi penulis tamu di blognya ini. Saya coba sharing Tips dan Cara Membuat Twitter Stats Button dengan Teknik Melayang.

Kok melayang? Apa maksudnya? Disebut melayang (floating image) karena jika halaman blog anda discroll ke atas atau kebawah, gambar itu tetap fixed berada di tempatnya dan tidak ikut naik/turun. Kesannya melayang gitu lho . Bro Irfan pernah membagi tutorial tentang cara membuat floating image, silahkan klik disini .

 Gambar melayang ini bisa dimanfaatkan untuk berbagai macam kepentingan :

1. Dia bisa hanya berupa gambar saja
2. bisa berupa gambar yang ada linknya (mengarah ke dalam atau ke luar blog)
3. bisa berupa animasi flash / flash banner
4. bisa berupa animasi flash dengan link, contohnya ini dan ini

Tutorial yang saya share ini sama persis dengan nomer 4: animasi flash dengan link. Lebih tepatnya adalah animasi flash yang menunjukkan statistik (stats counter) dari akun twitter anda. Ini pasti menarik bagi penggila twitter

Contoh Twitter Stats Button punya saya (@Eduard777)

lumayan banyak ya followernya

*nyombong dikit*

Okey langsung aja ya:

• login ke wp-admin anda dan buka tampilan -> widget
• drag widget ‘text’ ke sidebar dan copy-paste kode ini

<code><a style=”display:scroll;position:fixed;bottom:0;right:0;” href=”http://twittercounter.com/xxx” title=”Follower saya di Twitter” target=”_blank”><img src=”http://twittercounter.com/counter/?username=xxx” /></a></code>

Keterangan:

• kode berwarna ungu adalah letak dari twitter button anda. saya menggunakan bottom:0;right:0 yang artinya adalah button (tombol) tsb diletakkan di posisi kanan bawah dengan jarak 0 pixel dari posisi kanan layar monitor anda. Kode inilah yg akan menjadikan gambar anda melayang. Jika menurut anda jaraknya terlalu mepet, boleh diganti dengan bottom:5;right:5 yang artinya: tombol akan diletakkan di kanan bawah dengan jarak 5 pixel dari posisi kanan layar monitor. Silahkan bereksperimen sendiri dengan besaran pixelnya ya
• kode berwarna biru adalah titel (judul) dari tombolnya. Jika anda menggerakkan mouse ke tombol twitter itu maka judul akan diperlihatkan berupa teks. Silahkan judulnya diganti dengan kata-kata anda sendiri
• kode berwarna merah adalah akun twitter anda. Masukkan user nama anda dari akun twitter anda, misalnya Eduard777, bukan @Eduard777. Ini penting ya, jangan sampai ketinggalan

Silahkan dikunyah-kunyah informasi ini ( Cara Membuat Twitter Stats Button dengan Teknik Melayang ) dan semoga bermanfaat bagi pembaca blog irfanhandi.wordpress.com

tags: cara membuat floating image | cara membuat gambar melayang di wordpress | Cara Membuat Twitter Stats Button