Langsung ke konten utama

Memoles Tampilan Artikel Berlangganan Feedburner (Part 1)



Mungkin ini adalah widget wajib bagi para pemilik blog, dengan bantuan widget Feedburner ini para pembaca blog Anda dapat berlanggan artikel-artikelmu yang otomatis akan dikirim melalui email. Email update yang dikirim oleh feedburner hanya berisi kilasan dari artikel Anda, sehingga jika pembaca Anda ingin membaca artikelnya secara keseluruhan maka mereka harus meluncur ke blog Anda. Hal ini tentu akan meningkatkan trafik blog Anda. Disisi lain pembaca akan mendapatkan artikel terbaru dan memberikan komentar tanpa harus ketinggalan artikel terbaru dari Anda tanpa harus setiap hari mampir ke blog Anda untuk memantau update artikel terbaru.

Anda tahu kan bahwa form artikel berlangganan yang disediakan oleh feedburner agak kurang menarik para pengunjung, seperti ini :

Dan di artikel bagian 1 ini saya akan memberikan tutorial Bagaimana memoles lebih cantik form feedburner, seperti kepunyaan saya dibagian bawah artikel ini. 
Langkah Pertama :
1. Sign in ke blogger dan masuk ke tata letak
2. Kode dibawah ini bisa ditaruh dimana saja Anda suka, bisa di Sidebar maupun dibawah postingan. Tetapi saya anjurkan dibawah postingan saja karena jika pengunjung setelah membaca artikel anda dan tertarik mungkin sipengunjung akan berlangganan artikel Anda dan menanti-nanti updetan terbaru blog Anda.
3. Jika dibawah postingan, carilah kode <p><data:post.body/></p>
4. Kemudian taruh kode berikut ini dibawah kode yang berwarna merah diatas :

<!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/vanmovic' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>vanmovic.co.cc</font>
<div class='ardi33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=vanmovic&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='vanmovic'/>
<input name='title' type='hidden' value='kevvun'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='OK'/></div>
</form></td>
<td align='left' style='padding:4px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/vanmovic'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/vanmovic?bg=99CCFF&amp;fg=444444&amp;anim=0' style='border:0' width='88'/></a></td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->

Keterangan : 
  • Ganti kode yang berwarna hijau dengan kode feed Anda. Biasanya kode ini yang tertera di gambar berikut pada feedburner.com :
  • Ganti kode yang berwarna kuning dengan alamat blog Anda tanpa disertai dengan www 
  • Lalu ganti yang berwarna merah dengan judul Feed Anda. Judul tertera seperti gambar berikut :
  • Kemudian yang terakhir ganti kode yang berwarna biru dengan kode feedcount milik Anda. Kodenya  akan tampil seperti gambar berikut ini:

Langkah Kedua :
1. Setelah selesai memasang kode diatas, sekarang memasang kode CSSnya. Kode CSS ini diletakkan diatas kode ]]></b:skin> 
.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('http://sites.google.com/site/cumaisenggroup/cabinet/dasbor/rss.png') no-repeat bottom right; } .Rssardi33 a { background: none;} .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px; background: rgb(255, 255, 255) url('http://i644.photobucket.com/albums/uu161/kgpromotion/RSS.png') no-repeat 2px 2px; font-size: 11px; padding:3px 4px 4px 20px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; } .sbmtRssardi33 { padding:2px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; } .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; } 
2. Setelah sukses tinggal Anda simpan deh.

Untuk hasilnya silahkan lihat dibawah artikel ini. Dan untuk memoles tampilan feeburner bagian 2 nanti contoh feedburnernya bisa dilihat dibagian sidebar blog ini. Jadi jangan ketinggalan ya??? Klik Berlangganan via Email atau klik Ikuti Blog ini untuk mengikuti perkembangan terbaru blog ini,hehehe.

Postingan populer dari blog ini

Cara Membuat Ikan Cupang Menjadi Lebih Berani

