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
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/AVvXsEj7x9N8lLgCqYo6DlUgkWj_9eUuQEfwlfqGk3FfYOHXmihuVMVU96c8Oc5rZQk8OOLm3uNhyphenhyphent9FHHR_iGg-B8cAKnuZBVZzGHABGAkggpDMOCkFyuEAGPEBRTe1Pg0NRrunvq2F8SVYVFFH/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/Twittercuaban"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ9iJxnTWCfUQeA2dZmwuxby4NTLbcIs2Ncjz1jNldj7Y-K6956iJXyfVaMNHjDb-Jedsr2R3TQBCQ1KChkr_CO1w9o87QA6LjjULrGBwuSjSw34y6oStnpLvmGC1mPrV7joa1PRDk5HPq/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/117290973503680239179"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSdUUfFZ1iOgoTOn1C2X7_ZLGIr3oqsXkxmrUdCgX5_lVHGi6vnosRlR1re1mENNkCi_tN74u6cZE1SGttvQ8iZh9UgTyvz7OMDUOMPDh9RnegxxxYi9vx7z-hhCUY3Tr5Q91Noh3c-RGO/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/itviet360"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2GIFSjxOJiIaU_KHIc0y8L8TgDciTYhRAw79R7G4yY7ea2KAaz3-5OC7YA4n7EVLJFZOy4rZRmkbomZlIgvfQ9ONqtxLmlg0drdzqHZbzHRGnys6wHAof-qlm1c1Kpd96-f8WdEG4hKbs/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/AVvXsEhI-q1uF3I8PgD1Mi3uZ0ORkjEO4Q5qYnEYGpScbwJ4rBa-_nWESMwgSA51GRcTyy0mAa6HT6Tcwr8wmFwTrvPqcdHu9xqhaRzH6ihLB0__6P_V9oYh5N738uVDQkvxZ6hSeKo4n3RKSokq/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/AVvXsEhjI8L8DJoPfQGJU4v7ueQLdXFcAzyE9hhO8loqqSVpSyYX5zCgUU8MPDNxjseGswzX9cr-V0B80IhxRZUbPu5mP3eH112jZZKE-UG-Itd0E7wWtUzGKVNvnknfI60-On1azJ8Eazi_DIjw/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/AVvXsEieIr9-EuTK-1PAxNtKlPi2Y4cLIthkutRSxcnGqHJXG6KS_Z1K3imSLTTlXHdqzHBntUWO39E9YaOCCYb0ROa-AmXD31GYKmCjoCGlQZCmSHIXVwgk0MuKqe2HhZh1nTmWzg1yHxCFXXHs/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ẻ
Không có nhận xét nào:
Đăng nhận xét