Cara Memasang Kotak Berlangganan di Bawah Posting

Baca Juga

Cara Memasang Kotak Berlangganan (Subscription Box) di Bawah Posting Blog untuk Meningkatkan Jumlah Pengunjung. 

SALAH satu usaha meningkatkan trafik atau jumlah pembaca blog adalah memasang kotak berlangganan di bawah postingan atau di sidebar.

Dengan begitu, pengunjung yang memasukkan emailnya, akan menerima update tulisan atau konten blog kita secara otomatis via inbox emailnya. Dikrimkan otomatis oleh Feedburner Google.

Kotak Berlangganan di Bawah Posting akan memudahkan pengunjung memasukkan emailnya. Beda dengan yang di sidebar yang mungkin terlewat.

Jika Kotak Berlangganan dipasang di bawah posting, misalnya di atas Related Post atau di bawahnya, maka 99% akan terlihat oleh pengunjung.

Berikut ini salah satu jenis kotak berlangganan yang bisa dipasang di bawah tulisan, juga bisa di sidebar. CB ambil dari SBT.

Cara Memasang Kotak Berlangganan di Bawah Posting

1. Template > Edit HTML
2. Copas kode berikut ini di atas kode ]]></b:skin> atau </style>

#SBT-subscribe{background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffffdf));border:1px solid #dedede;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}

#SBT-subscribe h1{margin-top:5px; color:#269;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 1px 2px #000;line-height:35px}

#SBT-subscribe input{background: -moz-linear-gradient(center top , #000, #EFEFEF) repeat scroll 0 0 transparent;border: 1px solid #dedede;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #fff;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}

#SBT-subscribe .submit{background: -webkit-gradient(linear, left top, left bottom, from(#ffda4d), to(#ff9b00));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#fff;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}

#SBT-subscribe .submit:hover{background: -moz-linear-gradient(center top , #ff9b00, #ffda4d) repeat scroll 0 0 transparent}

#SBT-subscribe .submit:active{background: -moz-linear-gradient(center top , #ff9b00, #ffda4d) repeat scroll 0 0 transparent}

3. Copas kode berikut ini di bawah kode <data:post.body/> kedua terakhir.

<b:if cond=”data:blog.pageType == &quot;item&quot;”>
<div id=”SBT-subscribe”>
<h1>Subscribe to Get Update via Email!</h1>
<form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=contohblognih‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true” target=”popupwindow”>
<center>
<input name=”email” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address…&quot;;}” onfocus=”if (this.value == &quot;Enter Your Email Address…&quot;) {this.value = &quot;&quot;}” size=”30″ type=”text” value=”Enter Your Email Address…” /> <input name=”uri” type=”hidden” value=”contohblognih” /> <input name=”loc” type=”hidden” value=”en_US” /> <input class=”submit” type=”submit” value=”Subscribe” /></center>
</form>
</div>
</b:if>

Ganti contohblognih dengan kode Feedburner Blog Anda. Jika belum punya, daftar dulu ke Feedburner.

4. Save Template!

Sebelumnya cb juga sudah share jenis Kotak Berlangganan yang lain. Good Luck! (http://www.contohblog.com).*