Membuat Kotak Feed Burner (Feed Burner Box) by Ngeposta - Setelah selesai
update posting tentang cara
membuat widget date and time ala ngeposta (stylus version), kali ini saya akan share mengenai cara
membuat kotak feed burner (feed burner box) by ngeposta. Tampilan dari
kotak feed burner (feed burner box) by ngeposta ini kurang lebih seperti gambar berikut :
Nahh, bagi sobat yang berminat dan ingin
membuat kotak feed burner (feed burner box) seperti gambar di atas, langsung saja simak
tutorial berikut ini!
1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Tata Letak".
3. Klik "Tambah Gadget".
4. Kemudian pilih "HTML/JavaScript".
5. Lalu masukkan script kode berikut ini :
<form action='http://feedburner.google.com/fb/a/mailverify'
method='post'
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/yyynlv',
'popupwindow',
'scrollbars=yes,width=550,height=520');return true'
style='border-radius: 7px; border: 2px solid #ccc; padding: 5px 5px 5px
10px; text-align: left; background: white
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyA5MHIoHH80DWqMmss7p03_4YFskF1dHBAjkqgWwpTCNsCBEXEx-vy1GcbNkGIaQrrNAjjJ494Qxf77a_GYrYj236VKq425IS7ry2BAGxw0HtEfT5JnD-RQmd_chv1fGp8qYdt5jTfU4/s160/ngeposta-feed.png)
no-repeat bottom right; height: 165px;' target='popupwindow'>
Ayo! Gabung di sini dan dapatkan kiriman artikel terbaru dari
<span style='color: green; font-weight:
bold;'>Ngeposta</span> secara gratisss...
<br/>Silahkan masukkan alamat email anda di bawah ini kemudian klik submit!
<br/><br/>
<input name='email' style='width:175px'
type='text'/><input name='uri' type='hidden'
value='blogspot/YyynLV'/><input name='loc' type='hidden'
value='en_US'/><input type='submit' value='Submit'/>
<br/><br/>
<a href='http://feeds.feedburner.com/blogspot/YyynLV'><img alt='Ngeposta Readers' height='26' src='http://feeds.feedburner.com/~fc/blogspot/YyynLV?bg=009900&fg=FFFFFF&anim=0&label=readers' style='border:0; width: 88px;'/></a>
<br/><br/><br/>
Subscribe to <a href='http://ngeposta.blogspot.com'>Ngeposta</a>
- Delivered and Powered by <a href='http://feedburner.google.com'
target='_blank'>Feed Burner</a></form>
6. Setelah itu klik save/simpan, selesai dan lihat hasilnya...
Note :
- Kode yang saya beri warna
hijau adalah id/alamat url feed burner blog itu sendiri, ganti dengan id/alamat url feed burner blog anda.
- Kode yang saya beri warna
orange silahkan anda ganti dan sesuaikan dengan alamat url dan judul blog anda.
- Kode yang saya beri warna
merah merupakan kode warna widget feed count dari
feed burner (lihat gambar di atas, perhatikan widget kecil yang ada di bawah textbox), sesuaikan warna widget tersebut dengan selera anda.
Sekian yang dapat saya bagikan pada postingan tentang cara
membuat kotak feed burner (feed burner box) by ngeposta kali ini, selebihnya saya mohon ma'af atas segala kekurangan yang ada. Terima kasih atas kunjungannya dan sampai jumpa lagi di
next post.
Artikel keren lainnya:
Belum ada tanggapan untuk "Cara Membuat Kotak Feed Burner"
Post a Comment