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

• Tweet
• Share
• Share
• Share
• Share

Related Post