Bagi
kita yang baru mengenal blog tentu akan asing dengan widget animasi
menarik + lucu + keren seperti berikut ini. Mendesain blog tentu saja
kita harus mencari referensi lain dari blog-blog senior yang menyediakan
trik/tips blog agar menarik dan banyak dikunjungi oleh pengunjung.
Kemudian, berbicara tentang desain blog, pengalaman kita akan desainnya
pasti selalu merasa belum cukup. Ada-ada saja yang dirasa kurang. Mau
nambahin inilah, itulah dan lain-lain sebagainya.
Kali ini ada langkah-langkah memasang widget update status twitter untuk situs/blog anda dengan menggunakan sedikit modifikasi sehingga akan terlihat lebih bagus, dan cara membuatnya sangat mudah dan tersedia beberapa background untuk anda yang bagus jadi tinggal sobat pilih salah satu aja, atau anda bisa berkreasi sendiri.
Kali ini ada langkah-langkah memasang widget update status twitter untuk situs/blog anda dengan menggunakan sedikit modifikasi sehingga akan terlihat lebih bagus, dan cara membuatnya sangat mudah dan tersedia beberapa background untuk anda yang bagus jadi tinggal sobat pilih salah satu aja, atau anda bisa berkreasi sendiri.
1. Login ke Blog kamu.
2. Pilih Rancangan terus Add Gadget terus pilih HTML/Java Script.
3. Copy kode dibawah ini.
<div style="background:#fff url(https://lh3.googleusercontent.com/-mESlBTXPXd8/T5OZSdziSdI/AAAAAAAAByI/EwRLCMlPvOU/s300/bLAZER%2520bLOG%25202.png) no-repeat;padding-top:45px;padding-left:8px">Ganti yang berwarna MERAH dengan username Twitter kamu. Kamu juga dapat mengganti yang berwarna BIRU denagn Background yang tekah disediakan cukup Copy URL Image nya saja lalu ganti.
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('main share').start();
</script>
</div>
Sumber : http://www.cara-untuk.com/2013/05/cara-membuat-widget-update-status.html
0 comments:
Post a Comment
*Sebelum pergi, Harap Tinggalkan Link dan Komentar Anda*