Cara Baru Berbagi Online, Apa kabar sobat blogger semua. Sudah lama saya posting. Terakhir kali saya posting tentang Cara Membuat OpenID di Blogger, Nah pada pertemuan kita kali ini Cara Baru Berbagi Online akan sharing tentang Widget Twitter. Saya rasa kawan semua sudah tahu ya manfaat dari Widget Twitter bagi blog atau website kita. Disini saya hanya mau menyajikan salah satu widget Twitter versi Hotline Terkini, Cara Baru Berbagi Online, Widget Twitter.
Gambar - gambar diatas adalah contoh -contoha Frame dari Widget Twitter yang akan kita gunakan untuk membuat Twitter Widget pada Blog. Sobat bisa create dengan menggunakan Software Photoshop dan sejenisnya yang sudah kita kenal. Okaylah sobat, langsung saja kita ke langkah-langkah pembuatannya. Demikian urutan pembuatan Twitter Widget pada Blog :
Gambar - gambar diatas adalah contoh -contoha Frame dari Widget Twitter yang akan kita gunakan untuk membuat Twitter Widget pada Blog. Sobat bisa create dengan menggunakan Software Photoshop dan sejenisnya yang sudah kita kenal. Okaylah sobat, langsung saja kita ke langkah-langkah pembuatannya. Demikian urutan pembuatan Twitter Widget pada Blog :
➪ Silahkan buat Frame dari Widget Twitter, seperti contoh gambar diatas (terserah sobat).
➪ Kemudian pilih lay Out (Tata letak)
➪ Tambah Gadget
➪ Html/Javascript.
➪ Copy dan Paste kode berikut dibawah,
<div style="background:url(http://i1321.photobucket.com/albums/u555/MarlonBooketpot/tweet320-260-1copy_zps97ff33ec.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://hotline-terkini.googlecode.com/files/bhttwitter.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 290,
height: 124,
theme: {
shell: {
background: 'transparent',
color: '#5193f0'
},
tweets: {
background: 'transparent',
links: '#5193f0'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('marlonalamo').start();
</script>
</div>
➪ Save (Simpan).
Catatan: Silahkan ganti width, height, top-padding, left-padding (tulisan berwarna merah), sesuai space dan ukuran Frame yang tersedia atau yang sudah sobat siapkan. Ganti dengan akun twitterAnda.
Cukup sekian dulu perjumpaan kita di artikel Twitter Widget pada Blog. Kalau sobat mau membaca artikel yang terkait dengan ini, silahkan baca disini. Semoga artikel yang sederhana ini masih bisa bermanfaat bagi orang lain. Baiklah sobat sampai bertemu lagi di lain kesempatan. Kalau ada sumur di ladang, boleh kita menumpang mandi. Saya mandi dulu ya sob. Memang begini sobat Cara Baru Berbagi Online saya.
Terima kasih.. Salam Cara Baru Berbagi Online, Hotline Terkini.
Ayo Chat di ChatBox Hotline Terkini (Widget Samping kiri).
ReplyDelete