Cara Membuat Box Subscribe (Kotak Berlangganan) Keren Di Bawah Postingan Blog

Kegunaan dari Box Subscribe atau biasa di sebut Kotak Berlangganan ini adalah untuk mempermudah pengunjung yang ingin mendapatkan (Berlangganan) informasi-informasi baru dari situs tertentu yang di daftarkan memalui email dengan menggunakan Subscribe lewat FeedBurner, Subscribe ini bisa di pasang pada bagian/posisi tertentu misalkan pada bagian: sidebar blog, dengan menggunakan element widget, footer seperti yang saya gunakan  dengan posisi di area footer, atau bahkan di bawah postingan (artikel Blog).

Kamu hanya harus memasukan email kamu dengan langkah yang singkat maka kamu sudah bisa mendapatkan informasi dari situs yang kamu subscribe (Berlangganan).
Nah untuk yang saya bahas kali ini adalah Box Subscribe Keren Di Bawah Postingan Blog, kamu tertarik membuatnya??? jika iya kamu bisa memasangnya di blog kamu dengan mengikuti langkah-langkahnya di bawah ini.

Membuat/Memasang Box Subscribe Keren Di Bawah Postingan Blog

1. Masuk terlebih dahulu ke Blogger>Tema>Edit Html
2. Cari kode ]]></:skin> atau kode </style> pastekan kode di bawah ini tepat di atasnya.
Untuk mempercepat kamu dalam mencari kode silahkan kamu klik

CTRL

+

F

pada keyboard kamu

.note{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGEEMilV2ThkVHC2SCn2UggKhb-5Ra7HGcdk9B6MP8VQ242k5cUmWS6AGcMCv7AVl5NiF6TGXH4_J4mEG1wJZGZzUd-kL3vWiUNZWdAoujcpHuqbAwbJ1RuqlfexeLu5mhSrcvNq1fKsM/s110/thanks-seocips.png) no-repeat left;min-height:38px;padding:10px 12px 12px 68px;margin:5px 0;font:normal 13px Arial,Sans-Serif}.note{color:#333;border:1px solid #ddd;line-height:25px}.note a:link,.note a:visited{color:#333}
@media screen and (max-width:480px){.note{background:0;padding:1px}}

3. Silahkan kamu cari kode  <div class='post-footer'> atau markup kode lainya yang posisinya pada bagian bawah postingan, lalu pastekan kode berikut tepat di atasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div class='note'>
<div class='note3'>
Terimakasih telah membaca : <a href='' title=''><data:blog.pageName/></a>. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari <a class='sitename' href='http://www.bulshitman.blogspot.com/' title='BulshitMan'>BulshitMan</a>. Terimakasih.<br/>
</div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=dblogspot/ByMPu;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:right;' target='popupwindow'>
 <i class='fa fa-plus fa-spin fa-2x'/> <input class='blogspot/ByMPu' 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='blogspot/ByMPu'/>
<input name='title' type='hidden' value='ID Dzgn'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='menu-btn' type='submit' value='Subscribe'/>
</form>
</div>
</b:if>
<div style='clear: both;'/>  

Silahkan Kamu Ganti blogspot/ByMPu Dengan ID Url FeedBurner Kamu
Dan ID Dzgn' Dengan judul Blog kamu

4. Silahkan Kamu Save/Simpan Tema

Result

Oky bagai mana shobat apakah Box Subscribe nya sudah terpasang di blog kamu???
Kalau sudah sukses jangan lupa ya berbagi komentar di bawah ini.

Artikel Terkait