Cara Membuat / Modifikasi Tampilan Feedburner Pada Blog / Website
Terima kasih kepada Sobat "Imam" pada artikel saya yang lalu tentang Cara Membuat Recent Post Berjalan ke Bawah yang telah memberikan komentar juga pertanyaannya : "untuk membuat feed burner yang dimodifikasi kaya milik mas di atas gimana ya mas???". Pertanyaan tersebut membuat saya ingin berbagi / share dari hasil utak-atik Kode HTML megenai hal ini sekaligus mem-publish cara membuat / me-modifikasi / menampilkan feedburner dengan tampilan yang cukup sederhana, namun pembaca dapat menangkap jelas apa yang dimaksud dari subscribe / berlangganan artikel tersebut, dan sesuai dengan karya / ide Sobat sendiri.
Sebelumnya Sobat harus buat akun Feedburner terlebih dahulu, klik disini. Ikuti semua fitur yang ada ya (cukup mudah koq... karena terlalu panjang dibahas disini... hehehe...).
Setelah mempunyai akun Feedburner, langsung copy dan praktekkan kode dibawah ini pada blog / website Sobat :
<div align="center"><a style="font-size: 15px; font-family:Andalus;font-weight:bold;color:#F0E68C;">
<img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="padding:10px; vertical-align:middle;border:0" /></a><a href="http://feeds.feedburner.com/tutor26" rel="alternate" type="application/rss+xml" style="text-decoration: none;" target="_blank"> Berlangganan Artikel tutor26</a><br/>
<div style="color: rgb(240, 230, 140); ">Masukkan @mail Sobat di bawah ini :</div>
<input style="width: 150px; color: ; " name="email" type="text" /><input value="tutor26" name="uri" type="hidden" /><input name="loc" value="en_US" type="hidden" /><input value="Klik Disni" type="submit" style="color:#000000; " /><div style="color: rgb(240, 230, 140); ">dan lanjutkan dengan pengaktifannya...!!!<br/><br/><div align="center">
<div style="text-align:right;font-size: 15px;font-family: mistral;color:#F0E68C;margin-right:15px;padding-bottom:2px;">Created by : <a href="http://tutor26.blogspot.com/" target="_blank" style="text-decoration:none">tutor26</a><p></p><p></p></div></div></div></form></a></div>
Catatan :
Ganti kata-kata berwarna merah sesuai dengan selera dan URL pada akun Feedburner dengan Feed situs Sobat sendiri, begitu pada Created by : <a href="http://tutor26.blogspot.com/... dapat diganti dengan URL Blog / Website Sobat.
Demikian sedikit penjelasan mengenai artikel Cara Membuat / Modifikasi Tampilan Feedburner Karya Sendiri. Seperti yang saya contohkan pada Sidebar Blog ini dan hasilnya seperti ini :
Semoga bermanfaat... (",)
Jika masih bingung atau ada pertanyaan, tulis saja pada form komentar di bawah.
No comments:
Post a Comment