Pernakah anda melihat burung tweeter terbang pada halaman blogger? menclok ke-sana-kemari menyesuaikan pergerakan halaman blog? tampak unik dan blog pun terlihat cantik. Bagaimana caranya ya? nah pada pembahasan kali ini saya akan menjelaskan cara memasang widget twitter blogspot baik yang sifatnya diam dengan menampilkan status twitter, maupun widget burung twitter yang terbang.
Fungsi widget ini sama halnya dengan widget facebook yang sudah saya tulis sebelumnya seperti "Cara Membuat Widget Melayang Facebook Like Box". widget ini juga berguna untuk:1. Menampilkan Status twitter anda di blog
2. Mempromosikan blog anda melalui twitter
3. Sebagai cara mempercantik blog anda.
Singkat cerita :) cara memasang widget twitter adalah sebagai berikut:
- Masuk ke situs twitter, atau cepatnya masuk ke link berikut: https://twitter.com/about/resources/widgets.
- Kemudian pilih "situs web saya".
- Pilih "widget profile" > pada kolom nama pengguna, isikan ID twitter anda.
- Anda bisa mengatur tampilan widget twitter anda melalui tab Preferensi, Tampilan dan ukuran.
- Setelah dirasa cukup Klik tombol "selesai & ambil kode".
- Ada dua pilihan yang diberikan yaitu mengambil atau copy kode scriptnya dan nantinya dipasang/paste sendiri pada gadget blog anda, atau dengan meng-klik tombol "add to blogger" yang secara otomatis nanti dituntun masuk ke gadget blog anda secara otomatis.
- Dari langkah 6 di atas misalkan anda memilih copy code scrpitnya cara pasang nya adalah pada langkah 8 berikut:
- Masuk dan log in ke akun blogspot anda.
- Klik tombol rancangan > tata letak
- Tambah gadget > HTML/JavaScript
- Kemudian copy kode script pada langkah 6 tadi.
- Simpan pekerjaan anda dan lihat hasilnya..
- Ikuti langkah 8 sampai 10 pada penjelasan di atas.
- Copy kode di bawah ini dan ikuti seperti langkah 11 dan 12 di atas.
Widget Twitter Terbang Di Blog burung twitter warna biru
<script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2N7x6r33nB7rPdckogSUBcrdvob1eRXWGOOhn4GsXXYyK7UdkSwrJI5g-Onq6XLNANf__-9IIZ0kzug-wj21du0rejiMNGVUPBHaUoA0EQjabF1uIhd_wDrQ1Toi-QcslEJ9vo9bCRl0/"; 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/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>
Widget Twitter Terbang Di Blog burung twitter warna merah
<script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7NuC9-A5EIPZzcf-uN36rhB_0-lG-7ASEdAs3FYadWyE20fYDbgVfZBMy_mi8z-7sbkEokmtQr8SHDx1pe7gJZ2TlALvu8g0YwM01hu_epqJA_ZuIhA1zkU8cI3S56pb3bc6gmpRiLU/"; 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/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>
Keterangan: tulisan yang berwarna merah, silahkan ganti dan sesuaikan dengan alamat akun twitter dan alamat situs blog anda.
Demikian kupas tuntas cara memasang widget twitter blogspot - blogger, baik yang sifatnya diam (status twitter) atau dengan animasi burung twitter yang terbang di blog. Bagaimana dengan blog anda, apakah sudah dipasang twitternya?