Chủ Nhật, 26 tháng 5, 2013

Rss Feed Subscription đẹp - Nhận tin theo dõi Blogspot

Rss Feed Subscription tạm được hiểu là người theo dõi có thể đăng ký nhận thông tin qua những trang khác nhau, theo dõi qua mạng xã hội như Google Plus, Facebook, twitter...
Vậy làm thế nào để thêm cho blogspot 1 box để người dùng có thể đăng ký theo dõi Blog của bạn??
Thủ thuật hôm nay Dịch vụ SEO itviet360 chia sẻ với các bạn cách thêm Rss Feed Subscription với những mạng xã hội
Rss Feed Subscription đẹp
Demo tại Blog: Demo thủ thuật Blogspot
- Cách làm thủ thuật:
1. Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/ Javascript
2. Dán Code dưới đây vào tiện ích vừa thêm

<center>
<div align="center" id="bloggertrix1-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/itviet360"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRB9h3QJhN3AlLq2V0bWABlU1OfyywUfwqQYt4KMGfcR63Gjz0dhC7Fjjrczj2pNQ5RydpFOyxlLYCmsNzhzpR-7igfvQV7n3p4dibUQu5BIXXkVXYUPMM7Frr_vwKATIcZn9DoZBMGVc0/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/Twittercuaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPXZokhmUO-Ad_y-eIxhmZgeAYK8QKxPhsRcXROrgwmX8k47fSA2lTSDWSvVeWMpVeReTE970E2zxgXXbKbnLzWVTjfj9_jGuLGgsAMiUFWGQMxM8vDR13DWU7bZ5CGkaNvVlYehgF3Q4/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/117290973503680239179"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUBH9oGUSy4cEQD2FraMtRP389D_H4fvMx-tCinUACGDbFNEBTCSAIZE1Pzw6vdNuK2j9UN-7I-nL5bZHmcOMkhzUB4FcxLg0OMJuRStcJXH_XKMmO0xN8aAE4yiuwudONhTp1eHitdRah/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/itviet360"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxv1j66pywWUlS4P6JjJXeUy13wj7dwIF1AxtC0V8s022BOG5PXhQxTYiP_8zjQZcQSbxgkY5ebJGrdfBDFOMgjnxg7MQB7i4TbYfG9cv7LdpS2_cBJIzgHDVHQxcZo1ooGjvUzj4HgIR3/s1600/Bloggertrix-Rss.png" /></a>

<input class="email" id="bloggertrix_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="itviet360" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Nhận tin hàng hàng" /></form>
</div>
</div>
</center>
<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02mPEv6PSgjBZ0XqwP2GFgiUYTmDV39HmDSNPGiunRA-6MgNYg-m1WOUxfBpDBR9dPESib7pMQNo-7_GlG25RJO3NDi050H6PKM-Cmcj-BNwlFbF6qE0IG9fR8qjjadvRpKFrSvqbRjv3/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvaGsLzCuKu-wZMrfh0t9MYISbDmvV-eO1EDd88GU2koKgl6i8WLU1aKX3lz3F0P4PTtk744s0UDtbVFaZr3ZE2Q0Nf7AHhE2ldorqDyQhpvclUTYbML74xKKusQ-uN_HOSnB1Nvq4nGgx/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnMYl4S-vQMXPYxPlFmr4plSA6DcpydzvXL1w9Ik4oXPrsB8I_D4PkxsYHe7a1HFSrUAII1KnJFO4FEzPZ-rgdHjPQRFf3rmMEL23Sw0xHqlLFl75Gj79GEdmNfDD-B2afpH9ZG_wRHF7/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>

Trong đó có các tùy chỉnh được bôi màu vàng các bạn thay thế bằng ID tương ứng

Chúc các bạn vui vẻ

0 nhận xét:

Đăng nhận xét

Lưu ý: Chỉ thành viên của blog này mới được đăng nhận xét.