Home »

Tiện ích đăng ký nhận bài viết mới dạng popup tắt mở

30 tháng 12, 2013
CSS Box
 nhận bài viết mới kết hợp với hồ sơ tác giả trên các mạng xã hội dạng popup tắt mở ở cuối trang bài viết hết sức tiện dụng cho blog hay website sẻ giúp các bạn có thêm nhiều độc giả thân thiết đến với website của bạn hơn khi bài viết mới được xuất bản.


Tiện ích đăng ký nhận bài viết mới dạng popup tắt mở

Để thêm tiện ích bạn chỉ cần vào "Bố Cục" chọn "Thêm Tiện Ích" chọn đến "HTML/Javascript" để thêm đoạn code CSS bên dưới vào.

<style type="text/css">#exefixedfootermain{z-index:999999;width:300px;height:0px;position:fixed;bottom:0%;right:5px}#exefixedfooterdiv{border-top:3px solid #444;border-right:3px solid #444;border-left:3px solid #444;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background-color:#d7d7d7;overflow:none;width:300px;height:250px;position:fixed;bottom:0%;right:5px;background:#fff;background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #fff 0%,#e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e5e5e5',GradientType=0 )}
#exefixedfooterhide{z-index:999999; position: absolute; bottom:250px;right:5px;width:285px;height:25px;cursor:pointer;background-color:#fff;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}
#exefixedfootershow{position:absolute; bottom:0px; right:5px; width:285px;height:25px;cursor:pointer;background-color:#e5e5e5;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px}.exefixedfooterdownarrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333}.exefixedfooteruparrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333}.exefixedfooterblockarrow{width:8px;height:10px;background-color:#333}#exefixedfootersocial{ position:absolute; bottom:220px; right:10px; width:280px;height:30px;float:right}#exefixedfootersocialicon{ position:absolute; bottom:135px; left:10px; width:auto;height:64px}#exefixedfooteremailsubscribe{ position:absolute; bottom:0px; width:242px;height:90px;right:30px}.exefixedfooteremailsubscribebox input.email{padding:7px 10px 7px 10px;font-family:"Arial","Helvetica",sans-serif;width:218px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.exefixedfooteremailsubscribebox input.subscribe{ -moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');background-color:#f0f0f0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:arial;font-size:13px;font-weight:bold;padding:6px 18px;text-decoration:none;text-shadow:1px 1px 0px #fff}.exefixedfooteremailsubscribebox input.subscribe:hover{background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9}</style><!--[if IE]><style>.exefixedfooteremailsubscribebox input.subscribe{width:243px}</style><![endif]--><!--[if gte IE 9]><style type="text/css">.gradient{filter:none}</style><![endif]--><div id="exefixedfootermain"><center id="exefixedfootershow"onmouseup="document.getElementById('exefixedfooterdiv').style.display='block'"><table style="margin-top:-2px;"><tr><td><center style="color:#333;font-size:15px;font-weight:bold;">Đăng ký nhận tin qua Email</center></td><td><center><div class="exefixedfooteruparrow"></div><div class="exefixedfooterblockarrow"></div></center></td></tr></table></center><div id="exefixedfooterdiv"><center id="exefixedfooterhide"onmouseup="document.getElementById('exefixedfooterdiv').style.display='none'"><table style="margin-top:-2px;"><tr><td><center style="color:#333;font-size:15px;font-weight:bold;">Đăng ký nhận tin qua Email</center></td><td><center><div class="exefixedfooterblockarrow"></div><div class="exefixedfooterdownarrow"></div></center></td></tr></table></center><div id="exefixedfootersocial"><center style="color:#333;font-size:12px;">Cập nhật tất cả thông tin, các thủ thuật mới nhất từ www.thuthuatpro.info ...!!!</center></div><div id="exefixedfootersocialicon"><table><tr><td><a href="http://www.facebook.com/ID Facebook"><img height="48px"width="48px"title="Like Us On Facebook"alt="Facebook"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr6J29dIBB-o5kVKfELM7qhjar5X_ruNOkUZ0ISF53gUIJeu5uxnLsit0BUhXULPwTHgBodUzTGXPlTa5cAuTHHdSZ4TwwW1xidEboX6Kb0hO9adBRr3s7X54uJ43rHosEKtZCKojN2gdr/s1600/Facebook+Icon.png"onmouseover="this.src='https://lh6.googleusercontent.com/-PqJbStHj8kY/UgeRWeDvbtI/AAAAAAAAUNE/p-nabfe6MCo/s64-p/Facebook+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr6J29dIBB-o5kVKfELM7qhjar5X_ruNOkUZ0ISF53gUIJeu5uxnLsit0BUhXULPwTHgBodUzTGXPlTa5cAuTHHdSZ4TwwW1xidEboX6Kb0hO9adBRr3s7X54uJ43rHosEKtZCKojN2gdr/s1600/Facebook+Icon.png'"/></a><br /><a href="http://twitter.com/ID Twitter"><img height="48px"width="48px"title="Follow Me On Twitter"alt="Twitter"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCCWRcTuPq2GnJJkqfMAZTNw_PZmX0Hnp6ujJ-k-B74WXVT3t-BLgrxZcAhd7vgNtIAIqs6bq55XD4_fvZWz7RMkjwaCeIEW5MsjZKcfuw_Kjz_BOrcAHPbWonA4xh7wT6xAxcwxKknsi/s1600/Twitter+Icon.png"onmouseover="this.src='https://lh6.googleusercontent.com/-uL383CUk7Eo/UgeRXB_NJFI/AAAAAAAAUNQ/vHQ14EV1aSA/s379/Twitter+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCCWRcTuPq2GnJJkqfMAZTNw_PZmX0Hnp6ujJ-k-B74WXVT3t-BLgrxZcAhd7vgNtIAIqs6bq55XD4_fvZWz7RMkjwaCeIEW5MsjZKcfuw_Kjz_BOrcAHPbWonA4xh7wT6xAxcwxKknsi/s1600/Twitter+Icon.png'"/></a></td><td width="75px"valign="top"><a style="font-size:12px;color:#333;font-weight:bold;"href="http://www.facebook.com/ID Facebook">Like Us On FaceBook</a><br /><br /><a style="font-size:12px;color:#333;font-weight:bold;"href="http://twitter.com/ID Twitter Anda">Follow Us On Twitter</a></td><td><a href="https://plus.google.com/ID Google Plus"><img height="48px"width="48px"title="Add Us To Your Circle"alt="Google Plus"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TB43JXIS7X18u55wIxLBoVMaBAVdvxx878L2gdqFl4XRY-QUQTP5DkFxwpZgTC6mdEovPrXTcjbzVkr2idYvv3Au7olT_L-Urcufr7Bn1a6qpGHMOIJQbYZyvp2ddNMDlkHxqpr6ZYGq/s1600/Google+Icon.pngE"onmouseover="this.src='https://lh5.googleusercontent.com/-NQSceXK9S-o/UgeRWa1hWdI/AAAAAAAAUNI/HcrCbMMKbtc/s126/Google+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TB43JXIS7X18u55wIxLBoVMaBAVdvxx878L2gdqFl4XRY-QUQTP5DkFxwpZgTC6mdEovPrXTcjbzVkr2idYvv3Au7olT_L-Urcufr7Bn1a6qpGHMOIJQbYZyvp2ddNMDlkHxqpr6ZYGq/s1600/Google+Icon.png'"/></a><br /><a href="http://feeds.feedburner.com/ID Feedburner"><img height="48px"width="48px"title="Subscribe Our RSS"alt="RSS"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4eEBalFucbg2M28h1obatub7p3BoeCCrQQLcm1Cmnlhx3zrgJCQXGkQL9vCF_8yhuRfjPw_dId-80pDmL6-D47i3ePOY4zklZjUSat0kbyVQVOec7JIiDqReD5G0o7F9hDsG8apLtOgQh/s1600/Feedburner+Icon.png"onmouseover="this.src='https://lh6.googleusercontent.com/-72Z-Eo_83Vc/UgeRWWujGVI/AAAAAAAAUM8/DlOsUTYDko0/s64-p/Feedburner+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4eEBalFucbg2M28h1obatub7p3BoeCCrQQLcm1Cmnlhx3zrgJCQXGkQL9vCF_8yhuRfjPw_dId-80pDmL6-D47i3ePOY4zklZjUSat0kbyVQVOec7JIiDqReD5G0o7F9hDsG8apLtOgQh/s1600/Feedburner+Icon.png'"/></a></td><td valign="top"><a style="font-size:12px;color:#333;font-weight:bold;"href="https://plus.google.com/102256859586166648016">Add Me <br />In Circle</a><br /><br /><a style="font-size:12px;color:#333;font-weight:bold;"href="http://feeds.feedburner.com/ID Feedburner">Subscribe <br />Our RSS</a></td></tr></table></div><div id="exefixedfooteremailsubscribe"><div class="exefixedfooteremailsubscribebox"><form action="http://feedburner.google.com/fb/a/mailverify"method="post"target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=exefixedfootersocialicon','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email"type="text"id="email"name="email"value="Nhập email của bạn ở đây .."onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;"onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;"/><input type="hidden"value="ID Feedburner"name="uri"/><input type="hidden"name="loc"value="en_US"/><br /><input class="subscribe"name="commit"type="submit"value="Click để thực hiện quá trình đăng ký"/></form></div><center style="color:#333;font-size:8px;">EMail được gửi bởi By FeedBurner.</center></div></div></div>

Thay các đoạn code có màu cho phù hợp với bạn
  • Cập nhật tất cả thông tin, các thủ thuật mới nhất từ www.thuthuatpro.info ...!!!
  • ID Facebook: ID Profile Facebook của bạn
  • ID Feedburner: ID Feedburner mà bạn đã đăng ký
  • ID Google Plus: ID ProFile Google Plus
Lưu mẫu lại để thưởng thức

Hy vọng đoạn code nhỏ trên sẻ giúp ích cho bạn!
Tags: , ,

2 nhận xét: