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

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.

Liên kết blog Việt

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.

Tweet

Related Posts

• Thêm comments facebook song song với comments bloggerTheo yêu cầu của bạn DINH VAN Tu mình sẽ hướng dẫn bạn cách thêm "comment facebook song song với comments blogger vào b
• Thread Comment đẹp cho blogspot v1Tôi hân hạnh giới thiệu đến các bạn một mẫu Thread Comment Blogger mới đẹp của blog Duy-pham. Hy vọng với sty
• Loại bỏ Read more ở trang tĩnh (static page)Như các bạn đã biết đối với Blogger thì thủ thuật tóm tắt bài viết tự động với nút Read More và ảnh đại diện là một phầ
• Chèn icon vào trước tiêu đề bài viết theo các nhãn tương ứngThủ thuật sau đây sẽ giúp các bạn chèn icon vào trước tiêu đề bài viết theo các nhãn tương ứng.Trước khi đi vào th
• Tiện ích phân trang cho bloggerĐây là mãu phân trang mình sưu tầm với style đen rất dễ cài đặt và sử dụng. Khi cài đặt phân trang sẽ giúp blog của bạn
• Khung Blockquote với hiệu ứng chuột cho BlogXin giới thiệu với các bạn khung trình bày code bằng Blockquote với hiệu ứng chuột rất đẹp các bạn có thể sử

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

4/ 5

Oleh Đỗ Trực

Đỗ Trực Pada 04:57 5 Komentar