Memasang form berlangganan ini sangat penting untuk mendekatkan kita kepada para pengunjung atau juga untuk mendapatkan pembaca setia blog kita!
Nah untuk kali ini blog Oto Website akan membahas tentang Membuat Form Berlangganan Di Bawah Postingan.
Untuk cara membuatnya tidak sulit-sulit banget kok sobat hanya perlu mengiuti langkah-langkah berikut ini!


Entar minum kopi dulu....
Oke kita bahas caranya sekarang, cekidoooot

1. Masuk ke akun blogger sobat.

2. Pada menu klick Rancangan ➨ Edit HTML ➨ Centang Expand Template Widget.

3. Download dulu template sobat, untuk mengantisipasi bila terjadi kesalahan.

4. Selanjutnya sobat cari kode  ]]></b:skin> atau </style>  Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.

5. Jika sudah ketemu sekarang sobat copy kode berikut dan paste atau letakkan di atas kode tadi.

.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/AVvXsEilJihZ-MO1vTagFco08MjyQVEm_2byPHyVyO99nLZ_z_zHDtjQb83O7YaT5W7_08_FpwLIGCbWaKHg59eCVSThwQ1LpX8FofqrCE2qUlSKFgQHbuHx7AvTWJwe3o8o7Y1LS4M9QaqW4w/s1600/otowebsite.blogspot.com.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; }

6. Selanjutnya sobat cari kode <data:post.body/> Jika ada tiga kode yang sama pilih kode yang kedua.

<!-- Script Artikel Berlangganan By: Oto Website -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/otowebsite' 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'>Oto Website </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?uri=otowebsite' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=otowebsite;, '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='Oto Website'/>
<input name='title' type='hidden' value='Oto Website'/>
<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/otowebsite'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/otowebsite?bg=000000&fg=FFFFFF&anim=1&label=listeners' style='border:0' width='88'/></a>

</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan By: Oto Website -->

7. Simpan Template.

Keterangan:
  • Ganti teks warna biru dengan kata-kata sendiri tidak di ganti juga tidak masalah.
  • Ganti teks warna merah dengan id feedburner blog sobat.
Form Berlangganan, di atas akan muncul setelah read more untuk membuatnya muncul di bawah postingan blog sobat, sobat cukup menambahkan kode:

<b:if cond='data:blog.pageType == "item"'>
Kode form berlangganan via email
</b:if>

Ganti yang teks warna merah dengan script form berlangganan yang ada pada langkah 6, sehingga hasilnya menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<!-- Script Artikel Berlangganan By: Oto Website -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/otowebsite' 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'>Oto Website </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?uri=otowebsite' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=otowebsite;, '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='Oto Website'/>
<input name='title' type='hidden' value='Oto Website'/>
<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/otowebsite'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/otowebsite?bg=000000&fg=FFFFFF&anim=1&label=listeners' style='border:0' width='88'/></a>

</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan By: Oto Website -->
</b:if>

Selanjutnya Simpan.

Saya rasa cukup untuk kali ini!

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalakan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Posting Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top