Tạo phong cách thời trang cho hộp RSS Subscription trên blog

Đăng bởi Admin | 3/1/14 | 0 nhận xét

Bài hướng dẫn này sẽ giúp bạn cách làm thế nào để thêm phong cách tiện ích đăng ký Rss với các biểu tượng hồ sơ phương tiện truyền thông xã hội. Bằng cách sử dụng thức ăn phụ tùng đăng ký RSS này, bạn có thể liên kết phương tiện truyền thông xã hội của bạn hồ sơ cá nhân Facebook, Twitter và RSS và đăng ký lĩnh vực. Nó sẽ giúp để có được các bản cập nhật mới của emails. bạn có thể kiểm tra xem nó từ Demo bên dưới.

Demo

Làm thế nào để thêm RSS Subscription Box Đối với Blogger:

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.

2. Bây giờ chọn " Giao diện "như dưới đây.

3. Bấm vào Thêm tiện ích và chọn "HTML / Javascript 
4. Dán dưới đây một trong những mã dưới đây:

<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;">
<h3 id="bloggertrix1-title-text" style="color: white; font-size: 20px;">
GET FREE EMAIL UPDATES</h3>
<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/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLdth0gUaPN5B5shiBCUELZ_7QgpQBV6LXul0ovs3t6IIapLLGieZZnO6-Yj2GiNLAQv3dZipYuQWuJn58deNmiKhPJFAgftLqfnMHzsWPh9-5wNYH_9kx8JKJP5C3emNwMEQ2pJffS2TD/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU8sFbZ2N3km6dqy-R6nR9glM4avmFUJTAy2yjy7U-5mAefufJ-Lw7lbVAwKw0z-XxkzepUYs82rNFuHiGXPjO_tJpzraj7Vj-k1Gd-aYBc4fkoE2e1jWuizQY3rQM69gMCTXzrgeva-2d/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFjxqpA80iJd2DAKmZ-vojh2uet665R_8RewWZk_BD85zAdKNMifykhVX-YVTh2chD6o-fw-ml72R5yYpgB9T2fOSKk8HVvWpAHUGS-xqFIWrPodgsT_mK6lYIKnwcZ7IWxKCOslDVnpD_/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBRoTzQslSheyioW3oYwOTG3GcwMYysIJWmIckyfXj_v8tScrxAto-n_jVFydaiLYc-Nq_jTn169tE7NmSsjmYHMR4QwbpgFV8AH1lxKyTW4oyqkvG8HlrJDNB483TboX0GhnAhLO_IuYX/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="bloggertrix" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></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/AVvXsEhCUxElczhDj70c4Iq_2NFMmNBKHibMp3mq0wxlNd7E_-13E-jLbA033XTGSCQ8njqZ1IQYDslQwYHoNXopi0cZFG_zV5xC88a6PSoR8bdXIwt8a5GC9ufRlGP7JaFnh_F600TntJQC-qaA/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/AVvXsEj8-ARiQb920ftscS8yB8yLibg4Gbs23Swx3WxcQS-GhMr1hdUH3ewaTes8K-S-E1pJcLoViGlY6cyFMm-bZZOlrthFgSafjGy6I91JzzJZt6RsrTU75e_xW6OiCSdUtsUMJMWgTmLJZ5dw/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/AVvXsEgKe5p4xyU37w9_pOdqvVpTvaiJPaOLttG3XIvueIskNfQZ2Fq_gdaatN5OTI-r4m_x-Eh7Yv0LPalGS2Zs0sB3gSBeIG3Hch358fLdClpJOj_qMVQ20MXLwYb8Ue2CO_FgNBUe2R-yJxOl/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>

Bạn phải thay đổi các quầy bằng tay, chỉ cần thay đổi số màu đỏ theo hồ sơ. 
Thay bloggertrix với ID Feedburner của bạn 
Thay thế bloggertrix với Tên truy nhập Facebook của bạn 
Thay thế bloggertrixvới Twitter Tên của bạn 
Thay thế UserId với Twitter của bạn Tên đăng nhập 
5. Bây giờ lưu của bạnHTML / Javascript ' bạn đang thực hiện. 
Thật dễ dàng phải không nào?
Chúc bạn thành công !...
                                                                             Theo: bloggertrix.com