15/7/13

Tạo Màu nền riêng cho bài viết xem nhiều nhất

Đăng bởi Admin | 15/7/13 | 0 nhận xét
Thủ thuật này sẽ thay đổi màu nền của blog bạn khi truy cập vào bài viết được xem nhiều nhất. Bài viết xem nhiều nhất thống kê theo widget Popular Posts, do đó blog bạn cần phải có widget này. 

 

Cách 1: Sử dụng JavaScript.


Thêm đoạn mã dưới đây vào trước thẻ </body> trong template của bạn. 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var bgU=location.href;bgPP=document.getElementById('PopularPosts1');bgTN=bgPP.getElementsByTagName('a');if(bgTN){bgH=bgTN.item(0).href;if(bgU.indexOf(bgH)!=-1){document.write('<style type="text/css">body{background:#ffb8b8!important}</style>')}}
//]]>
</script>
</b:if>


Cách 2: Sử dụng Blogger XML.


Thêm đoạn mã dưới đây vào trước thẻ <b:if cond='data:showThumbnails == &quot;false&quot;'> trong template của bạn. 

<b:if cond='data:post.href == data:blog.url'>
<style type='text/css'>body{background:#ffb8b8!important}</style>
</b:if>


Thay ffb8b8 thành mã màu nền theo ý bạn.

Với cách 1 thì chỉ thay đổi màu nền khi truy cập bài viết xem nhiều nhất. Còn cách 2 thì màu nền được thay đổi khi truy cập các bài viết xem nhiều.

                                                                                                                 Theo Duypham
                                                                                                                 Thu thuat vi tinh

Không có nhận xét nào:

Đăng nhận xét

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva