Trang chủ \ 00:53

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 == &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.
Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

Chia sẻ

32

Nhận xét
1

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

Reply
3

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
4

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

Reply
5

Post luôn đi Noct

Reply
6

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

Reply
20

Ra bài mới đi :)

Reply
7

thủ thuật hay :)

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

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

Reply
9

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
10

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

Reply
11

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

Reply
12

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

Reply
13

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

Reply
14

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

Reply
15

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

Reply
16

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

Reply
17

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
18

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

Reply
21

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

Reply
22

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

Reply
23

Đã áp dụng. Tks Duy.

Từ thủ thuật này, Duy xem có áp dụng đối với từng page cụ thể không. Ví dụ: Trang chủ, trang bài viết, nhãn, lưu trữ...

Reply
24

Bạn cứ dùng lệnh điều kiện với từng kiểu page thì gán background riêng cho nó.

Reply
25

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
26

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
27

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
28

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
29

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
30

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
31

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
32

Nhờ bạn cho mình hỏi thêm các font việt nam đặc biệt & đẹp cho bài viết thì làm cách nào

Reply

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.