membuat Subscribe via Email dengan tampilan Css

Tutortatut.com- Blogger sangat luas, wawasan dan informasi tidak cukup hanya di situ-situ saja sebab jika anda memahami blogger Tanpa mengetahui informasi yang banyak tentang persoalan blogger mungkin Blogger anda akan tertinggal jauh. bahkan akhir akhir ini memodifikasi Template blogger cukup beragam.

Gambar by tutortatut.com

Artikel Kali ini saya akan membahas mengenai subscribe atau follow Tempat seeseorang pengunjung memfollow blogger anda, dengan tampilan menarik mungkin banyak pengunjung yang terkesan dan ingin memiliki bagaimana cara membuat follower by feed Rss, Baca Terus Tutorialnya :

Artikel Menarik Lainya :

• Cara Browsing di google chrome Tanpa kuota
• Cara membuat Tools Kode warna
• Apakah Blogger anda bisa Terkena AGC ?
• Cara memperbesar Suara Laptop
• Cara merancang blogger

Persiapan membuat Subscribe via Email dengan tampilan Css

1.Buka blogger anda atau bisa masuk ke Blogger.com
2.Masuk ke menu Tataletak dan membuat Widget Baru :
3.Copy Pastekan dan letakan Kode HTML berikut dengan widget baru yang bermodekan HTML

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgws2RvB3DdxT6bY_KucKYlAoGyhQzZKRTEcv0LfLiArPY8ZBGj00YTbAQ7DxzquoIFJWTuET85aPxNef4m7xczO5Msm09oUNIPIaDfa1eP-w4szhEby5AcIPssAzCxN_r-_TrwOrnkO14/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:180px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tutortatut/VIib', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="tutortatut/VIib" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

4.Ganti alamat yang Feed yang telah kami beri tanda Coret dengan alamat Feed bunder kalian , dan klik simpan , lihat hasil yang telah anda buat, jika anda bingung pergunakan Tools HTML dengan mempastenya di halaman Live editor Html seperti gambar di bawah ini :

Gambar by tutortatut.com

Editlah di dalam mode Tools HTML maka anda akan melihat hasil yang nampak dengan alamat situs  ToolsHTML.blogspot.com, dengan mudah anda bisa mengedit dan menyesuaikan tanpa rasa takut kesalahan , Mungkin artikel kali ini cukup sekian jangan lupa Foolow dan Kunjungi terus tutortatut , salam +Blogger