Tùy biến Widget "LinkWithin"

Đây là tiện ích Related Posts kèm thumbnails khá hay và đẹp, sau đây là các mẩu code CSS để tinh chỉnh plugin này theo ý mình - sưu tầm từ nhiều nguồn.

Để chèn Widget này vào blog, vào LinkWithin và làm theo hướng dẫn

1. Thay đổi tiêu đề “You might also like:”

Vào Page Elements, đặt đoạn code:

<script>linkwithin_text='Bài viết liên quan:'</script>

lên trên đoạn code của plugin, chẳng hạn như:

Để tinh chỉnh dòng tiêu đề, vào Dashboard / Template Designer / Advanced / Add CSS:
bỏ đoạn code này vào:

.linkwithin_text {
color:#555555;
font-weight:bolder;
font:bold 16px "Droid Sans", Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0 0 10px;
padding:15px 0 0;
text-shadow: #bbbbbb 1px 1px 1px;
}

2. Bỏ logo LinkWithin:

#linkwithin_logolink_0 {
    display: none;
}

3. Đưa widget vào giữa trang:

.linkwithin_inner { margin: 0 auto !important; }

4. Tinh chỉnh nội dung:

.linkwithin_posts { width: 500px !important; }
.linkwithin_posts a {
       background: none !important;
       border: none !important;
       padding-right: 15px !important;
}

.linkwithin_title {
      color: #454545 !important;
      font-family: verdana, sans-serif !important;
      font-size: 12px !important;
      line-height: 14px !important;
      text-decoration: none;
}

.linkwithin_title:hover {
      color: #888888 !important;
      text-decoration: underline !important;
}

Thursday, November 03, 2011

Tùy biến Widget "LinkWithin"