Iris Tips
Iris TipsHow to add Email Subscription Widget to blogger or website
Thêm tiện ích Email Subscription cho Blogger
Cách thực hiện: Vào Bố cục >> Thêm tiện ích HTML/Javascript và dán đoạn code bên dưới vào <!--- Thesis Email Subscribe Widget by iris-tips.blogspot.com --->
<div id="sidebars" style="text-align: center;">
<ul class="sidebar_list">
<li id="sidebar-social">
<div id="email-notice">
<span style="font-family: tahoma; font-weight: bold;"></span>Receive daily freebies, updates & Special offers straight into your inbox. Get into our Mailing List
</div>
<div id="email-form">
<h6>
Subscribe my updates via Email</h6>
<form action="http://feedburner.google.com/fb/a/mailverify" class="nice custom" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=IrisTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="input-text" 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 type="hidden" value="IrisTips" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="button" type="submit" value="Subscribe " />
<span style="font-family: tahoma; font-weight: bold;">Your Email is safe with us - No spam, we promise
</span>
<span style="float: right; font-size: 10px; font-weight: normal; line-height: 0px; margin-top: 15px;">
<a href="http://iris-tips.blogspot.com" style="color: #313131;">Iris Tips -</a>
<a href="http://iris-tips.blogspot.com/2015/05/them-tien-ich-email-subscription-cho.html" style="color:#313131;">Email Subscription</a></span> </form>
</div>
</li>
</ul>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<style>
#sidebars {
border: 0 none;
float: right;
padding: 0 15px;
width: 310px;}
#email-notice {
background: none repeat scroll 0 0 #66CCFF;
color: #000000;
font-size: 14px;
line-height: 1.5;
margin: 0 0 20px;
padding: 15px 20px;
position: relative;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);}
#email-notice span {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 10px solid #66CCFF;
bottom: -10px;
height: 0;
position: absolute;
right: 40px;
width: 0;}
#email-form {
background: none repeat scroll 0 0 padding-box #313131;
border-bottom: 5px solid #202020;
border-radius: 2px 2px 2px 2px;
text-shadow: 0 -1px 0 #000000;}
#email-form h6 {
color: #FFFFFF;
font-family: arial;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
padding: 15px 20px 0;
text-transform: none;}
#email-form form {
color: #FFFFFF;
margin: 0;
padding: 20px 18px;}
#email-form input.input-text {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #222222;
margin: 0 0 10px;
padding: 8px;
width: 94%;font-family: tahoma;}
#email-form .button {
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
-pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
font-family: "tahoma","Helvetica",sans-serif;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #cc7c00;
color: white;
text-shadow: #d08d00 1px 1px 0;
font-weight: bold;
font-size: 11.7px; width: 106px; height: 38px;
cursor: pointer; float: left;
border-image: initial;}
#email-form p {
color: #CCCCCC;
font-size: 12px; font-family: tahoma;
line-height: 18px;
margin: 0;}
#sidebar-social {
float: left;
font-size: 12px;
margin: 0 20px 15px;font-family: tahoma;
width: 100%;}
ul.sidebar_list {
list-style: none outside none;}
li.widget ul {
list-style: none outside none;}
#social-profiles {
float: left;}
#social-profiles ul {
float: left;
list-style: none outside none;
margin: 0 5px 20px;}
#social-profiles ul li {
float: left;}
#social-profiles ul li a {
display: block;
float: left;
height: 32px;
margin: 0 15px;
text-indent: -999em;
width: 32px;}
#social-profiles a.social {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlKVhPKRmeca7EUVAiDMmZ2ETj94WdftRkTWQUgmh3JxzturTNcIjHTadS-AS1XlT0hNzYTKZ2PrRPrsun-fMMXhytiQSQxjDOJNiP-Qrb4uUnzAp8BYDlx7vCllWvLgQRMkrZXq3HW-s/s1600/social.png") no-repeat scroll 0 0 transparent;}
#social-profiles a.facebook {
background-position: -79px 0;
height: 32px;
margin: 0 15px 0 5px;
width: 32px;
}
#social-profiles a.facebook:hover {
background-position: -79px -74px;
height: 32px;
width: 32px;}
#social-profiles a.twitter {
background-position: -5px -111px;
height: 32px;
width: 32px;}
#social-profiles a.twitter:hover {
background-position: -42px 0;
height: 32px;
width: 32px;}
#social-profiles a.youtube {
background-position: -42px -37px;
height: 32px;
width: 32px;}
#social-profiles a.youtube:hover {
background-position: -5px -37px;
height: 32px;
width: 32px;}
#social-profiles a.rss {
background-position: -42px -74px;
height: 32px;
width: 32px;}
#social-profiles a.rss:hover {
background-position: -79px -37px;
height: 32px;
width: 32px;}
#social-profiles a.googleplus {
background-position: -5px 0;
height: 32px;
width: 32px;}
#social-profiles a.googleplus:hover {
background-position: -5px -74px;
height: 32px;
width: 32px;}
* {
margin: 0;
padding: 0;
}.custom .sidebar ul.sidebar_list {
padding: 15px 0;
}
</style></div>
<!--- Thesis Email Subscribe Widget by iris-tips.blogspot.com ---> Chỉnh sửa IrisTips thành ID feedburner của bạn.
Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!
Created by Allblogger/Iris Tips
Mẹo nhỏ khi bình luận