- Back to Home »
- blog , Info , widget »
- Cara Membuat Kotak Langganan Via Email Dibawah Posting
Posted by : RAYPHOTOWORKS CIKARANG
Jumat, 01 Februari 2013
Cara membuat kotak email berlangganan dibawah posting blog :
- Masuk pada blogger.com
- Pilih Template >>Edit HTML >> Lanjutkan
- Centang Expand Template Widget
- Cari kode ]]></b:skin>
- Letakkan kode berikut diatas kode ]]></b:skin> :
.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLeqzUoRUs6KquVO75ZcifSbPQhz7yAML2frWYF7ocmoOSa0B46uB1HVsGT2d4nVThIJtDG3dF6vjDUmPC6Dl1qv6Mmx1GY2gNMTzfFoff0xVKjFgfvErbaGdSaRX-5J8lkxdorhz0Fs/s1600/maskolis.co.cc.jpg') no-repeat bottom right; } .Rssardi33 a { background: none;} .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtRssardi33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; }Selanjutnya cari kode <data:post.body/>
Letakkan kode berikut dibawah <data:post.body/> :
<!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/Robz-hitz' 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'>B-digg </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('http://feedburner.google.com/fb/a/mailverify?uri=diesilver', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == "") {this.value = "Ketikkan email anda disini";}' onfocus='if (this.value == "Ketikkan email anda disini") {this.value = "";}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='Robz-hitz'/>
<input name='title' type='hidden' value='Rob-hitz'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td><td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/Robz-hitz'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Robz-hitz?bg=9b9b9b&fg=fffffff&anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/><!-- End Artikel Berlangganan -->
*Ganti Robz-hitz dengan id feedbunner Anda
Tambahan :
- Untuk blog yang menggunakan readmore otomatis maka Anda akan menemukan 2 kode <data:post.body/>, letakkan kode diabaawah <data:post.body/> yang kedua.
- Simpan Template dan Lihat Hasilny
Cara membuat kotak email berlangganan dibawah posting blog :
- Masuk pada blogger.com
- Pilih Template >>Edit HTML >> Lanjutkan
- Centang Expand Template Widget
- Cari kode ]]></b:skin>
- Letakkan kode berikut diatas kode ]]></b:skin> :
.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLeqzUoRUs6KquVO75ZcifSbPQhz7yAML2frWYF7ocmoOSa0B46uB1HVsGT2d4nVThIJtDG3dF6vjDUmPC6Dl1qv6Mmx1GY2gNMTzfFoff0xVKjFgfvErbaGdSaRX-5J8lkxdorhz0Fs/s1600/maskolis.co.cc.jpg') no-repeat bottom right; } .Rssardi33 a { background: none;} .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtRssardi33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; }Selanjutnya cari kode <data:post.body/>
Letakkan kode berikut dibawah <data:post.body/> :
<!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/Robz-hitz' 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'>B-digg </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('http://feedburner.google.com/fb/a/mailverify?uri=diesilver', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == "") {this.value = "Ketikkan email anda disini";}' onfocus='if (this.value == "Ketikkan email anda disini") {this.value = "";}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='Robz-hitz'/>
<input name='title' type='hidden' value='Rob-hitz'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td><td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/Robz-hitz'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Robz-hitz?bg=9b9b9b&fg=fffffff&anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/><!-- End Artikel Berlangganan -->
*Ganti Robz-hitz dengan id feedbunner Anda
Tambahan :
- Untuk blog yang menggunakan readmore otomatis maka Anda akan menemukan 2 kode <data:post.body/>, letakkan kode diabaawah <data:post.body/> yang kedua.
- Simpan Template dan Lihat Hasilnya