mau dapat artikel terbaru blog ini? silahkan ikuti update blog ini

Ads

Menempatkan kotak berlangganan Feeds dibawah Artikel

Artikel ini masih ada hubungannya dengan artikel sebelumnya mengenai bagaimana memodifikasi kotak berlangganan feed via email. Kalau sebelumnya hanya membahas bagaimana mengubah tampilan standar dengan mengganti dimensi, warna border, background dan bahasa pada artikel ini membahas alternatif penempatan/peletakan dari kotak berlangganan via email tersebut. Jika Anda termasuk blogger yang gemar walking ke rekan blogger lainnya kadang kita menemukan kotak berlangganan feed via email blog tersebut terletak di akhir postingan dan hanya muncul jika artikel terebut dalam kondisi full posting namun tidak muncul pada halaman muka/depan. Jika tertarik untuk mencobanya silahkan ikuti cara berikut:

Persiapan:
  • Pastikan bahwa kode Subscribes to Email dari Feedburner sudah dicopy ke file notepad.
  • jika ingin memodifikasinya (dimensi dan warna tampilan kotak) sebaiknya kode standar tersebut sudah dimodikasi ulang (baca disini) sebelum menempatkannya nanti.
  • Fokus dan mau sedikit berani untuk mencoba sendiri :D :D :D
  • Berhubung cara ini adalah hasil trial error dan di uji dan sukses hanya pada template minima kemungkinan untuk template lain dan costum template kode yang dicari akan sedikit berbeda anatominya (point ke-4 ini hanya dugaan saja, mudah-mudahan sih tetap bisa :x :x :D ).
Setelah mantap niatnya silahkan ikuti lagi tahap berikut:
  • Masuk ke akun kontrol panel blog Anda, pilih tab Tata Letak -> edit HTML
  • Jangan lupa Backup template sebelum melanjutkan dengan mendownload kode template terlebih dahulu.
  • Beri tanda centang pada kotak Expand Widget, lalu cari kode berikut:
    <div class='post-footer-line post-footer-line-1'>
  • setelah itu masukkan kode dibawah ini, tepat setelah kode diatas.

    <b:if cond='data:blog.pageType == "item"'>
    <!-- subcribe email by feedburner-->
    <div style='width:300px; height:160px; background-color:#EDECEA; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA; padding:0px 5px 5px; float:left;'>
    <h4>Berlangganan via Email:</h4>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=NamaFeedsBlogAnda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border-top:2px solid #fff; padding:0px 2px 2px; background:#ccc;text-align:justify;' target='popupwindow'>
    <br/>Silahkan daftarkan Email Anda disini untuk mendapatkan update terbaru artikel blog ini:
    <br/><input name='email' style='width:180px' type='text'/><input name='uri' type='hidden' value='NamaFeedBlogAnda'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Daftar'/>
    <br/>Email artikel akan diantarkan oleh <a href='http://feedburner.google.com' target='_blank'>FeedBurner</a>
    <br/><a href='http://feeds.feedburner.com/NamaFeedBlogAnda' title='Total Pembaca via Email'><img alt='jumlah Pembaca via Email' height='26' src='http://feeds.feedburner.com/~fc/NamaFeedsBlogAnda?bg=99CCFF&fg=444444&anim=1&label=pembaca' style='border:0' width='88'/></a></form>
    </div>
    <!-- modified by oentoe_09 - 2010 - http://oentoe09.blogspot.com/ -->
    </b:if>
  • Simpan dan silahkan lihat hasilnya.
Keterangan singkat kode diatas
  • Kode Subscribes diatas sudah dialih bahasakan ke dalam bahasa Indonesia, yang paling penting untuk disesuaikan dengan blog Anda hanya nama Feed yang digunakan saat mendaftar di Feedburner, oleh karenanya ganti semua kata NamaFeedsBlogAnda kode diatas dengan nama blog Anda.
  • Untuk mengganti tampilan warna silahkan ganti kodenya (#XXXXXX = kode hexa), hal yang sama berlaku untuk border atau tebal border (solid/dotted/double = px) lebar (Width = px) dan Tingginya (Height = px).
Untuk melihat contoh penerapan cara diatas dalam sebuah blog  silahkan lihat disini.
Semoga bermanfaat dan terima kasih atas kunjungannya, apapun respon sobat merupakan balasan yang berharga untuk artikel ini, karenanya saya menantikan komentar Sobat ;) .

Wassalam

3 komentar:

chugy mengatakan...

Boleh infonya....Ntar di coba.!!! kalau bisa jangan pk scroll donk br lebih jelas dlm pnjelasanya thanks.

Oentoe_09 mengatakan...

@ Chuggy:
Makasih sarannya, sebenarnya yang diringkas cuma kode doank biar mudah dalam memblock kodenya and semoga percobaannya sukses... Good Luck.. :D :D :D

Blog bimbelmedica mengatakan...

Ngak jadi bro... maaf mungkin saya yang salah menempatkan.

Posting Komentar

Label

Entri Populer

Blog support