Memasang News Letter / Laporan Berkala Di Blog


News Letter - kali ini saya akan berbagi tutorial memasang News Letter / Laporan Berkala, fungsi nya hampir sama dengan Subscribe. News Letter memiliki tampilan yang lebih di namis dan sederhana dari Subscribe, bisa sobat tertarik dengan tutorial ini. Sobat bisa ikuti step di bawah ini.

Berikut Cara Memasangnya 

1. Masuk ke blogger
2. Masuk ke menu Template - Edit HTML
3. Cari kode ]]></b:skin> atau </style> dan copy kode di bawah ini  tepat di atas nya


/* CSS Newsletter */
.proly{background-color:#fff;padding:25px 0;margin:15px 0}
.proly h2{margin-left:50px}
#newsletter{overflow:hidden;background-color:#fff;padding:20px 0;border-top:1px solid #ddd;margin:0 auto;text-align:center;}
#newsletter .left{margin:0 auto;}
#newsletter .right{margin:0 auto;margin-top:20px}
#newsletter .FollowByEmail{overflow:hidden}
#newsletter .row{overflow:hidden}
.ntitle h2:first-letter{color:#07ACEC;}
.ntitle{font-size:14px}
.ndesc p{margin-top:10px}
#newsletter input.address{border:none;border-right:none;border-radius:3px 0 0 3px;background-color:#f0f0f0;height:40px;padding:0 10px;width:300px;margin-right:-5px;font-family:'Roboto';font-size:15px;font-weight:400;transition:background-color 0.3s ease-in-out;}
#newsletter input.address:focus{outline:none;border:none;background-color:#444;color:#ddd;border-right:none;}
#newsletter input.submit{height:40px;width:80px;background-color:#29abe2;border:0;border-radius:0 3px 3px 0;color:#fff;cursor:pointer;position:relative;top:-1px;font-family:'Viga';font-size:15px;font-weight:400;position:relative;transition:all 0.3s ease-in-out;}
#newsletter input.submit:hover{opacity:0.9;}
.searchclick {display:none 

4. Cari kode <div id='footerfix'> dan copykan kode di bawah ini tepat di atasnya


<div class='newsletter section' id='newsletter'><div class='widget FollowByEmail' id='FollowByEmail3'>
<div class='row'>
<div class='left'>
<div class='ntitle'><h2 class='title'>Don't miss our update</h2></div>
</div>
<div class='right'>
<div class='follow-by-email-inner'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<input class='address' name='email' placeholder='Email address...' type='text'/>
<input class='submit' type='submit' value='Submit'/>
<input name='uri' type='hidden' value=''/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
</div>
</div></div>
5. Simpan Template


Kalo sobat kurang paham atau terjadi error silahkan tingggalka comment
Previous
Next Post »

2 komentar

Click here for komentar
Summon Agus
admin
December 8, 2014 at 5:32 AM

uwalah ini suscribe mail to.. tak kirain apa..hehe.. wahh keren juga tampilannya.. :D

Reply
avatar
December 8, 2014 at 10:39 PM

pasang newsletter biar pengunjung'a tertarik baca artikel lainnya nih, oya ini pemasangannya di tengah" header apa di sebelah kanan header bro?

makasih sob

Reply
avatar
Thanks for your comment