07 August 2009

Menampilkan Icon Twitter Update di Blog


Sharing yang kali ini masih tentang Twitter, udah tau fungsinya kan kak? kalo belum silakan baca di postingan Tia tentang Twitter dan fungsinya, trus cara bikinnya mudah kan kak? silakan dibaca lagi di cara bikin account di Twitter, nah kalo masukin ke Blog juga udah dibahas, sekarang tinggal mempercantik tampilan Twitter Update kakak yang ada di dalam Blog.

Kakak liat kan Twitter Updatenya Tia? ada gambarnya Icon Twitter lucu kan trus keliatan lebih mathcing ama backgoundnya malu Twitter kakak juga bisa gitu kok n ternyata gampang banget kak.. nga pake lama juga. Mau tau cara bikinnya ???

# Cari gambar Icon Twitter yang kakak inginkan, kali ini Tia sediakan beberapa, silakan dipake, gratis. Atau mo pake gambar yang laen juga ngga papa kak


# Udah milih gambar Icon Twitter nya kan kak ? selanjutnya kakak upload Icon itu ke tempat kakak biasa simpen file gambar, bisaTinypic, Photobucket, flickr, Picasanya google atau ambil link dari gambarnya Icon Twitter Tia yang di posting disini juga boleh, trus simpen alamat url gambar Icon Twitter yang kakak pilih, misal : http://i28.tinypic.com/2v16h37.jpg

# Trus kakak bikin kode kayak gini :

<div style="float:right;margin:0 0 0 5px">
<img src="http://i28.tinypic.com/2v16h37.jpg
" border="0" alt="Cyntiasari">
</div>


# Selanjutnya kakak musti login ke Twitter, buat ambil kode script account Twitter kakak, nih Tia contohin kode script punya Tia :

<div id="twitter_div"><ul id="twitter_update_list"></ul><br/>
<a id="twitter-link" style="display:block;text-align:right;" href="http://
twitter.com/cyntiasari">Follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="ht
tp://twitter.com/statuses/user_timeline/cyntiasari.json?callback=twitterCallback2&count=3" type="text/javascript"></script>

#Trus digabungin deh kode Icon Twitter yang tadi dengan kode script Twitternya, hasilnya kayak gini kak :

<div style="float:right;margin:0 0 0 5px">
<img src="http://i28.tinypic.com/2v16h37.jpg"
border="0" alt="Cyntiasari">
</div>

<div id="twitter_div">

<ul id="twitter_update_list"></ul><br/>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/cyntiasari">Follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascript
s/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/cyntiasari.json?callback=twitterCallback2&count=3" type="text/javascript"></script>


# Ambil napas dulu kak ihikhik nga susah kan peace

# Login ke Blogger, masukin username dan password >>Layout>> Page Element>> Add a Gadget >> HTML/Javascript jangan lupa klik tanda +



# Trus kakak Copas kode tadi, pindahin ke tempat yang kakak suka, jangan lupa di Save. Selesaipenat

Kalo kakak pengen pake Icon Twitter yang lain yang lebih banyak pilihannya n nga pake susah, Tia kasi satu rekomendasi, silakan kunjungi website ini kak, ditanggung okelove


Imut banget kan Icon Twitternya.. tweet tweet babai


Cyntiasari Cyntiasari

40 comments:

danang said...

thanks yah infonya,. km cute bgt c?? jgn lupa ke blogq
y?

Blog Kesuksesan Hidup said...

Artikel yang sangat menarik dan bermanfaat :)

Blog Kesuksesan Hidup said...

Makasih sudah berbagi artikel tentang cara "Menampilkan Icon Twitter Update di Blog"...

Tetaplah berbagi :)

Sukses Selalu...

Lata said...

wah semangat berbagi yang sangat tinggi... patut di acungi jempol... terimakasih sharingnya yah :) en salam kenal juga :) blognya cantiQ :)

Lata said...

