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 :
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. Salam sejahtera by ngeposta...
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/AVvXsEgYQ_ROCPE1B7q4DiQ9OmasZA5OHHca9E-jEPlost0V3HlLSwGMd8Hd0iFvWVG1NTOaon8TCkzy5FlUtm_5WpU0Kivz9tXBHuNZ_U-R9Qe_zv7WovcllZ7JOIlVqfo66QFEmFM7PzqzoQ0/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. Salam sejahtera by ngeposta...
No comments:
Post a Comment