Hộp Subscribe .1 cho blog

#Các bước thực hiện

Đăng nhập Blogger > Bố cục > Thêm tiện ích > HTML/Javascrip > Dán code dưới vào > Save.
Nhớ thay các đoạn được đánh dấu màu cam cho phù hợp.
<style>  #R91481-WG {  width:300px;  border:1px solid #aaa;  border-radius:3px;  padding:3px 0;  }    .R91481-WG-wrapper {  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FBQsdGKl357gFX2HvoGHD28rCUUKmkJuQlyQLMeM5doH9zWSYGlQhbOikuiFedqWDQWQP10ltgC3N-vdiOcOTXitNg-vF0Pc5vCf61NfGKiBswhFbW3bEb9SaR8jJ5W-YZFtkdpDoNw/s1600/background.png) repeat scroll 0 0 #f7f7f7;  color:#111;  font-size:14px;  line-height:20px;  text-align:center;  text-transform:uppercase;  padding:1px 20px 10px;  }    .R91481-WG-form {  clear:both;  display:block;  margin:10px 0;  }    form.R91481-WG-form {  clear:both;  display:block;  width:auto;  margin:10px 0 0;  }    .R91481-WG-email-field {  -moz-border-radius:4px;  -webkit-border-radius:4px;  background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs_7g_AVDVyncfrImkDz1ctJp9Wu8o3hfJ-FU790Bkrtqho421DVYe1VbpgrcAHfj3VvqQWVwwaAYo-K0lkZV6XNKYjipZDxHzG1RpLg8Ius2cYiO8OQ2N7dZSTG6l6PPBAQVHmviu6EU/s1600/icons.png) no-repeat 0 -27px;  border:1px solid #ccc;  border-radius:4px;  color:#444;  width:68%;  margin:0 0 15px;  padding:10px 40px;  }    .R91481-WG-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;  text-shadow:1px 1px 0 rgba(0,0,0,.4);  text-transform:uppercase;  width:100%;  padding:10px;  }    .R91481-WG-email-button:hover,.R91481-WG-email-button:focus {  background:#1ca4ff;  }    .R91481-WG-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;  }    #footer-section {  border-top:1px solid #aaa;  box-shadow:inset 0 4px 6px -3px #aaa;  font-family:cambria;  font-size:14px;  height:100px;  text-align:center;  width:100%;  margin:10px -30px 5px;  padding:0 30px;  }    a.social-icons {  margin-right:5px;  height:45px;  width:45px;  }    a.social-icons:hover {  opacity:.7;  filter:alpha(opacity=70);  }  </style>    <div id="R91481-WG">  <div class="R91481-WG-wrapper">  <br/><a href='http://www.newbloggertips.com/'></a>  <a class="social-icons" href="https://facebook.com/quockhanh.bui.50"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAwYOjgk5nXYWUqlgf3A59nsMBI_B8EiOGf7T73Ek5O47_IJzCzVIRlqcIYNtPoBXnQOMIWp0Q75pdpEKlCf6DQY6V4ZP1bvA1nzjMP6flKKMWoP2m1CwfA5co3o1fU204fa2IDD15mAiT/s1600/Bloggertrix-facebook.png" /></a>  <a class="social-icons" href="https://twitter.com/Chelskivn29"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Db-czs5nOIrJNjq2qj9JlTknkeU6aN943xtmqNUuHA6BD4GLogUuGO1gz3NxqxKvELGx7lIQCoQxxh7hgipVc6Hgj6-N_J7cJkzTXWXrWjeReRtxyFYFUJem_5Bcwwa_8bQbfM41LZ2n/s1600/bloggertrix-twitter.png" /></a>  <a class="social-icons" href="https://plus.google.com/+QuocKhanh2641998"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQ_KEyPUsJym9tpySZjmvPZ5MPh2oI5wvMsaBb99nL5Wotgx573XQFBHtcdsREP_snnoQaRI9rSIdlO5NlOXJWDYUX6D2qiqTEjSg2j3Sy3bdJlwnNRWJGz3UBuQnaQ_c_R889AHU2mdM/s1600/Bloggertrix-Googleplus.png" /></a>  <a class="social-icons" href="http://feeds.feedburner.com/blogkhanh98"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd9Zc4zFHAa5DorqOwE6RcydKdIh9KfaDIFbg4bshoDwPdi-jPb8oI83LB-OCDt5c3OMO7zcq9u0pzBALDd_kZjGrDYc6BdGSQybvDGSbruKf6PTyxyzozViuPut-m7pGr9fi9wpOy70rO/s1600/Bloggertrix-Rss.png" /></a>  <font face="verdana"><p><b>Get Daily Fresh Recipe Direct in Your Blog Kitchen</b> </p></font>  <div class="R91481-WG-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=blogkhanh98" class="R91481-WG-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogkhanh98', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogkhanh98" />  <input name="loc" type="hidden" value="en_US" /><input class="R91481-WG-email-field" name="email" autocomplete="off" placeholder=" Enter E-Mail "/>  <input class="R91481-WG-email-button" title="" type="submit" value="Subscribe Us" /></form>  </div><a href='http://goo.gl/MqBmyV'></a></div></div>

Comments