Cara Membuat Widget Tweets di Blog

Unknown

Tutorial Blogging, Widget

9 Jun 2013

1 Komentar

Cara Membuat Widget Tweets di Blog - Cara Membuat Widget Box Tweets di Blog atau Cara Membuat Kotak Tweets di Blog.

Pada kesempatan kali ini, saya akan memposting artikel yang berjudul Cara Membuat Widget Tweets di Blog. Pada waktu sebelumnya, saya juga sudah membahas widget-widget mengenai Twitter, yaitu Cara Membuat Twitter Followers Box di Blog yang tentunya ada kaitan dekat dengan widget ini. Kembali ke pembahasan awal, widget ini sendiri berfungsi mengetahui info lebih lengkap melalui tweets Twitter dari admin atau dari Twitter blog itu sendiri, dengan adanya widget ini, pengunjung akan mengetahui apa yang dibagikan oleh akun admin pada suatu blog. Penasaran ingin mencoba widget ini?, berikut ulasannya:

1. Login ke Blogger Anda
2. Pilih Tata Letak > Tambah Gadget > HTML/JavaScript
3. Copas kode berikut, dan pastekan di box HTML/JavaScript

<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">
<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('hilbram_28').start();
</script>
</div>

Keterangan:
- Ganti kode yang berwarna biru, dengan username Twitter Anda.
- Ganti kode yang berwarna merah, dengan URL gambar box Twitter selera Anda, saya rekomendasikan dengan memakai box Twitter berikut:

-   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -

 

[copy salah satu url gambar, dengan cara klik kanan > Copy image URL]

-   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -

5. Setelah itu Simpan..

Bagaimana? Kini blog Anda tampil lebih profesional dengan Anda memasang widget ini. Semoga artikel ini bisa bermanfaat dan bisa menjadi pedoman bagi blog Anda.. Semoga berhasil..