Cute Icon on your Rss Feed

Lagi iseng2 blogwalking ketemu postingan yang bagus spt dibawah ...

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

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 gimana kak ?? keren kan

Sebenernya kenapa sih RssFeed nya sampe dibikinin Icon kayak gitu, tanya kenapa coz 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 makanya Tia bela-belain bikin Icon Rss Feed yang lucu-lucu supaya kakak yang mo langganan jadi lebih gimana gitu

Dari hasil browsing Tia kemarin, terkumpul deh beberapa Icon Rss Feed yang keren-keren silakan 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

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

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
<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

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
<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 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

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

sumber : http://cyntiasari.blogspot.com/2009/08/cute-icon-on-your-rss-feed.html