Posted by : Unknown
Jumat, 25 Januari 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 cantik dihalaman blog.
kebetulan berhubungan dengan memercantik tampilah halaman blog Master
Chef Dapur Tutorial Blogspot ingin share tetang cara Memasang Widget
Twitter Box Keren Seperti pada gambar dibawah ini :
Ni buat sobat blogger yang tertarik untuk memasang widget seperti diatas
langsung saja, Maister Complete sudah sediakan kodenya dibawah.
langkah-langkah untuk memasang widget Twitter juga tidak terlalu sulit
karena tidak perlu melakukan Edit HTML. Berikut Cara Memasang Widget
Twitter Box di Blog :
Login Kehalaman Blogger
Pilih Tata Letak
Tambah Gadget atau Add A Gadget
Pilih Widget HTML/Java Script
Copy Kode Berikut
<div style="background: transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5V7CmAvapRMS7tovlieDHwVwOYHgZmmAeMSmvsiE3o_yToh4yQt8bgygZysi6A223w8QfD3JTNP7_izAv1ui8hpWGnIvGtk9EfSOs1kfv_-nA8yELYbz4oKaWZak7C7BG3OqTmGs-Abue/s1600/twetter.jpg)
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: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('dapur_zone').start();
</script>
</div>
Keterangan :
Kode Warna merah adalah Lebar Widget Twitter
Kode Warna Biru adalah Tinggi Widget Twitter
Kode Warna Pink Dalah Nama Akun Twitter (silahkan ganti sesuai dengan akun twitter anda)
Masukan kode kode diata kedalam Widget HTML/JavaScript tadi
Terakhir Klik Simpan
Itu dia tutorial blog tetang Cara Memasang Widget Twitter Box Di Blog.