6 tùy chỉnh cho Linkwithin

Bài viết này mình sẽ tổng hợp những code (hay là cái gì đại loại thế) để tùy chỉnh bài Bài viết liên quan - Related post với Linkwithin  ...

Bài viết này mình sẽ tổng hợp những code (hay là cái gì đại loại thế) để tùy chỉnh bài Bài viết liên quan - Related post với Linkwithin 

mà mình sưu tầm được, đã áp dụng và thành công! 


Bài viết này có 2 mục đích:
- Một là: Chia sẻ với các bạn đang loay hoay "nghịch" Linkwithin (trong Blogpost)
- Hai là: Để mình ghi nhớ, sau nãy lỡ nghịch dại xóa template thì còn có cái để mà xài!!
Mình chỉ tập trung viết các phần tùy chỉnh thôi, các phần cấu tạo, thực hiện, các bạn tự tìm hiểu nha:
BẠN CẦN 
Tạo 1 widget Linkwithin. 
CÁC TÙY CHỈNH:
1. Thiết lập vị trí đặt Linkwithin theo ý muốn (nguồn)
Đặt đoạn code dưới đây vào vị trí mà bạn muốn Linkwithin hiển thị! Trước khi biết đoạn code này mình đã làm đủ mọi cách, xóa widget, copy code ở vị trí mong muốn nhưng "hắn ta" cứ trơ lì thích nằm đâu thì nằm. Nhưng với đoạn code ngắn này thì ! Xong

<div class="linkwithin_div"></div>
 

2. Ẩn phần tiêu đề "You might also like": 
Chèn thẻ này phía trước ]]></b:skin>

#linkwithin_text_0 {

 display: none;

}

3. Ẩn phần liên kết Linkwithin bên dưới: (nguồn)
Chèn thẻ này phía trước ]]></b:skin>

#linkwithin_logolink_0 {



    display: none;



}

4. Đặt vị trí khung Linkwithin vào giữa bài post: (nguồn)
Chèn thẻ này phía trước ]]></b:skin>

.linkwithin_inner { margin: 0 auto !important; }

5. Muốn thay đổi tiêu đề "You might also like" thành cái khác:

Bạn vào widget, phía trên cùng, thêm đoạn sau

<script>linkwithin_text='NỘI-DUNG-CỦA-BẠN'</script>

6. Muốn Linkwithin chỉ hiện ở các trang bài : (nguồn)

Cũng ở Widget, bạn chèn toàn bộ đoạn code của Linkwithin ở giữa đoạn màu đỏ <b:if cod....."item">LINKWITHIN </b:if>, như hình

<b:if cond='data:blog.pageType == "item"'> 
<script>linkwithin_text='Bạn cũng có thể xem:'</script>
<script>
var linkwithin_site_id = 202810;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>
</b:if>

Ngoài ra còn có một sổ điều chỉnh màu, khung chữ.... blad blad... ở blog Rockfan nhưng mình không sử dụng nên không biết thế nào! :"> heheh!!

Chúc các bạn thành công. 

Made by: Craft and Cup 

(Vui lòng dẫn nguồn khi trích đăng bài viết này)