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" :
- Login Kehalaman Blogger
- Pilih Tata Letak
- Tambah Gadget
- Pilih Widget HTML/Java Script
- Copy Kode Berikut
<div style="background: transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwnyTxf6AbzQa7bmllTxT-rCy6HRMumTsb3WuH6EwYC2EiX9zSfYNITtMGphf2TN2kt48k1SvojVMKxou0yR8ubufhuuj3bKAppcJBKxVSs2Ox99vb8TSn-Nm0209Mq1w7y24Jf2omSOKr/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>
<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)
7. Terakhir Klik Simpan
