Facebook Twitter Google RSS

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.

Để ý 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!

Giới thiệu:


Chào mừng bạn đến với wesite. Hi vọng bạn sẽ tìm thấy nhiều điều thú vị ở đây.
Xem trang cá nhân của tôi →

0 comments:

ARCHIVE

Pageview

© 2016 blog.tuyetvan.net. Theme by Bloggertheme9. Powered by Blogger.