Cara Membuat Kotak Submite Email dibawah Postingan

Untuk mengawali postingan bulan Oktober ini aku berbagi bagaimana caranya membuat kotak submite RSS email di bawah postingan Blospot. untuk tampilannya sobat bisa lihat dibawah postingan blog ini. tutorial ini bisa membuat blog kalian semakin hidup dan tentunya bikin suasana blog kita hidup. dan juga tutorial ini sudah lama beredar namun tak ada salahnya aku berbagi di blog ini.
untuk lebih lanjutnya sebelum kita mulai tutorial ini silahkan sobat optimasi dulu Rss Feed kalian. kalau sudah mari kitak mulai tutorial ini. namun sebelumnya silahkan kalian lihat dulu hasil dari jepretan yang aku ambil dari blog ini.
Cara Membuat Kotak Submite Email dibawah Postingan-Giga Watt
ok sekarang kita mulai tutorial ini.
1. silakan sobat login ke Blogger.
2. silahkan langsung menuju edit tamplate.
3. silahkan centang expant tamplate.
4. taruh kode di bawah ini tepat diatas kode ]]</b:skin>
<!--start-Rss-giga-watt.blogspot.com-->
.rss-wrapper{background-color:#fff;-moz-border-radius:5px;border:1px solid #A4A4A4;margin:0 0 10px;padding:10px 10px;}
.Rss{background:url(http://3.bp.blogspot.com/-sYRuBkFk6vw/UEyVKb0XyYI/AAAAAAAADIM/-haRyTiQkjA/s1600/Feed%2Bsaya.png) no-repeat bottom right}
.Rss a{background:none}
.inpRss{border:1px solid #B9C1C6;width:250px;font-size:11px;padding:3px 4px 4px 10px}
.sbmtRss{padding:2px}
.table{border-collapse:inherit;border:none}
.clear{clear:both}
<!--finish-Rss-giga-watt.blogspot.com-->
5. kalau sudah kalian taruh kodenya silahkan carai lagi kode <div class='post-footer'>
6. kalau sudah ketemu silahkan taruh kode dibawah ini tepat diatasnya.
<!-- Script-giga-watt.blogspot.com -->
<div class='rss-wrapper'>
<div class='Rss'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/Giga-Watt' target='_blank' title='Berlangganan'>
klik disini</a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Blog ini.
<div class='subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='80%'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Giga-Watt&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='inpRss' 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='Giga-Watt'/>
<input name='title' type='hidden' value='Giga-Watt'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRss' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:10px 0 0 0;' valign='top' width='20%'>
<a href='http://feeds.feedburner.com/Giga-Watt' rel='nofollow'>
<img alt='' height='26' src='http://feeds.feedburner.com/~fc/Giga-Watt?bg=aaaaaa&amp;fg=cc0000&amp;anim=1' style='border:0' width='88'/></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- Script-giga-watt.blogspot.com -->
7. kalau sudah kalian taru kodenya silahkan simpan. namu sebelumnya kode warna biru diatas silahkan kalian ganti dengan feed kalian. 
nah sekarang lihat dan sesuaikan sendiri warna dasarnya untuk kode warna silahkan buka halaman kumpulan kode warna HTML dan RGB. mungkin hanya itu yang bisa aku share kali ini semoga bermanfaat, silahkan berkunjung kembali untuk memodifikasi Cara Membuat Kotak Submite Email dibawah Postingan yang lainnya. karena aku akan kembang terus tutorial ini. selamat mencoba semoga sukses

0 komentar:

Posting Komentar