Cara Membuat Ikan Cupang Menjadi Lebih Berani. Budidaya ikan cupang memang termasuk bisnis yang menjanjikan sekaligus menyenangkan. Dari sini biasanya dimulai dari hobi yang dikembangkan. Dan dengan keuletannya bersilang ria, terjadilah keturunan yang baru. Dan biasanya cupang dipelihara untuk diikutkan kontes atau juga diadu.

Bagi anda pengadu cupang, tentu saja anda punya beberapa koleksi ikan cupang aduan yang siap adu atau malah siap kawin untuk dibudidayakan agar tambah banyak ikan cupang milik anda. Nah, sekarang pertanyaannya bagaimanakah cara membuat ikan cupang lebih berani?
Masukkan daun ketapang yang sudah kering dan jatuh dari pohonnya ke dalam aquarium cupang anda.Ganti air setiap 3 hari dengan air yang baru. Jika menggunakan air PAM, sebaiknya telah diendapkan selama satu hari satu malam.Pada setiap pagi, hendaklah dijemur kurang lebih 1-2 jam untuk mendapatkan sinar matahari. Ini bisa dimanfaatkan untuk membunuh bakteri-bakteri yang ada dalamaquarium dan yang menempel d…

Penyebab Uban/Rambut Putih di Usia Muda

Penyebab Uban/Rambut Putih di Usia Muda. Rambut putih alias uban biasanya identik dengan rambut kakek dan nenek. Tapi uban tak selalu berkaitan dengan usia, karena bnyak juga orang yang masih muda sudah ubanan.Benar-benar uban yang terselip diantara rambut hitamnya, bukan karena disemir atau diwarna.Kenapa hal ini bisa terajadi?

Pernahkah Anda bertemu dengan seseorang yang usianya masih tergolong muda, yaitu sekitar 20-an, tapi rambutnya sudah tumbuh uban di sana-sini. Bisa jadi, Anda juga mengalami hal sama. Padahal usia Anda masih 30-an, masih tergolong relatif muda untuk beruban kan? Secara medis, uban sebetulnya tidak mengganggu kesehatan tubuh. Namun, akan sedikit menganggu penampilan.


Penyebab Uban/Rambut Putih di Usia Muda
Meskipun gen tertentu yang membawa sifat dari uban prematur belum ditemukan, tapi alasan genetika sudah sangat umum dan turun-temurun terjadi. Uban yang muncul di usia mudah lebih banyak karena faktor genetik atau keturunan. Uban terjadi karena pigmen rambutny…

Sony Ericsson E15 Xperia X8 | Harga dan Spesifikasi Soner X8

Sony Ericsson E15 Xperia X8. Hmmm, kali ini ingin ngereview ponsel hp Sony Ericsson E15 Xperia X8 nih. Soalnya beberapa hari lalu Berita Terkini hanya menyajikan download WhatsApp maupun download Angry Birds for PC. Okelah, Harga dan Spesifikasi Sony Ericsson E15 Xperia X8 ini sih dirancang untuk pengguna yang butuh layar lebih lebar dan harga yang lebih terjangkau atau dapat disebut sebagai smartphone hiburan dengan layar sentuh.

Dilihat dari tampilan, HP Sony Ericsson Xperia X8 E15 terlihat begitu elegan dan berdesain futuristik. Ponsel Sony Ericsson Xperia X8 E15 mengusung konsep layar sentuh dan memiliki 3 tombol utama di bagian depannya. Namun jika dilihat secara detail, HP Sony Ericsson Xperia X8 begitu mirip dengan keluarga Xperia yang lain, hanya saja ukurannya lebih kecil daripada X10 namun sedikit lebih besar daripada X10 Mini dan X10 Mini Pro.

Untuk fitur Sony Ericsson Xperia X8 E15 adalah OS Android v1.6, processor Qualcomm MSM7227 600Mhz, polifonik, kamera 3.15 MP,…