Pages

Pages

Selasa, 26 November 2013

Cara Memasang Widget Twitter Box Di Blog

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/AVvXsEj95_3bEp0ik0FqaoV3HBYWMQR6oynZiD8HRSAyvDGe5giz_Ds2JoZqWsg6DkT33USX6FImhMtOFSazITZ59LEd_5B8xswlKqGokFouoHu0hNaLL5u8r3bL-XqbM_ZggGtbKBBrYqEoB6h8/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.

Tidak ada komentar:

Posting Komentar