Membuat Subcribe keren di widget untuk blogger ~ F2

Tombol subcribe terkadang perlu untuk kita pasang di blog kita agar para pengunjung lebih mudah mengirim emailnya kepada blog kita agar para pengunjung yang mengirim atau memasukan email tersebut bisa terus mengikuti apa yang kita posting di blog kita,sehingga para pengunjung blog kita tidak terlewatkan dengan postingan terbaru kita,letak atau posisi kotak subcribe ini juga bermacam-macam letaknya ada yang di baah postingan di atas postingan ataupun di Footer,tetapi kali ini saya akan berbagi kode untuk pembuatan Subcribe ini yang di letakan di widget,

Cara Meletak Kotak Subcribe di widget

Cara pembuatan kotak subcribe ini sangatlah mudah,baik itu di lakukan para Newbe apalagi para master,dan cara pembuatannya sebgai berikut

Masuk ke blogger
Kemudian Pilih template nya
Setelah itu Masuk ke dasboard dan pilih tata letak
Kemudian pilih Tambah Gadget
Setelah itu silahkan pilih Javascrift/Html
Kemudian masukan kode berikut di kotak yang telah tersedia

<style> #sidebar-subscribe-box{width:300px;border:1px solid #333;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPNuNUP_2F4YPESQcmRdEJ47I45oxAyfPtCMrhJ7tUV06pJ9_wVF7IXoRMWkTgMvQvCqWBQbB92WSEQ28znc-QWDd0HH2Y8m4bmQvOC7uYmpdrsj6ciKCZZaJ6pjS_yyU1OibjlDD3Ng/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#ccc;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase} .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto} .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI5_EF3joSzzrtSR8hQ_c4Qmz2HKVM2H2Awe3Nvn4ntd0Gbxqo8TMGTAva2V7Z3M5J24cjH_4d6SaaXr6eKsay5j4Mu_vB-cFawl8QZNynWa9V1FUVbMeDwL-ahI1zaYlemV-rmR9ZHOc/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%} .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%} .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff} .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px} #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%} a.social-icons{margin-right: 5px;height:45px;width:45px;} a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);} </style> <div id="sidebar-subscribe-box"> <div class="sidebar-subscribe-box-wrapper"> <br/> <a class="social-icons" href="https://www.facebook.com/caraonspot"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Facebook_zps68f4035b.png" /></a> <a class="social-icons" href="https://twitter.com/caraonspot"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Twitter_zps433926c5.png" /></a> <a class="social-icons" href="https://plus.google.com/114791419588900250116"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Googleplus_zps8404ed17.png" /></a> <a class="social-icons" href="http://feedburner.google.com/fb/a/mailverify?uri=caraonspot"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-RSS_zpsc0214ee8.png" /></a> <p>Klik Menu "caraonspot ?" Untuk Mengetahui Keuntungan Join Bersama Kami !</p> <div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=caraonspot" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=caraonspot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="caraonspot" /> <input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukan Email Anda Disini !"/> <input class="sidebar-subscribe-box-email-button" title="" type="submit" value="JOIN NOW !" /></form> </div></div></div>

Kemudian klik Save atau ok dan lihat hasilnya

Untuk yang tulisan berwarna merah silahkan anda ganti,baik itu dengan Twitter anda,Facebook,Google plus anda.
Mungkin itu aja cara membuat Subcribe keren di widget untuk blog,semoga bisa bermanfaat.

File download Mp3 Full Album kami compres menggunakan rar dan disimpan melalui hosting 4shared.com dan mediafire.com, file rar tidak menggunakan Password. How To Download