Màu nền riêng cho bài viết xem nhiều nhấ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 == "false"'> 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.

Duy Pham

31

Nhận xét

Unknown 8/10/12 02:34

Lâu lắm mới thấy bác viết bài lại. Wow :)

Reply Xóa nhận xét

Ismail Sosse Alaoui 8/10/12 06:49

Very good post

Reply Xóa nhận xét

NAD 8/10/12 21:22

Vui vì bác đã post bài mới. Em cũng gần 3 tháng rồi ko bài mới, có lẽ sẽ cố theo bác làm mới tí :D

Reply Xóa nhận xét

Noct 9/10/12 09:16

Tự dưng cũng muốn post bài mới quá :D

Reply Xóa nhận xét

NAD 9/10/12 09:43

Post luôn đi Noct

Reply Xóa nhận xét

Unknown 9/10/12 10:43

ủng hộ bác post bài mới

Reply Xóa nhận xét

Hồng Hoà Vi 23/10/12 17:29

Ra bài mới đi :)

Reply Xóa nhận xét

Nặc danh 9/10/12 19:23

thủ thuật hay :)

Reply Xóa nhận xét

Nặc danh 11/10/12 17:45

quá lâu rùi bạn DuyPham nhỉ

Reply Xóa nhận xét

Unknown 12/10/12 22:28

ai có cách chèn sẵn code ẩn nội dung cài trực tiếp trong temp thì share cho mình nha

Reply Xóa nhận xét

Unknown 14/10/12 08:02

thử áp dụng phát, sang nhà mới em chơi nha

Reply Xóa nhận xét

NAD 15/10/12 10:35

Có ai thấy tự nhiên Blogger reset hết thống kê ko nhỉ? điên quá

Reply Xóa nhận xét

Quang Hoang 15/10/12 13:42

thống kê gì bác, em thấy vẫn bt mà:D

Reply Xóa nhận xét

Luat Hoang 15/10/12 14:45

Vừa áp dụng cho Blog. Khá đẹp. :)

Reply Xóa nhận xét

Luat Hoang 15/10/12 15:31

Bác có thể làm đổi màu nền cho hết các bài trong popularpost không nhỉ?

Reply Xóa nhận xét

Luat Hoang 15/10/12 15:31

Sorry bác, đã xem lại! :)

Reply Xóa nhận xét

Thủ thuật Wordpress 15/10/12 18:59

Blog bác có quả giao diện giống Tutplus thật, rất đẹp.

Reply Xóa nhận xét

Điện Tử ChipKool 17/10/12 00:55

Thủ thuật hay lắm..bạn viết những thủ thuật recent post mới mẻ hơn thì hay..hihi^^

Reply Xóa nhận xét

Mr.Secret 18/10/12 22:24

Nhận xét này đã bị quản trị viên blog xóa.

Unknown 23/10/12 02:22

thanks

Reply Xóa nhận xét

Luat Hoang 24/10/12 14:03

Oh. Gần đến Halloween rồi cơ à :)

Reply Xóa nhận xét

xem tu vi 24/10/12 22:07

Cách này hay ghê cảm ơn Duy nhé

Reply Xóa nhận xét

Unknown 19/12/12 12:32

Duy ơi, mình hỏi bạn tí:

Lúc trước mình có tạo mấy trang sidemap, liên hệ, giới thiệu bên phần Trang, bây giờ mình lại tạo những thứ đó trong phần bài đăng. Liệu 2 vấn đề ấy khác nhau như thế nào? Có ảnh hưởng gì sau này cho seo hay sitelink của web ko? mình ko rõ lắm. Tại thấy bác HHV làm thế nào nên mình thử làm theo thế ấy. hjhj

Reply Xóa nhận xét

Duy Pham 19/12/12 21:07

Bạn vào google webmaster tool để xóa url tới những page cũ đó đi để không bị lỗi trùng nội dung.

Reply Xóa nhận xét

Hồng Hoà Vi 19/12/12 21:47

Việc không sử dụng các trang tĩnh mà sử dụng một bài viết là vì HHV cho rằng các trang tĩnh là nguồn tài nguyên rất quý giá của Blogger nên muốn giữ lại cho một việc khác ý nghĩa hơn :)

Reply Xóa nhận xét

Unknown 19/12/12 23:08

Mình cũng lường trước 1 số hậu quả về sau nên cũng đã vào google webmaster tool xóa máy cái page cũ đi rồi.Hehehehe... Mới vào nghề blogger còn gà quá nên thấy ai hay thì bắt chước, chưa hiểu hết mọi chuyên môn của blogger nên đón tắt đi đầu là như thế. Từ giờ trở đi phải "ngâm cứu chuyên sâu" rồi mới dám vọc blogger. ^^
Thanks 2 bác nhé!

P/s: 2 bác rãnh vô ủng hộ blog em với. Có mấy bác dạo chơi blog em cho nó thêm phong phú chứ!!!!hjhj

Reply Xóa nhận xét

Spa Điều Trị Cho Nam 21/12/12 09:49

Bác Duy ơi cho em hỏi cái đoạn homeload.js này với!!!! (Có hỏi bác HHV rồi nhưng đợi bác ý trả lời lâu quá!!!:( )

Hiện em đang làm 1 cái blog mà sử dụng template của bác Helloximo. Trong code ấy có phần homeload mà nó thể hiện ra như thế này cho bài viết theo các chủ đề: http://3.bp.blogspot.com/-OXMf2nzjj4Q/UNLbTcG5rkI/AAAAAAAAABc/OXJam1VA6-s/s1600/demo-web.jpg. Bác chú ý chủ đề TIN TỨC có 2 phần bài viết có hình ko? Ý em muốn nó thể hiện 1 bài viết có hình và 4 bài viết theo tiêu đề thôi. Vậy em chỉnh làm sao trong homeload.js của bác Hello Ximo ạh ???

Script này phải ko bác: https://dl.dropbox.com/u/29848934/js/vipshock/homeload.js ????

Bác hướng dẫn và sửa lại giúp em với nhé!

Reply Xóa nhận xét

Duy Pham 21/12/12 10:24

Bạn thay

if ((i >= 0) && (i < 2)) { var n = l }
if (i == 2) { var n = '<div class="listh"><ul>' + m }
if ((i > 2) && (i < 5 - 1)) { var n = m }
if (i == 5 - 1) { var n = m + '</ul></div>' }

thành

if (i == 0) { var n = l }
if (i == 1) { var n = '<div class="listh"><ul>' + m }
if ((i > 1) && (i < 4)) { var n = m }
if (i == 4) { var n = m + '</ul></div>' }

Reply Xóa nhận xét

TOPIKVN 19/3/13 22:03

Nhờ duypham sửa hộ mình đoạn code phần Footer như của duypham với nhé.
Của blog mình:
/* Footer Wrapper */
.picfooter{background:##FFFFFF;width:980px;margin-left:auto;margin-right:auto;margin-top:16px;border-top:2px solid#FFFF14;text-decoration:none:center;font:normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width:940px;text-align:left;font:normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;border-right:1px solid #eee;border-left:1px solid #eee;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}
.chan_blog{background:##FFFFFF;width:980px;margin:0 auto;border-top: 4px solid #000099;padding:0 auto}
.chan_blog_trai{width:960px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 10px 10px}
.chan_blog_trai a:hover, .chan_blog_trai a:link,.chan_blog_trai a:visited{color:#FFF;text-decoration:none}

Reply Xóa nhận xét