Thành công!
TRUCBLOG JOURNAL GÓC ĐỌC • GÓC VIẾT
Bài viết / Góc chia sẻ

Tạo khung liên kết blog theo yêu cầu

Đỗ Trực tháng 4 11, 2013 2 phút đọc 7 bình luận … Lượt xem
Theo yêu cầu của bạn World APK mình sẽ hướng dẫn bạn cách làm khung liên kết blog để kết nối những địa chỉ web/blog mà các bạn muốn liên kểt, style giống blog của mình đang dùng.Thủ thuật này cũng đơn giản thôi là sử dụng css có một số hiệu ứng như to chữ ,hiển thị thanh cuộn,các bạn có thể tùy biến để trông đẹp mắt hơn.



Tạo một widget HTML/Javascript mới tại vị trí thích hợp sau đó bạn dán đoạn code bên dưới vào phần nội dung rồi lưu lại.
<style type="text/css">
#chinhtrucblog{margin:0; padding: 0; height:290px;overflow: auto; background:url(Link hinh) background:#FFFF no-repeat bottom right; font-weight:bold ;}
#chinhtrucblog p {margin:0; padding:2px 10px}
.favicon {width:16px; height:15px; margin-right:8px}
20px 0}
.tochu
{
color: red;
}
.tochu:hover
{
color:red;
padding: 0px 0px 0px 16px;
}
</style>
<div id="chinhtrucblog">

<p>

<a href="http://chinhtrucblog.blogspot.com/" target="_blank" title="Chính Trực Blog|Giải trí|Game|Thủ thuật Blogspot| Công Giáo|" class="tochu"><img src="http://chinhtrucblog.blogspot.com/favicon.ico" class="favicon" align="center"/>Chính Trực Blog</a></p>
</div>


  • Bạn thay những nơi tô đậm thành địa chỉ blog của bạn. 
  • Có thể tùy chỉnh css theo ý của bạn.
  • Để làm đổi màu thanh cuộn màu xanh giống của mình thì bạn thêm đoạn css sau vào ]]></b:skin> và dán trước nó code bên dưới :
::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #dddddd;
}
::-webkit-scrollbar-thumb {
min-height: 28px;
padding-top: 100px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
background-clip: padding-box;
background-color: #0F83A0;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
::-webkit-scrollbar-corner {
background: #dddddd;
}
Chúc bạn thành công với thủ thuật nhỏ này.
Chia sẻ bài viết:
Ảnh đại diện tác giả

Đỗ Trực Tác giả / Admin

Chia sẻ kiến thức lập trình, phát triển web, công nghệ và các thủ thuật thực tế. Cảm ơn bạn đã ghé thăm Truc Blog.

Thảo Luận & Nhận Xét (7)

Công cụ bình luận nâng cao:
Nội quy bình luận của blog

Hãy cùng giữ phần thảo luận thân thiện, hữu ích và an toàn cho mọi người.

  1. Trao đổi lịch sự, tôn trọng người khác; góp ý vào nội dung, không công kích cá nhân.
  2. Bình luận đúng chủ đề bài viết; tránh spam, quảng cáo lặp lại hoặc đường dẫn đáng ngờ.
  3. Không đăng mật khẩu, số giấy tờ, thông tin liên hệ riêng tư hay dữ liệu nhạy cảm.
  4. Khi chia sẻ mã nguồn, hãy dùng công cụ mã hóa code để giữ nguyên ký tự và dễ đọc.
  5. Chỉ chia sẻ hình ảnh, video và tài liệu mà bạn có quyền sử dụng; không đăng nội dung vi phạm pháp luật.
  6. Quản trị viên có thể ẩn hoặc xóa nội dung spam, xúc phạm, không an toàn hoặc không phù hợp.
Biểu tượng cảm xúc nổi bậtChạm để sao chép
Công cụ Mã hóa HTML & Chèn Code vào Bình luận
* Nhấn Chèn Ảnh/Video, dán liên kết công khai rồi sao chép URL vào bình luận. Sau khi bình luận được đăng, mẫu sẽ tự hiển thị ảnh trực tiếp, video MP4/WebM hoặc video YouTube nếu URL thuộc định dạng được hỗ trợ. Blogger không cho tải tệp trực tiếp lên bình luận.

Nhận xét

  1. Đỗ Trực thật nhiệt tình! Anh em Bloger học hỏi rất nhiều từ bạn!
    Lâu quá mới "vác dao" sang chém nhà chủ thớt đây! Chủ thớt đâu rồi??!

    Trả lờiXóa
  2. hihi cho blog vao lien ket cua ah voi!
    Link blog: restart-blogviet.blogspot.com va blog name: RESTART BLOG. Em moi tao blog mong anh giup voi......................:3)

    Trả lờiXóa
  3. cảm ơn bạn Trực rất nhiều. mình áp dụng cho SInhk33.com liền :)

    Trả lờiXóa
  4. Muốn liên kết blog lắm nhưng sao nó cứ cách 1 đoạn ý. Giúp mình với nhá
    http://muzikers.blogspot.com/

    Trả lờiXóa
  5. CHÀO BẠN. MÌNH ĐÃ LIÊN KẾT BLOG CỦA BẠN VAO BLOG MINH: http://vnnet247.blogspot.com/
    MONG DC LIÊN KẾT VỚI BLOG BẠN.
    CÁM ƠN

    Trả lờiXóa