December 14, 2014

Cara Membuat Kotak RSS Subscribe di Bawah Postingan Blog

By Romeltea | Published: December 14, 2014

Cara Membuat Kotak RSS Subscribe di Bawah Postingan Blog
KOTAK berlangganan update posting (RSS Subscribe Box) biasanya dipasang di sidebar blog. Namun, banyak juga yang dipasang di bawah setiap postingan biar lebih mudah ditemukan pengunjung.

Saya pasang Email Subscription Box itu di bawah posting, seperti bisa Anda lihat di bagian bawah tulisan ini.

Bagaimana cara membuat atau memasangnya? Gampang, tinggal Copy + Paste kode yang saya comot dari Hack Tutors di bawah ini.

Cara Membuat Kotak RSS Subscribe di Bawah Postingan Blog

Ini langkah detailnya:
  1. Pastikan blog Anda sudah terdaftar di Google Feedburner. Jika belum, ya... daftarkan dong!
  2. Login ke akun Blogger Anda
  3. Klik "Template" > "Edit HTML"
  4. Cari/Temukan (CTRL+F) kode <data:post.body/>
  5. Copy & Paste kode berikut ini di bawah kode <data:post.body/>:
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=romelteamedia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #DDD;padding:3px;text-align:center;background:#F1F1F1;' target='popupwindow'><span style='margin:0 auto; padding-left:24px; position:relative;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE8NbG8RI8b0PcuVMvoOJeolcEvT9v0w-KM5dPa-YxTVTFA2SzfjBy0jSQXp2_Q9Li9_S_fgdK2_xVj4Iq2MrCtQbOJvcN5Mvcgh7II3frzioyq6fGc2JTboV1pOTeVRErCADdSNyyI18/s1600/myrss.gif) right center no-repeat;'/>Get Free Updates: <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;}' style='width:176px;height:18px; background: #ffffa0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxqT3GXwE0NHIsRoh2P69JJavdFx3cWxfqGPvYBlC1a6DkLV4Z02j6YvpWUos5f-uJGMLCgk4NqoCogCw7PcoMFDwpYO6HsGbuKYf2aS3kMEmgQzMGcBib4BjHhRRjQQm8t6Vurj2_hKfJ/s1600/new-email.png) left no-repeat;padding: 1px 0px 1px 24px;border: 1px solid #8cafe3;' type='text' value='Enter your email'/><input name='uri' type='hidden' value='romelteamedia'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/>
<center><i>*Please click on the confirmation link sent in your Spam folder of Email*</i></center>
</form>

NOTE!
Jangan lupa, ganti ID Feedburner romelteamedia dengan kode "kepunyaan" Anda!

6. Save Template! Beres dah....  Kotak RSS Subscribe pun muncul di bawah setiap postingan blog Anda.

Kalau tampilannya ingin persis sama dengan kotak berlangganan di blog saya ini, gunakan kode yang sudah saya modif berikut ini:

<!-- RSS Subscribe -->
<div style='margin:10px 0 1px 0;'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=romelteamedia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #DDD;padding:3px;text-align:center;background:#F1F1F1;' target='popupwindow'><span style='margin:0 auto; padding-left:24px; position:relative;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE8NbG8RI8b0PcuVMvoOJeolcEvT9v0w-KM5dPa-YxTVTFA2SzfjBy0jSQXp2_Q9Li9_S_fgdK2_xVj4Iq2MrCtQbOJvcN5Mvcgh7II3frzioyq6fGc2JTboV1pOTeVRErCADdSNyyI18/s1600/myrss.gif) right center no-repeat;'/>Get Free Updates: <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;}' style='width: 176px;height: 20px;background: #ffffa0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxqT3GXwE0NHIsRoh2P69JJavdFx3cWxfqGPvYBlC1a6DkLV4Z02j6YvpWUos5f-uJGMLCgk4NqoCogCw7PcoMFDwpYO6HsGbuKYf2aS3kMEmgQzMGcBib4BjHhRRjQQm8t6Vurj2_hKfJ/s1600/new-email.png) left no-repeat;padding: 1px 0px 1px 58px;border: 1px dotted #8cafe3;margin-bottom: 5px;' type='text' value='Enter your email'/><input name='uri' type='hidden' value='romelteamedia'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/>
<center><i>*Please click on the confirmation link sent in your Spam folder of Email*</i></center>
</form>
</div>
<!-- RSS Subscribe end -->

Itu dia cara mudah memasang atau membuat kotak RSS Subscribe di bawah postingan blog, tanpa berpengaruh pada loading dan seo blog Anda.

FUNGSINYA APA?
Fungsi kotak berlangganan ini minimal ada dua:
  1. Memudahkan pengunjung untuk stay connected dan menerima update blog Anda di inbox email mereka.
  2. Meningkatkan "link effect", bahkan "backlink" blog, karena Feedburner merupakan bagian dari Social Media SEO. Wasalam. (www.romelteamedia.com).*

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

4 comments on Cara Membuat Kotak RSS Subscribe di Bawah Postingan Blog

  1. AnonymousMay 31, 2015

    ini yang saya butuhkan. tepat sekaleeee :D

    ReplyDelete
  2. keren dah..
    sudah berhasil terpasang di blog dengan manisnya..
    makasi tutorialnya bro..

    ReplyDelete
  3. Thanks gan berguna banget!! saya sudah sudah coba dan 100 berhasil!!!
    Thanks ilmunya
    Profesor For All
    cuman saya buat terjemahannya ke dalam bhasa indonesia jadi ga muncul icon Email dan feednya, gan....

    ReplyDelete
  4. Mantap infonya. Thenks mas

    ReplyDelete

Contact Form

Name

Email *

Message *