5/18/11

(Blogspot) - Cách tạo nút Subscribe

{Svip4u.InFo}
Lần này mình xin hướng dẫn các bạn tạo các nút liên kết như bên dưới
subscribe button
Rất đơn giản,bạn chỉ cần làm theo các bước sau :

Blogger
Để cài đặt , bạn làm theo các bước dưới:
Step 1#
  1. Đăng nhập :
  2. Design ( Đăng nhập)
    blogger design
  3. Click Edit HTML sub menu
    blogger edit html
  4. Bạn nên backup lại dữ liệu.
  5. Thêm đoạn code sau trước ]]></b:skin>  :
  6. ul#soc{width:200px;margin:10px 0px;list-style:none;}
    ul#soc li{display:inline;}
    ul#soc li a{display:block;float:left;height:32px;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4v8j3cqpVVup0QvvdQr_04897ziKLR756RFenHEuXMxutEBHct2WPhyE9Tz-JXZAxA0GlCPSzLvdw5SE1tDd0-oSsXDLlzZCwE3LJoA46xIKRGGx8mCyYBXZ3EMPaiSMNW8HbaHAA4UY/s1600/sprite.png');text-indent:-9999px;}
    ul#soc li a.facebook{width:35px;background-position:0 0;}
    ul#soc li a.twitter{width:45px;background-position:-35px 0;}
    ul#soc li a.rss{width:40px;background-position:-80px 0;}
    ul#soc li a.email{width:30px;background-position:-120px 0;}
    ul#soc li a.facebook:hover, ul#soc li a.facebook:focus{background-position:0 -32px;}
    ul#soc li a.twitter:hover, ul#soc li a.twitter:focus{background-position:-35px -32px;}
    ul#soc li a.rss:hover, ul#soc li a.rss:focus{background-position:-80px -32px;}
    ul#soc li a.email:hover, ul#soc li a.email:focus{background-position:-120px -32px;}
  7. Lưu lại
  8. Xong bước đầu tiên.



Step 2 :





  1. Design (Thiết kế)

    blogger design


  2. Page Elements ( phần tử trang):page elements tab
  3. Add a Gadget

    add a gadget link
  4. Thêm HTML/ Javascript :html javascript gadget
  5. Thêm vào đoạn code sau :
  6. <ul id="soc">
    <li><a class="facebook" title="Be my facebook fan" href="URl facebook">Facebook</a></li>
    <li><a class="twitter" title="Folow me on Twitter" href=http://twitter.com/vuilenblog>Twitter</a></li>
    <li><a class="rss" title="Subscribe via RSS" href=http://feeds.feedburner.com/vuilenblog>rss</a></li>
    <li><a class="email" title="Subscribe via Email" href=http://feedburner.google.com/fb/a/mailverify?uri=Vuilenblog>email</a></li>
    </ul>
  7. Click save.



Chúc vui vẻ. Chào các bạn.









1 comments:

Post a Comment

Bạn hãy để lại comments nếu bài viết có ích nha.
Các comments sẽ được nhắc nhở nếu vi phạm các điều khoản mà mình tự hiểu.

Twitter Delicious Facebook Digg Stumbleupon Favorites More