sama-sama en kembali kasih :)
aku mau mandi dulu yahh.. sampe nanti :)

thnx for the hospitality :)

Herdiansyah, Firman said...

good job!

Anonymous said...

wah keren keren logo twitternya

king said...

keren ye blog nye,,,

tito said...

gambarnya bagus2 dan lucu2, tar dicobain di twitter punyaku juga, makasih ya udh sharing :D

Bhakti said...

Bagus nih artikelnya...!!!

Orangnya juga cakep,

hahahha.......GOMBALLLLLLLLLLL!!!!!!!!!

Cyntia said...

@danang udah mampir kok kak.. bahas ttg Gibol kan :) @kak Vicky makasih atas kunjungannya @Lata salam kenal kembali, sering2 mampir ya kak :) @tito iya kak dicoba-coba ajah mumpung gratis @bhakti makasih kak, ups Tia nga nemuin link follower di blognya kakak tuh :(

HeQris said...

tanks sob,,sharingnya,,panjang ya scripnya,,huh,,tapi keren...sukses selau yao,,

nambahin dikit ya, yang mau download template buat mempercantik blog,,hi,,
Download template blogspot gratis

Everton said...

wahh, perlu di coba nih. Salam kenal ya Cyntia

ardi33.web.id said...

seep banget tuh..tapi sayange saya belum punya twitter..hihihi...

danang said...

komen di blogq jg y?? blogq jg do follow lho

Sigma said...

Wah asik niih ada tutorial lengkap dengan scriptnya udah disediakan... mantap deh..
GoodLuck

eNeS said...

Blog yang cantik. Artikel menarik. Secantik dan semenarik orangnya, hehe...
Thank 4 ur info

Mardi said...

Bla bla bla, emangnya twitter lambangnya burung biru doang ya? kalo di indonesia nih twitter banyak berkeliaran,,,,, Itu tuh taxi burung biru, wkwkwkwkwkkwkw

kanyut08 said...

berkunjung nich, berkunjung balik ea ^_^ lam knal

LolidsOfficialBlog said...

lanjut terus de' :) Visit my blog

Unknown said...

mantabs,,
jangan lupa mampir yah...

clairdechugi said...

bagus postingannya
Trims atas infonya

awan_clickerz said...

siip, siap dipraktekan nih.
thanks

R Katu Unggara said...

..Thank U,
prince katu

afdil said...

Siip juga. salam kenal

~adRiaNa deWi RiaNi~ said...

cara ambil kode twitter nya gimana sih??
thanks

a-chen said...

thanks!

INCOME said...

wadow tutor sip... lam kenal ya

Pixsimo said...

nice kk thx..masuk ke blog ak ya..http://infomationhealth.blogspot.com/

-Fras Si Orang Sinting- said...

wah bagus postingannya!

Khanifa Haristiana said...

nyari kode sricpt account nya gimana ni?

Cahaya Hidup'' said...

makasih postingannya sangat bermanfaat bagi saia yg masih awam

Thanks ya DD'' :)

sangabukansange said...

wah, makasih banget yah ;)

Frenky SIB said...

thx kak

zzz said...

Thanks banget yaa

Teddy Sugandhi said...

trima kasih infonya

Alfian Anhar, S.Si said...

makasih....
jgn lpa add twitter q ya: AnharAlfian
maen ke blog q jg ya..

sonya dea zorayda said...

huaaa masih bingung ckck

Indah Puspita said...

nice info! :)

Anonymous said...

Howdy would you mind letting me know which hosting
company you're using? I've loaded your blog in 3 completely different web browsers and I must say
this blog loads a lot quicker then most. Can you recommend a good web hosting provider
at a fair price? Thanks a lot, I appreciate it!

My webpage dzierżawa ekspresów do kawy

Post a Comment

Makasih dah baca Postingan Tia, silakan tinggalkan pesan setelah nada BiP

 
Copyright 2010 Sharing Tips | Blogger Tips. Powered by Blogger Layout by Deluxe Templates