Sunday, 24 March 2013

Banyak orang yang mengharapkan blognya dapat tampil unik dan menarik disetiap mata pengunjungnya ataupun terlihat unik dari blog-blog sahabat. Salah satunya yaitu dengan menambahkan widget-widget dihalaman blog. Kebetulan berhubungan dengan mempercantik tampilan halaman blog saya ingin share tetang Cara Membuat Widget Twitter "Join the conversation" seperti pada gambar dibawah ini :


Untuk sobat yang tertarik untuk memasang widget seperti diatas langsung saja, saya sudah sediakan kodenya dibawah. Langkah-langkah untuk memasang widget Twitter juga tidak terlalu sulit karena tidak perlu melakukan Edit HTML. Berikut Cara Membuat Widget Twitter "Join the conversation" :

  1. Login Kehalaman Blogger
  2. Pilih Tata Letak
  3. Tambah Gadget
  4. Pilih Widget HTML/Java Script
  5. Copy Kode Berikut
<div style="background: transparent url(http://3.bp.blogspot.com/-jWZnZ5vsJl8/UU5o4EjvCmI/AAAAAAAAAIU/YR2AxWr9Kq8/s1600/twitter.png) no-repeat; padding-left: 8px; padding-top: 45px;width: 320;">
<script src="http://widgets.twimg.com/j/2/widget.js">
</script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 300,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000',
links: '#9A170D''
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('SetyaGGMU').start();
</script>
</div>

    Keterangan :
    • Kode Warna Merah adalah Lebar Widget Twitter
    • Kode Warna Biru adalah Tinggi Widget Twitter
    • Kode Warna Hijau adalah Nama Akun Twitter (silahkan ganti sesuai dengan akun twitter sobat)
     6. Masukan kode kode diatas kedalam Widget HTML/JavaScript tadi
     7. Terakhir Klik Simpan

8 comments:

  1. mantab bro...postingnya...
    http://iwan2real.blogspot.com

    ReplyDelete
  2. mantap... thanks... coba dulu ah,, hahaha.... kunjung balik gan http://rahmatdi99.blogspot.com folllow aja, nanti ane follow balik :D

    ReplyDelete
  3. postingan tentang cara membuat widget twitter join... sangat menarik serta enak dibaca.... saya berharap bisa berkunjung lagi

    ReplyDelete
  4. sukses ,, makasih infonay http://goo.gl/Nlu4q4 | http://goo.gl/IfvHUY | http://goo.gl/0GZ7I5 | http://goo.gl/9M1wDg

    ReplyDelete
  5. Keren ,,, makasih Gan Infonya >> http://goo.gl/zVuH5h | http://goo.gl/Zo5JdZ | http://goo.gl/Tr6Qzh | http://goo.gl/NE62cB |http://goo.gl/VI74LC

    ReplyDelete
  6. Kabar Gembira Untuk Semua Orang Di Seluruh Indonesia
    VIPBANDARQ Mengadakan Sebuah Kontes SEO Terbesar Dan Terpercaya di Seluruh Indonesia
    Total Hadiah 35 JUTA Untuk 20 Orang Pemenang
    Buktikan Bahwa Anda Adalah Pakar SEO Sejati.
    Info Lebih Lanjut : www.vipbandarqseo.com
    BBM : 2B71618E / 7AD1123F
    Kunjungi FansPage Kami https://www.facebook.com/Vipbandarq/?ref=bookmarks

    ReplyDelete