Chia sẻ thủ thuật - Giải trí tổng hợp Vũ Steven
Bài mới
Loading...
Thứ Hai, 18 tháng 11, 2013

Nhận tin theo dõi cho blogger - Social subscription widget for bloggers v3

Demo ---> Demo Online


+Nhận tin theo dõi cho blogger  - Social subscription widget for bloggers v3

+Trong bài viết này Vũ Steven sẽ giới thiệu tiện ích đăng ký xã hội lớn với một chiếc Feedburner email mẫu đăng ký và Feedburner khách truy cập.





+ Đăng nhập  Blogger -> Bố cục (Layout) -> Thêm tiện ích  -> HTML/ Javascript
   +Dán đoạn code sau đây vào tiện ích mới thêm
  
<style>
.vu-stevenrix {
border: 2px solid #000000;
padding: 8px;
width: 310px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.vu-stevenrix:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.vu-steven-box {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.vu-steven-box:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.vu-steven-submit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.vu-steven-submit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.vu-steven-submit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>

<br />
<div class="vu-stevenrix">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Đăng ký nhận
bài mới miễn phí</div>
<div style="margin: 10px 0 0 6px;">
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=unziptech', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="unziptech" />
<input name="loc" type="hidden" value="en_US" />
<input class="vu-steven-box" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;
Vũ Steven...&quot;) {this.value = &quot;&quot;}" type="text" value="Vũ Steven..." />
<input alt="" class="vu-steven-submit" title="" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow :</div>
<div style="margin: -32px 0 0 120px;">
<a href="https://facebook.com/
Vusteven.infoplus" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMzrNRNOg-0_UUv22FheUszHT9M911N43v5TPas7pZe7Kss9a0BPYpycrBnsR3jhWoUMTdb36mpYhW0xY9oULf8F8uqBjnCU89X64jWImxhp-7sz7C9ZgAC0zz1PiXfZe69uEHv9onGp8/s1600/facebook_btrix.png" /></a>
<a href="https://twitter.com/
VSteven3" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsi4Q90OHAh__9vvn7bCwYgSBBuqLTnalRP2ODTzgvubesDLYBRP21KEbTGyAkDtmtFCxz27QOTI6z0pD6Z-ACvJUamJi_e7x9XClF9xWYwrQth4_pOy9qLFs4jK8vK1Lr5S1NW1zvImA/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/+
VũSteveninfo" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG2Nl8CQqj6hZCF3xRLe9tl-WQzpBmn4kWVQZ8LHunK_u9pSHEJ4GKB0g-UpDU0LB_kuFLcYTv9ge3qk9sFhDGjYz9xZfr-ft7JZU-4ePt7BwfgzX-CZ6xxAoz29njqIINTiSi4O0YP98/s1600/googleplus_btrix.png" /></a>
<a href="http://www.pinterest.com/
username" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqGifWhuFztMRqi6v6XBmnuamkJMR3xrhsTej9N1-_I3A-JlvcFIcXkOg4_CCH4MT2-hLjSzlG_9dPGnrxdo5bgFO8Klp-vdQgpljkvacBcUejH0GgNvPv5F_f0_cTmVRPPZQP3wYtFWU/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds.feedburner.com/
vusteven" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkY-9iuqenB4yOtNX0Xs-Ov8ygkc1u587rx-VwK4tkc1RmbHAasNo2Z8wick6rAFWTXknSV6rBzZxqNo2cyZcsnABnOjxiEzthMRfznFyuLWWlE0-XhjAMvIMx2SEDZilfR4RUVcNn_-s/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/
vusteven"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/vusteven?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div>
</div>

Chú ý :+ Bạn hãy thay ID của bạn vào phần màu đỏ cho phù hợp nhé

Chúc bạn thành công !

0 nhận xét:

Đăng nhận xét

Tin nhanh
Press Esc to close
Liên hệ:Y!M: Vusteven.info
Phone: 0947.01.01.27
Design by Vũ Steven
Published by free Template
Powered by Blogger
Copyright © 2013 Dome vusteven New7