Tạo hộp list liên kết chạy lên cho Blogger

September 12, 2012
code tạo liên kết blog blogger blogspot chạy lên
Bạn Hoàng có địa chỉ email tienhoang...@gmail.com có hỏi: "Nhờ anh Q hướng dẫn dùm em cách tạo hộp liên kết Blogspot chạy từ dưới lên, rê chuột vào thì đứng, thả ra thì chạy tiếp giống như trang chia sẽ Ảnh bìa Facebook. Thanks!"
Trả lời:
Chào Hoàng!,
Cám ơn bạn đã gửi câu hỏi đến DoPhuQuy's Blog. Sau đây là hướng dẫn cho câu hỏi của bạn:
- Bạn đăng nhập vào Bảng điều khiển, chọn Thiết kế. Tại tùy chỉnh Phần tử trang bạn bấm chọn Thêm tiện ích. Trong danh sách tiện ích hiện ra, bạn chọn HTML/Javascript.
- Tại trang định cấu hình HTML/Javascript, bạn có thể để trống ô Tiêu đề, còn ô Nội dung thì bạn dán đoạn code bên dưới vào.
<style type="text/css">
#anhbiafacebook{margin:0; padding: 0; height:238px; overflow: auto; background:url(http://3.bp.blogspot.com/-6ObERbCITz8/UFChG2dYaLI/AAAAAAAAAh8/i8i82tYqEc0/s1600/lienketblogger.jpg) no-repeat bottom right; font-weight:bold}
#anhbiafacebook p {margin:0; padding:2px 10px}
.favicon {width:16px; height:16px; margin-right:5px}
.connect {width:48px; height:48px; margin:5px 10px -15px 0}
</style>
<div id="anhbiafacebook">
<center style="margin-bottom:25px"><a href="http://anhbiafacebook.blogspot.com/p/lien-ket-blogger.html">LIÊN KẾT BLOGGER</a></center>

<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='165' width='100%'>

<img src="http://anhbiafacebook.blogspot.com/favicon.ico" class="favicon" /> <a href="http://anhbiafacebook.blogspot.com/" target="_blank">Ảnh bìa Faceboook
</a><hr />
<img src="http://vnwindows8.blogspot.com/favicon.ico" class="favicon" /> <a href="http://vnwindows8.blogspot.com/" target="_blank">Thủ thuật Windows 8
</a><hr />
</marquee></div>
Lưu ý:
+ Link màu tím: Là địa chỉ thông báo "liên kết site" của bạn.
+ Link màu xanh: Địa chỉ hình favicon của site bạn muốn liên kết (Nếu là Blogspot thì đều có dạng link này)
+ Link màu xanh đậm: URL site bạn muốn liên kết
+ Dòng chữ màu đỏ: Tên site bạn muốn liên kết
+ Nếu muốn thêm liên kết site mới thì chỉ việc chèn thêm đoạn code mình đã tô màu nền.
  1. An Pham An có cần hông? :D...gõ xong đi khò..mệt quá gòi.
  2. Đỗ Phú Quý @An Pham: Nếu An thấy cần thiết thì dùng thôi :D
  3. Mabublog Làm sao xóa cái gạch ngang cuối cùng vậy anh?
  4. Đỗ Phú Quý @Mabublog: Bạn xóa <hr /> ngay sau liên kết dưới cùng nhé (Ngay trước </marquee></div>)
  5. Mabublog Em muốn liên kết đứng yên thay vì cho chạy lên thì sửa chỗ nào anh?
  6. Đỗ Phú Quý @Mabublog: Bạn xóa dòng <marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='165' width='100%'></marquee> là được.
  7. Anonymous Code này nhìn được đấy :D
  8. Toàn Trung cám ơn Đỗ Phú Quý nhé