Envelope Subscribe Feed Box For Blogger - Hallo friend Cara Mudah Posting Gratisan, In the article you read this time with the title Envelope Subscribe Feed Box For Blogger, we have prepared well for this article you read and download the information therein. hopefully fill posts Article Blogger, Article Coded, Article CSS, Article CSS3, Article HTML, Article Informasi, Article Tutorial, Article Web, we write this you can understand. Well, happy reading.

Title : Envelope Subscribe Feed Box For Blogger
link : Envelope Subscribe Feed Box For Blogger

Envelope Subscribe Feed Box For Blogger

Sebenarnya Koben belum meminta izin untuk sharing tutorial berikut kepada empunya blog :"> Tapi gue yakin, bakalan tidak keberatan kalau saya share ;)) Make subscribe box alias membuat kotak berlangganan via email dengan gaya tampilan amplop, dan ketika disorot akan keluar kotak langganan via email! Memang rada sulit menerangkan kode-kode ke bentuk kalimat :D
Beberapa tut serupa siapa tauk berkenan bagi anda:

• Make simple subscribes box for you.
• Beautiful subscribes box.
• Make subscribe box and serelek jebret menu.

Okay, mari kita buat envelope subscribe feed box for blogger. Berikut ini ramuan & bumbu kotak langganan dengan tema amplop plus animasi CSS on hover.

#wrap_amplop {
width:530px;
margin:20px auto 0;
}
#form_wrap {
overflow:hidden;
height:446px;
position:relative;
top:0;
-webkit-transition:all 1s ease-in-out .3s;
transition:all 1s ease-in-out .3s;
}
#form_wrap:before {
content:"";
position:absolute;
bottom:128px;
left:0;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDCaH1owZNcISgzCAhcOndsAmTgqZhaJConaolK5l8IsZXQh6k0q0La_43hnrh5d-qYcM0UML5jJbpzxYeaSf4pH4lheE4ZumvwCNdGtZk7JDDAlDYIgUzZjQdAVyBTlZ42Af7gH_8MuM/s1600/before.png');
width:530px;
height:316px;
}
#form_wrap:after {
content:"";
position:absolute;
bottom:0;
left:0;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ap1Y7zdMK3LpFar-de-jYk4Y1_E-FAMX9bFF3ubuntsUAFnGDZkENDJ5SmHEwEu-TiDUrIOW_nf90VYJf_gqSgk2MvG2JUp7FjYvfjGKvbpUqXDPxOjRLqFQZ8v8N-k44CU00HLtI0M/s1600/after.png');
width:530px;
height:260px;
}
#form_wrap.hide:after,#form_wrap.hide:before {
display:none;
}
#form_wrap:hover {
height:777px;
top:-200px;
}
#form_wrap form {
background:#f9f3eb;
position:relative;
top:200px;
overflow:hidden;
height:190px;
width:400px;
margin:0 auto;
padding:25px 30px;
border:1px solid #fff;
border-radius:3px;
-webkit-border-radius:3px;
box-shadow:0 0 3px #9d9d9d,inset 0 0 27px #fff;
-webkit-box-shadow:0 0 3px #9d9d9d,inset 0 0 27px #fff;
-webkit-transition:all 1s ease-in-out .3s;
transition:all 1s ease-in-out .3s;
}
#form_wrap:hover form {
height:400px;
}
#form_wrap label {
margin:11px 20px 0 0;
font-size:16px;
color:#b3aba1;
text-transform:uppercase;
text-shadow:0 1px 0 #fff;
}
#form_wrap input[type=text] {
display:inline-block;
color:#777;
background-color:#fff;
width:70%;
height:36px;
padding:0 10px;
margin:0 0 0 17px;
border:1px solid #f8f5f1;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:inset 0 0 1px #b3a895;
box-shadow:inset 0 0 1px #b3a895;
}
#form_wrap input[type=submit] {
position:relative;
width:20%;
height:33px;
opacity:0;
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(255,255,255)),to(rgb(221,221,221)));
cursor:pointer;
color:#333;
text-decoration:none;
text-align:center;
display:inline-block;
border:solid 1px #ddd;
-webkit-border-radius:2px;
border-radius:2px;
-webkit-transition:opacity .6s ease-in-out 0s;
transition:opacity .6s ease-in-out 0s;
}
#form_wrap:hover input[type=submit] {
z-index:1;
opacity:1;
-webkit-transition:opacity .5s ease-in-out 1s;
transition:opacity .5s ease-in-out 1s;
}
#form_wrap:hover input:hover[type=submit] {
color:#435c70;
}

<div id='wrap_amplop'>
<div id='form_wrap'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=YOUR-ACCOUNT", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<div align='center'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyB67v1gyNF7xSgDi8hGIqcDMxXg4QOcmCqnUhdGYRu4xUB0iyiJ4aCn1Z6zIOFCpeLwJOG0fFU4tb_ZUqdvJjwZ_TdM0lS8Pm21SeyAnYjsL1Bvl9Xq8LmFyt8edvO6p_z6Et74Eu7OY/s1600/RSS.png' style='width:200px; height:160px;'/><p>Subscribe to my feed and articles delivered to your inbox or feed reader, ABSOLUTELY FREE!</p></div>
<input id='email' name='email' placeholder='Your.Name@email.com' required='' type='text'/><input name='submit' onClick='javascript:alert("Thank you for Signup, Go to your mailbox and click on confirmation link!");' type='submit' value='Go'/>
<p align="center">Now, Sign up for get free email updates, Thanks!</p>
<input name='uri' type='hidden' value='YOUR-ACCOUNT'/>
<input name='loc' type='hidden' value='id_ID'/>
</form>
</div>
</div>

Jika kepengen melihat demo, silahkan datangi web master Pawan Mall www.pawanmall.net. Nanti kalian juga bakal menemukan artikel game super mario bros yg bisa dimainkan pada browser engine!

Thanks master Pawan Mall :)

Thus articles Envelope Subscribe Feed Box For Blogger

that is all articles Envelope Subscribe Feed Box For Blogger This time, hopefully can provide benefits to all of you. Okay, see you in another article posting.

You now read the article Envelope Subscribe Feed Box For Blogger with the link address https://autopostingblogspot.blogspot.com/2014/06/envelope-subscribe-feed-box-for-blogger.html