Hướng dẫn tạo thanh công cụ chia sẻ cho blog dạng fix menu

Bài dưới đây sẽ hướng dẫn các bạn cách chèn 1 thanh công cụ chia sẻ dạng fix cứng bên cánh trái trang webblog của bạn! Từ ý tưởng này bạn có thể tùy biến thêm.

Lưu ý trước khi tiến anh chỉnh sửa cần Tải Templates gốc về lưu dưới máy đề phòng trường hợp chỉnh sửa có lỗi gì đó sảy ra mà ko thể hoàn tác.

DEMO

Để ý bên trái mép màn hình bạn sẽ thấy được hiệu ứng đó. Cách làm rất đơn giản bạn chỉ cần theo 2 bước hướng dẫn sau đây.

Vào quản lý Blog của bạn chọn chỉnh sửa HTLM chọn mở rộng mẫu tiện ích tìm đoạn mã này: </styler> chèn đoạn code dưới đây vào trước thẻ đóng đó.

/* FLY BOOKMARKS */
#bookmarks {width: 27px; height: 147px;
background: url(http://3.bp.blogspot.com/-Hrb7FTLV0kw/TkgFaIUQE2I/AAAAAAAAKq4/lxobQ4NEecE/s400/bookmark.png) no-repeat 0 0;position: fixed;top: 155px; left: 0px; border:1px solid #ddd; -moz-border-radius:0px 5px 5px 0px ; -khtml-border-radius:0px 5px 5px 0px ; -webkit-border-radius:0px 5px 5px 0px ; border-radius:0px 5px 5px 0px }
#bookmarks a {display: block;width: 16px; height: 14px;text-indent: -9999px;outline: none;margin:8px 0px 0px 4px;}
#bookmarks {}

Sau bước trên tìm đoạn mã này </head> tiếp tục chèn sau nó đoạn code dưới đây rồi lưu lại và xem kết quả.

<div id='bookmarks'>
<a class='feed' href='http://feedburner.google.com/fb/a/mailverify?uri=Link Feed cua ban' rel='nofollow' target='_blank'>Feed</a>
<a class='facebook' href='http://www.facebook.com/Link Facebook cua ban' rel='nofollow' target='_blank'>facebook</a>
<a class='twitter' href='http://twitter.com/Link Twitter cua ban' rel='nofollow' target='_blank'>twitter</a>
<a class='friendfeed' href='http://friendfeed.com/Link Freenfeed cua ban' rel='nofollow' target='_blank'>friendfeed</a>
<a class='bsa' href='http://buysellads.com/Link BSA cua ban' rel='nofollow' target='_blank'>BSA</a>
<a class='submit' href='Link MySpace cua ban' rel='nofollow'>MySpace</a>
</div>

Chú ý những đường link được tô đậm bạn cần thay thế chúng cho phù hợp với Blog của bạn!

Nguồn : chúng tôi sưu tầm từ nhiều nguồn

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn