Sabtu, 23 November 2013
Browse Manual »
Wiring »
blog
»
cara
»
conversation
»
di
»
membuat
»
my
»
tweets
»
widget
»
Cara membuat widget my tweets conversation di blog
Cara membuat widget my tweets conversation di blog
Hai Sobat Blogger ! Setelah sebelumnya sempat mengupdate postingan tentang Cara membuat Breaking News Berjalan di Blog kali ini saya akan menyempatkan diri untuk memposting tutorial blogger yang tak kalah menariknya yaitu tentang Cara membuat widget my tweets conversation di blog. widget ini sebenarnya berfungsi sebagai penghubung dan sebagai monitor aktivitas si pemilik blog / siapa saja yang akan menjadi targetnya nanti. Selain itu yang menjadi hal yang menarik dari widget ini adalah tampilan background yang menarik disertai slider post yang sangat elegan dibanding widget conversation twitter default dari twitter sendiri. Okelah jika sobat tertarik untuk membuatnya, mari kita bahas dan simak bersama-sama disini
1.) Baca Basmallah
2.) Masuk ke akun Blogger sobat
3.) Masuk ke Tata Letak > Tambah Gadget > Html/Javascript
5.) Masukkan Kode Dibawah ini tepat didalam form kosong yang bernama Konten
Kode
<div class=widget-content>
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5MrKvMC_c8SHL8bC4fl14fUrYongUvUkeZSlRUtWRkm_wzqNXNCw5k3gnivBedcq7GqeO9m82FgW3cEzN2pywV6CGisFWheoHkitO4WP54CYd-flFgB6Ju1GFn3vHVGSNauPbYR0JZI/s1600/tweet.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: 238,
height: 123,
theme: {
shell: {
background: transparent,
color: #000000
},
tweets: {
background: transparent,
color: #000000,
width: 238,
links: #135a9e
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: default
}
}).render().setUser(hongky1231).start();
</script>
</div>
</div>
<div class=clear></div>
6.) Ganti tulisan hongky1231 dengan ID / Username Twitter sobat masing-masing
7.) Terakhir, simpan dan lihat hasilnya
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar