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 :
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/AVvXsEhNK0gHqJVEXEArH67t29wE5tqAaibTjh9fWjPbayqCLkYGzkjG4wnBDYgDTJElyZ_MguoNutJkdeaaITdleBCp5knfhci0T-ADfp111hkQPWpi6NDRMYxLJOEJYu5Up-iJEh7htXpmEZb3/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('enstein_rezky').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: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('enstein_rezky').start();
</script>
</div>
- Kode Warna merah adalah Lebar Widget Twitter
- Kode Warna Biru adalah Tinggi Widget Twitter
- Kode Warna Hijau Dalah Nama Akun Twitter (silahkan ganti sesuai dengan akun twitter anda)
- Masukan kode kode diata kedalam Widget HTML/JavaScript tadi
- Terakhir Klik Simpan
Keterangan :
Itu dia tutorial blog tetang Cara Memasang Widget Twitter Box Di Blog. Oh ya biat sobat yang juga senang memasang perak pernik di blog baca juga artikel Cara Memasang Kotak Komentar Facebook di blog. sekian dulu untuk artikel kali ini semoga artikel ini bisa bermanfaat.
Source : http://dapur-tutorial.blogspot.com/2012/10/cara-memasang-widget-twitter-box-di-blog.html
Source : http://dapur-tutorial.blogspot.com/2012/10/cara-memasang-widget-twitter-box-di-blog.html