baner
- Home >
- Tutorial Blog >
- Cara memasang Kolom Berlangganan di bawah Postingan Blog
Posted by : andika
Selasa, 19 Februari 2013
Kali ini saya akan share Tutor Cara memasang Kolom Berlangganan di bawah Postingan Blog. Oke langsung saja tanpa Banya Bacod XD :
Login akun Blogger sobat
Pilih Template > Edit HTML
Centang Expand Template Widget
Cari kode dibawah ini ( CTRL + F biar cepat ) : <data:post.body/>
Lalu Copy dan Pastekan Kode dibawah ini, tepat dibagian bawah kode yang sobat cari tadi
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.dcstyle{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnwGf_FUbd9L7_MWGoWFfPvf7dSu_joJIIHt-jWqa0TbUvhQzpEFCx_fu1EmWLWeJdd50bG0h7WcJ4SwcIWgK6rf7GZwE4iqMb9er_rDZLLjiABZQy5_Ac-MGpVlN9qjB16AZzjOTJkeJV/s400/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.dcsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#emailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>
<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px; '>Get The Latest Updates From Us :</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Ardi007Jr', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='Ardi007Jr'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='dcstyle' name='email' onblur='if (this.value == "") {this.value = "enter your email…";}' onfocus='if (this.value == "enter your email…") {this.value = ""}' type='text' value='Enter your email…'/>
<input alt='' class='dcsubmit' title='' type='submit' value='Submit'/>
</form>
</td>
<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<a href='http://feeds.feedburner.com/Ardi007Jr' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7MKvPyPKa1C-vPf-D7h6QTCDr6RZkrGUCn5KqEx_dh3reIk095jzua_DnKu_3z71Rndvn7x2olFMyYKzBH_ZZ1br2zvYwiu81PQRNriUId_M6u5PrE7Wyw2ksoElU4cF6IIwybwhvCWs/s1600/rss-30×43.png'/></a>
<a href='http://twitter.com/#!/LastMahoBender' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyo5Y31H5Lito3X5mtUTl-a8jVPbcV5LjxEZwyNrIShVlRCrpXbq8DHWAo3ODwi2qiNBVEu-fTkiARbxhzdgGgdGU8W0Dm8MIfKh_ewL-8qyuaqpBAMw3WsIut9hlO1AlECZoxstMslSM/s1600/twitter-30×43.png'/></a>
<a href='https://www.facebook.com/007.Technology' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOaVpDV8MI8wFAeiQkNWNH_fiV9X5u1KqRnQ3WlgVcPizDJo0wJDPpBk4t8PjQ_7lAHhfDme-TPf0nh2RAMxtXaeAYGVOYNCivQS0iqploMFa1TVi9iSzLCvu0kUKQgRrVjEwPC3Nbq2s/s1600/facebook-30×43.png'/></a>
</td>
</tr>
</tbody></table>
<div align='right'><span style='font-style: italic; font-size: 8px; color: solid #f3f3f3;'><a href='http://ardi007jr.blogspot.com/2012/12/cara-memasang-kolom-berlangganan-di.html' style='text-decoration: none;' target='_blank'><font color='#f4f4f4' decoration='none'>[ Get This Widget ]</font></a></span></div>
</div></div></center>
Klik Pratinjau dulu jika ingin mengecek bagus/tidaknya tuh widget
Jika udah sesuai dengan keinginan sobat, klik Simpan/Save
NB :
Teks Warna Orange Silahkan anda ganti dengan Username FeedBurner blog anda
Teks Warna Biru Muda Silahkan anda ganti dengan Username Twitter anda ( Follow ya @LastMahoBender )
Teks Warna Merah Silahkan anda ganti dengan Usenama Fanspage / Profil Facebook anda
Silahkan anda Edit sendiri Lebar,Warna,Dll :D
sumber
makasih informasinya, saya akan coba pasan gdi blog saya
BalasHapussilahkan sob semoga berhasil
Hapus