Κομψή Box Εγγραφή E-mail με τα Social Media (Hover Effects)

• 1/18/2013

Κάντε κλικ στο κουμπί Ctrl + F και αναζήτηση τον κωδικό παρακάτω:

<data:post.body/>

Αν έχετε περισσότερες από μία σε αυτό το πρότυπο σας και σύγχυση σχετικά με το ποια από αυτά θα χρησιμοποιηθεί, για την αναζήτηση <div class='post-footer-line post-footer-line-1'/> αντ 'αυτού.
Ακριβώς κάτω από / μετά το <data:post.body/> ή <div class='post-footer-line post-footer-line-1'/>, επικολλήστε τον παρακάτω κώδικα:

<b:if cond='data:blog.pageType == "item"'>
<style>
.MoreBlogTools{
margin-left:85px;
width:550px;
padding:5px;
border:1px solid #ccc;
margin-bottom:15px;
margin-top:15px;
background:#f5f5f5;
color:#000;
}
.MoreBlogTools:hover{
background:#f5f5f5;
border:1px solid #ccc;
-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
}
.MoreBlogTools h4{
color:#333;
margin-bottom:8px;
font-size:24px;
font-family:oswald;
font-weight:normal;
text-shadow: #fff 1px 1px;
text-align:center;
}
.MoreBlogTools h3{
color:#333;
margin-bottom:0px;
font-size:18px;
font-family:Yanone Kaffeesatz;
font-weight:normal;
text-shadow: #fff 1px 1px;
text-align:left;
}
.MoreBlogTools h3{
color:#222;
margin-bottom:5px;
font-size:18px;
font-family:Yanone Kaffeesatz;
font-weight:normal;
text-shadow: #fff 1px 1px;
text-align:justify;
}
.MBT-Email{
display:block;
float:right;
margin:0 0 0 10px; width:130px;
height:120px;
background:url("http://2.bp.blogspot.com/-iFVvshAp5q0/UIOORxUzdtI/AAAAAAAABGE/HrRW7Jyo2X4/s1600/MBT+mail.png") no-repeat transparent;!important;
}
.MBT-Email img{
border:0px solid #666;
float:left;
}
.MBT-Email:hover{
background:#FFFFFF border : 0px solid #EEEEEE;
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
ul.MBTsocial{
list-style:none;
margin:10px;
overflow:hidden;
}
.MBTsocial li{
float:left;
background:none !important;
padding:0px !important;
margin:0 5px;
margin-top:19px;
}
.MBTsocial li a{
display:block;
width:40px;
height:40px;
background:url("http://3.bp.blogspot.com/-J7E_-Z4VHzk/UDReB_qc4vI/AAAAAAAAAxU/_0ItXG_97hI/s1600/Subscribe+More+Blog+Tools+Social.png") no-repeat transparent;
text-indent:-99999em !important;
}
.MBTsocial li a:hover{
padding:0 !important;
}
.MBTsocial li.rssicon a{
background-position:0 0;
}
.MBTsocial li.twicon a{
background-position:-50px 0;
}
.MBTsocial li.fbicon a{
background-position:-100px 0;
}
.MBTsocial li.gicon a{
background-position:-150px 0;
}
.MBTsocial li.rssicon a:hover{
background-position:0 -50px;
}
.MBTsocial li.twicon a:hover{
background-position:-50px -50px;
}
.MBTsocial li.fbicon a:hover{
background-position:-100px -50px;
}
.MBTsocial li.gicon a:hover{
background-position:-150px -50px;
}
.MBTdiv{
height:0px;
clear:both;
display:block;
border-top:1px solid #ccc;
border-bottom:1px solid #fff;
margin-bottom:5px;
}
.MBTemailbutton{
background:#f7f8f9;
background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1));
background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 )
;border:1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:6px 12px;
margin:0;
-webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);
-moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);
box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);
color:#888;
text-shadow:0 1px 0 #fff;
line-height:1.2;
cursor:pointer;
font-size:13px;
}
.MBTemailbutton:hover{
background:#f1f1f1;
background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1));
background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );
text-decoration:none !important;
}
.MBTemail{
clear:both;
width:100%;
margin:10px 0;
}
.MBTemailform{
position:relative;
width:250px;
margin:0 auto;
}
.MBTemailinput{
width:200px;
height:18px;
margin:0 auto;
padding:8px 40px 8px 10px;
border:1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-family:georgia;
font-style:italic;
-webkit-box-shadow:1px 1px 2px #dfdfdf;
-moz-box-shadow:1px 1px 2px #dfdfdf;
box-shadow:1px 1px 2px #dfdfdf;
font-size:14px;
color:#666;
}
.MBTemailbutton{
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomright:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
padding:9px;
position:absolute;
right:-2px;
top:0;
display:block;
line-height:16px;
}
.MBTemailbutton{
padding:8px !important;
}
.MBTemailform, .MBTemailinput{
width:98% !important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:auto;
}
</style>
<div class='MoreBlogTools'>
<div class='MBT-Email'>
</div><h4>Don't Miss Another Post</h4>
<h3>Stay up to date with all of FoulsCode.blogspot.gr’ free Blogger Tips, Tricks, Templates, Widgets and SEO for your Blog by subscribing via email. Your email will be kept private and never shared with anyone.</h3>
<h3>I respect your privacy. You may unsubscribe at any time with just one click.</h3>
<div class='MBTdiv'>
</div>
<table width='100%'>
<tr><td>
<p style='text-align: center;color:#444;font-size:18px; font-family:oswald; font-weight:normal;text-shadow: #fff 1px 1px;'>
<small>Get Free Email Updates to your Inbox!</small></p>
<div class='MBTemail'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=FoulsCode' class='MBTemailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=MoreBlogTools;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='FoulsCode'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='MBTemailinput' 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 class='MBTemailbutton' title='' type='submit' value='SignUp'/>
</form></div></td>
<td>
<ul class='MBTsocial'>
<li class='rssicon'>
<a href='http://feeds.feedburner.com/FoulsCode' rel='nofollow'>Rss</a></li>
<li class='twicon'>
<a href='http://twitter.com/FoulsCode' rel='nofollow'>Twitter</a></li>
<li class='fbicon'>
<a href='https://www.facebook.com/FoulsCode' rel='nofollow'>FaceBook</a></li>
<li class='gicon'>
<a href='https://plus.google.com/1022171630319295' rel='nofollow'>Google +</a></li>
</ul></td></tr>
</table>
</div>
</b:if>

Τώρα κάντε κλικ στο κουμπί Αποθήκευση προτύπου.

Κατηγορίες:

Social

Σχόλια

Νεότερες αναρτήσεις Παλαιότερες αναρτήσεις

Κομψή Box Εγγραφή E-mail με τα Social Media (Hover Effects)

Όλα τα ελληνικά Torrent Sites (Trackers).

1η σελίδα στο Google και backlinks

Ελληνική Τηλεόραση

Αναθεωρημένες τοποθεσίες στην Ελλάδα κατά τις τελευταίες 48 ώρες - Revised Locations in Greece during the last 48 hours

Όικονομικό Ημερολόγιο

«Εγκλήματα χειρότερα κι από τους Ναζί...»

Γεμίσαμε σάλια προς ΗΠΑ μεριά...

«Να πληρώσει η ΝΔ το πρόστιμο της Άννας-Μισέλ...»

O πλανητάρχης και η «Θεωρία του Τρελού...»

«Καμπάνα» σε 8 πολυεθνικές...