Cara Memasang Kotak Berlangganan (Subscribe) di Bawah Postingan Blog

Indikator Pemikiran | info dari kami tentang bagaimana cara membuat dan pasang kotak subscribe di bagian bawah postingan pada blogspot dan wordpress. Kotak berlangganan ini biasanya dipasang dibagian sidebar, dibawah post blog atau pada pop up halaman blog tergantung kesukaan kalian dipasang dimana. Hanya saja kali ini admin akan membagikan cara untuk pemasangan dibagian postingan blog kalian.

Cara Memasang Kotak Berlangganan (Subscribe) di Bawah Postingan Blog - Kotak berlangganan sebenarnya berfungsi untuk menarik para pengunjung yang menyukai blog kita agar mendapatkan kiriman terbaru dari postingan blog kita langsung melalui email mereka, sehingga mereka bisa langsung tau info terbaru dari blog kita. Sangat membantu sekali bukan? berikut inilah tata Cara Memasang Kotak Berlangganan (Subscribe) di Bawah Postingan Blog dengan lengkap.

Cara Memasang Kotak Berlangganan (Subscribe) di Bawah Postingan Blog :

1. Loging ke blogger.com
2. Masuk ke bagian thema dan pilih Edit HTML
3. Cari kode </head> dan paste kode dibawah ini tepat diatasnya. Untuk memudahkan mencari kode </head> anda bisa menggunakan fitur CTRL+F.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type='text/css'>

/* Subscribe Box */

#subscribe-css{background:#fafafa;overflow:hidden;clear:both;position:relative;margin:20px 0;border:1px solid rgba(0,0,0,0.03);}

.subscribe-wrapper{color:#fff;font-size:16px;line-height:18px;text-align:center;margin:0 0 20px 0;text-transform:none;font-weight:400;width:100%}

.subscribe-form{clear:both;display:block;overflow:hidden}

form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}

.subscribe-css-email-field{background:#fff;color:#999;margin:10px;padding:10px 20px;border:1px solid rgba(0,0,0,0.08);}

.subscribe-css-email-button{background:#f58220;color:#fff;cursor:pointer;padding:10px 25px;margin-left:5px;font-size:15px;border:0;font-weight:700;border-radius:4px;transition:all .6s}

.subscribe-css-email-button:hover{background:#e0761c;}

#subscribe-css p.subscribe-note{margin:20px;text-align:center;font-size:160%;color:#999;font-weight:400;line-height:1.3em}

#subscribe-css p.subscribe-note span {font-weight:700;}

</style>

Memasukkan HTML kedalam postingan Blog kalian :

1. Cari kode <data:post.body/> . biasanya terdapat lebih dari satu, coba kalian sesuaikan dengan template kalian atau coba satu-persatu
2. Bisa juga dibawah kode iklan atau kode share postingan kalian.
3. Letakkan HTML dibawah ini tepat dibawah kode tersebut.

<div id='subscribe-css'>

<p class='subscribe-note'><span>SUBSCRIBE</span> <span class='itatu'>TO</span> OUR NEWSLETTER</p>

<div class='subscribe-wrapper'>

<div class='subscribe-form'>

<form action='http://feedburner.google.com/fb/a/mailverify?uri=IDFeedAnda' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=IndikatorPemikiran&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<input name='uri' type='hidden' value='IDFeedAnda'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/><input class='subscribe-css-email-button' title='' type='submit' value='submit'/></form>

</div>

</div>

</div>

Tindakan Lanjutan :

1. Kode berwarna Merah Silahkan ganti dengan ID Feedburner anda.
2. Kalian bisa menyesuaikan ukuran serta model yang di ingikan dengan mengedit css dan HTML lebih lanjut lagi.
3. Coba lihat postingan kalian apakah kotak berlangganan sudah terpasang apa belum, dan jka belum kemungkinan besar kalian salah menempatkan kode.
4. Save Template dan Selesai.

Demikianlah info dari Indikator Pemikiran tentang artikel bagaimana Cara Memasang Kotak Berlangganan (Subscribe) di Bawah Postingan Blog. Silahkan subsribe blog untuk dapatkan info terupdate melalui email anda. Terimakasih.

Share this post