13 August 2009

Cute Icon on your Rss Feed


Sesuai janji Tia kemarin di postingan tentang Cara Daftar Google Feedburner, bahasan Tia kali ini adalah modifikasi Icon Rss Feed supaya jadi imut dan menarik buat di klik jelir

Coba deh kakak nengok kesebelah kanan, di bawah judul Langganan Postingan Tia ada beberapa Icon Rss feed yang imut dan ngegemesin, itu semua hasil modifikasi Tia semaleman loh kak senyumkenyit gimana kak ?? keren kan sengihnampakgigi

Sebenernya kenapa sih RssFeed nya sampe dibikinin Icon kayak gitu, tanya kenapa soalcoz sesuai dengan definisi dari RssFeed dalam postingan Tia yang lalu , Tia bisa ambil kesimpulan bahwa makin banyak yang berlangganan RssFeed Tia, makin terkenal Blog Tia ini, makin cepet juga terindeks di mbah Google dan jelas itu berhubungan deket ama Traffic dan PageRank sepupunya menari makanya Tia bela-belain bikin Icon Rss Feed yang lucu-lucu supaya kakak yang mo langganan jadi lebih gimana gitu love

Dari hasil browsing Tia kemarin, terkumpul deh beberapa Icon Rss Feed yang keren-keren encemsilakan diambil ya kak buat bahan modifikasi Rss Feed nya, n buat kakak yang pengen Rss feed kayak punya Tia, untuk lebih jelasnya yuk mari kita simak bahasan Tia berikut :

1. Silakan kakak pilih salah satu Icon Rss Feed di bawah ini, di save trus diedit, coz yang Tia tampilin bukan ukuran sebenernya, udah gitu diupload di tempat kakak biasanya uplaod gambar kayak Tinypic, Picasa, Photobucket siul

2. Kakak Login ke Google FeedBurnernya dulu, trus ambil kode yang buat pasang RssFeed di Publicize >>Chicklet Chooser dan Publicize >>Email Subsciptions , kopas kodenya ya kak peace

3 Untuk kode Chicklet FeedBurner aslinya kayak gini kan kak ??
<a href="http://feeds.feedburner.com/cyntiasari" title="Subscribe to my feed" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="" style="border:0"/></a><a href="http://feeds.feedburner.com/cyntiasari" title="Subscribe to my feed" rel="alternate" type="application/rss+xml">Subscribe in a reader</a>
hasilnya aslinya gini kak Subscribe in a reader

Trus Tia rubah jadi begini kak love
<a href="http://feeds.feedburner.com/cyntiasari" rel="alternate" type="application/rss+xml"><img alt="CyntiaFeed" style="border: 0pt none ; vertical-align: middle;" src="http://i29.tinypic.com/eb4ej4.jpg" /></a> <a href="http://feeds.feedburner.com/cyntiasari" rel="alternate" type="application/rss+xml"><img alt="CyntiaFeed" style="border: 0pt none ; vertical-align: middle;" src="http://i30.tinypic.com/jjyd7o.jpg" /></a>
Hasilnya akhirnya kayak gini kak
CyntiaFeed CyntiaFeed

Yang kakak rubah cuman di bagian
Warna merah : diganti dengan Rss Feed nya kakak sendiri
Warna Biru : diganti dengan gambar Rss Feed Icon yang tadi udah diedit

4. Untuk kode Email Subscription aslinya kayak gini kan kak ??
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=cyntiasari', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="cyntiasari" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>
Hasilnya gini kan kak ?

Enter your email address:

Delivered by FeedBurner

Nah trus Tia rubah lagi jadi begini kak malu
<div style="background:url(http://i32.tinypic.com/2s63l0l.jpg) no-repeat top right;padding:25px 0px">
<p>Your E-mail Here :</p>
<p><form action="http://feedburner.google.com/fb/a/mailverify" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=cyntiasari', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p><input type="text" style="width:100px" name="email"/></p><input value="cyntiasari" name="uri" type="hidden"/><input type="hidden" name="loc" value="en_US"/>
<p><input type="submit" value="Enter"/></p></form></p>
</div>

Hasilnya kayak jadi gini kak
Your E-mail Here :


Kalo mo kakak mo rubah yang di bagian :
Warna Merah : Gambar Icon RssFeed yang tadi udah kakak edit
Warna Biru : Letak gambarnya setelah box Email
Warna Putih : nama RssFeed nya kakak
Warna Kuning : Tulisan yang akan terdisplay
Warna Ungu : Ukuran Box Email, disesuaikan aja yah kak

5. Selesai edit, trus kemana lagi kak siul ya ditaro di blog dunk, seperti biasanya, login dulu di Blogger >> Layout >> Page Elemet >> Add a Gadget >> HTML/Java Script, trus kopas kode yang udah diedit tadi, pindahin letaknya sesuai keingin kakak, jangan lupa di Save. Selesai penat

Rada beribet dikit ya kak fikir tapi hasilnya keren kok, pantas dicoba dan perlu sengihnampakgigi kalo kakak masi lom puas dengan Icon RssFeed yang ada di sini, coba kakak kunjungi web ini or silakan kakak cari di mbah Google


Jangan lupa Sigungnya Tia diisi Email yah kak senyumkenyit


cyntiasari Cyntiasari Bookmark and Share

36 comments:

Bang Ancis said...

Kereeeeen..........
nanti aku praktekin deh...
Ternyata Adek/Non yg cantik ini hebat juga...
Jujur... postingan/tutorial ini sangat membantu secara kakak/aku tergolong masih baru.....

