Cara Memasang Subscribe Feedburner Keren Dan Elegan Dibawah Postingan.Intinya adalah agar pengunjung yang berminat menerima setiap artikel yang kita terbitkan melalui email.
Sebenarnya ada yang lebih praktis dari bawaannya ..namun bila ingin memberikan tampilan yang luar biasa dapat dimodifikasi seperti pada gambar diatas.
Dan caranya adalah untuk ditampilkan dibawah postingan silahkan pasang kode dibawah ini ,,dengan langkah sebagai berikut :
1.Masuk ke akun blogger
2.Klik Rancangan
3.Klik Edit HTML
4.Jangan lupa Centang kotak diatas kanan
5.Cari kode ini :
6.Sisipkan kode dibawah ini tepat dibawah kode tadi
<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border: 3px -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
solid #dddddd;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #dddddd)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #dddddd, #dddddd) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
</style>
<div id='mbt-sub-box'><h1>Subscribe To Get FREE </h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=pengembarabiru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindov'><center>
<input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/>
<input name='uri' type='hidden' value='pengembarabiru'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submit' type='submit' value='Subscribe'/></center></form></div>
Perhatikan :
Tulisan pengembarabiru tentunya ganti dengan ID milik Sobat
Tulisan warna Biru Sesuaikan dengan selera Sobat
7.Klik Save Jangan lupa.
Sebenarnya ada yang lebih praktis dari bawaannya ..namun bila ingin memberikan tampilan yang luar biasa dapat dimodifikasi seperti pada gambar diatas.
Dan caranya adalah untuk ditampilkan dibawah postingan silahkan pasang kode dibawah ini ,,dengan langkah sebagai berikut :
Namun hal ini tergantung kita kembalikan kepada pemilik blog tersebut
untuk memasang atau tidaknya.Sepertbiasanya langkah-langkah yang harus
dilakukan adalah :
2.Klik Rancangan
3.Klik Edit HTML
4.Jangan lupa Centang kotak diatas kanan
5.Cari kode ini :
6.Sisipkan kode dibawah ini tepat dibawah kode tadi
<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border: 3px -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
solid #dddddd;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #dddddd)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #dddddd, #dddddd) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
</style>
<div id='mbt-sub-box'><h1>Subscribe To Get FREE </h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=pengembarabiru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindov'><center>
<input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/>
<input name='uri' type='hidden' value='pengembarabiru'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submit' type='submit' value='Subscribe'/></center></form></div>
Perhatikan :
Tulisan pengembarabiru tentunya ganti dengan ID milik Sobat
Tulisan warna Biru Sesuaikan dengan selera Sobat
7.Klik Save Jangan lupa.
siip di coba... makasih...
ReplyDeletemaklum blog baru neeh...msh banyak kekurangan mohon pencerahannya...
fllow ea...
http://djonazareno.blogspot.com
siiiiiiiiiiiiiip
ReplyDelete