Cara Membuat SUBSCRIBE to OUR NEWSLETTER

SUBSCRIBE to OUR NEWSLETTER merupakan suatu widget yang digunakan untuk berlangganan email dari blog kita ke pengunjung blog anda, semua postingan ter-update akan secara otomatis dikirim ke email pengunjung blog anda. memang ini cara classic yang di gunakan istilahnya untuk pengumuman ke pengunjung blog setia anda untuk mengetahui postingan terbaru apa sih yang ada di blog kita.

cara ini digunakan untuk mendapatkan backlink ke blog kita, selain dari kita share di google + dan media social lainnya, selain itu juga bisa untuk mempercantik atau menambahkan widget di template yang kita gunakan.

Ok, langsung saja cara untuk membuatnya adalah seperti berikut :

1. Masuk Ke dashboard Blogger
2. Pilih > Tema > Edit HTML
3. Copykan Code di bawah ini di atas code  : ]]></b:skin> atau kode </style> bisa anda search terlebih dahulu dengan menekan Ctrl + F

/* Subscribe Box */ #subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;} .subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;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:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0} .subscribe-css-email-button{background:#2BA6E1;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s} .subscribe-css-email-button:hover{background:#98DEFE;} #subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;} #subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s} #subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase} #subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none} #subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s} #subscribe-css:hover p.subscribe-note span:before{width:100%;}

4. kemudian cari code : <div id='footer'>  Copy code di bawah ini di bawahnya :

<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=AcillramdanprasetyoId' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=AcillramdanprasetyoId', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='AcillramdanprasetyoId'/>
<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>

5. Save template, dan lihat hasilnya.

Note : Anda bisa merubah tempat SUBSCRIBE to OUR NEWSLETTER bisa di bawah footer, di sidebar atau di bawah postingan bisa anda tentukan dengan paste code program ke-dua di atas di letak code program yang anda inginkan.

Selmat Mencoba.

Tweet