wisnu said...

postingan baru nih...

tar d coba ah...

Bhakti said...

Wah pasang gambar loggonya atu2 ya?? ga chape nih, sini dek kalo chape mas pijitin. hahhahah...

artikelnya wah, wah, tenan iki...
haha.. itu basa jawa, ga ngerti ya..^_^

resistanCe said...

boleh juga nih dcoba

Lata said...

kamu pinter banget yah... makasih loh jadi banyak tau masalah RSS feed nih jadinya berkat kamu :)

√ zone ♥ ├┼≡aL┬├| ♥ said...

wah bagus² tuh...

boleh neh kk comot 1...

hehe....

thanks...



visit back and leave u'r smile & comment in myarticle.... :D

hehe...

Anonymous said...

wah adek ini hebat, belajar dimana ..??

wiryo said...

thanks u ya cyntia

lafa said...

tia2 padahal aku baru mau nanya kmrin gmn buat icon2 rss feed yg lucu2 itu, eh udah di buatin tutorialnya

makasih banyak y!!

ramuni.net said...

wah lucu2 iconnya, hehe aq dah subscribe rssmu tia. ntar kalo blogku dah ada rssnya subscribe juga ya ;D

Koiwa said...

Oke juga tuh tutorialnya, ntar gw coba di web gw bisa gak ya. Krn web gw bukan blog melainkan komunitas tuk org2 yg suka bekreasi dan berekspresi. Thanxs buat LO Tia. Kunujungi deh web gw di www.keyshe.com. beloh ko' kl Lo mo nimbrung berekspresi&berkreasi disitu. Ok Lam kenal aza.

Risal said...

Makasih Cyntia Atas infonya.....
Senang kenalan sm cyntia yang senag berbagi pengetahuan....

Cyntia said...

@Risal makasih ya kak.. salam kenal juga, maap kalo masi dangkal ilmunya coz Tia masi newbie

@Koiwa makasih ya kak dah mampir. segera Tia meluncur ke t4 kakak.. upss maap kalo agak lama coz koneksi netnya lagi nga beres :(

@Ramuni.net wahhh Tia jadi nga enak nih, padahal Tia banyak belajar dari kakak loh, makasih dah berlangganan yah kak

@lafa hiahiahiah... berarti sama dunk kak.. alhmadulillah kalo gitu, mudah2an bermanfaat ya kak :D

osi said...

Artikel bagus ni...
Biar blognya tambah lutu...

Terimakasih ya dik infonya

Lata said...

mampir sore-sore... udah pada mandi belum niihhh?!??! he8x...

BIZRIL said...

WAH HEBAT YA CYNTIA, HEBAT NON.. KEEP BLOGGING YA BIAR TAMBAH PUINTERRRRRRRRRRRRRRRR...!!!

Giri said...

wah keren ni cyntia gambarnya, minta satu ya...uppsss salah minta 2.

thanks b4

ZATYA BAJA ITEM DO FOLLOW said...

wow..pinter jg km de' otak atik na..mantab..

gema_gogo said...

Logo nya imut2 tumben ktemu bloger cewek..

keep posting yah..

Visit Plus44 Cyber Flash

danang said...

wah... baguuus dek,. trusin...smangaaat

Belajar SEO Para Pemula said...

postingannya asoy deh... :D

Belajar SEO Para Pemula said...

nice post yo

Cyntia said...

@wiryo makasih juga dah mampir ya kak

@jokopassus Belajar sendiri kak :D

@Zona4Health silakan kak.. jangan ragu2

@Lata Alhamdulillah kalo gitu Tia seneng kalo artikel ini berguna

@resistaCe Silakan kak.. di tunggu komen balik nya

@ bhakti eggeheheh nga papa kak... kan Tia lagi belajat juga, mudah2an artikel ini berguna buat semaunya

@Ancis F Ama Sama2 kak.. Tia juga masi baru kok, alhamdullilah kalo artikel ini berguna buat kakak :D

Cyntia said...

@osi makasih ya kak dah mampir
@Lata udah dunk kak.. kan mo week end :D
@BIZRIL makasih dah mampir ya kak.. mohon dukungannya
@Giri silakan kak.. seneng deh kalo ternyata artikel ini berguna juga buat kakak
@ZatyaBajaItem Tia masi belajar kak, mohon bimbingannya
@GemaGogo salam kenal ya kak sesama Blogger :D
@danang hehehehe iya semangattt semangatttt
@Belajar SEO makasih ya kak dah mampir

best-mp3player said...

wah hebat banget nih cyntia, creatif n nice posting, happy blogging

Aneuk Nanggroe said...

Waaah sy malah gak pake feed di blog.!!
tp stelah liat icon lucu2 gini sy jd pingin pake.. sy tes akh..

Njowotenan said...

perlu dicoba juga nieh....

pengumpul blog said...

Salam Cyn...
Info cyn mantap sekali. aku akan cubanya.

dony said...

wah thanks ya buat infonya...

facebook hacker said...

jiah kreatif banget

Pendatang baru said...

makasih,nih, infonya. sukses terus ya, kak(ehm, umurnya brapa ciyy?)

ざら said...

makasih, kak, infonya.... HASILNYA KEREN BANGET, KAK!

Caang said...

Mantep neng ikon-ikonna, hatur nuhun

tutorial blog | seo blogspot said...

iconnya keren semua, jadi pengin pasang semua

Anonymous said...

siip neng, happy blogging and visit me back

Anonymous said...

top sekali postingannya, templatenya juga cewek banget

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