Minggu, 24 Juni 2012

SHARE AJA : MEMBUAT WIDGET TWITTER KEREN

Do you want to share?

Do you like this story?

YOUR GOOGLE ADSENSE CODE HERE (300x250)
YOUR GOOGLE ADSENSE CODE HERE (300x250)
SHARE AJA kali ini akan berbagi tips-trik untuk membuat widget twitter keren yang dapat mempercantik penampilan blog anda. Widget twitter keren ini SHARE AJA dapatkan dari hasil blogwalking ke tempat sahabat Rudy Hartono. Terdapat dua komposisi script yang berbeda, namun pada asasnya sama saja, hanya berbeda pada bagian tampilan widgetnya saja. Kalau boleh saya berkomentar, widget yang aslinya buatan Maskolis ini memang benar-benar mantap.

Berikut cara memasang widget twitter :

1. Login ke Blogger
2. Pilih tata letak => Tambah Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini dan letakkan kedalamnya

Model Pertama
Kode scriptnya seperti dalam spoiler berikut ini :

Kode Script :
<div style="background:#fff url(http://4.bp.blogspot.com/-aQPyI_G1C98/T3uoRmyemPI/AAAAAAAAANk/CUQQalt646k/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: 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('teknikrudy').start();
</script>
</div>


Berikut hasil yang di dapatkan dengan pemasangan kode tersebut  :

Share Aja

Keterangan:
Silahkan ganti teknikrudy dengan ID twitter atau username twitter anda


Model Kedua
Kode scriptnya seperti dalam spoiler berikut ini :


Kode Script :
<div style="background : transparent url(http://2.bp.blogspot.com/-HuX8Fo4VPUU/T4Am-DNSmFI/AAAAAAAAAZ0/VgFChabyUQ4/s1600/twitter+me.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('teknikrudy').start();
</script>
</div>
Berikut hasil yang di dapatkan dengan pemasangan kode tersebut  :

Share Aja

Keterangan:
Silahkan ganti teknikrudy dengan ID twitter atau username twitter anda.

Nah, anda bebas untuk memilih sesuai dengan selera anda.

Sumber : http://teknik-blog-tutorial.blogspot.com/2012/07/cara-memasang-widget-twitter-keren.html


YOU MIGHT ALSO LIKE

5 comments:

tmm999 mengatakan...

Infonya sangat bermanfaat, thanks ya dah share,,,

Jefry mengatakan...

terima kasih tutorialnya, mungkin akan saya pasang juga di blog saya

obat penyakit mengatakan...

salam hangat slalu

obat jelly gamat mengatakan...


jangan lupa mampir dulu ya , Good luck !!!

Aboe Nawan mengatakan...

Jangan lupa mampir di http://www.aboent.co.cc

Posting Komentar

Advertisements

YOUR ADVERTISEMENTS HERE (300x250)

Advertisements

YOUR ADVERTISEMENTS HERE (300x250)