Trang chủ \8.10.12

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.

32

Nhận xét
1

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

Reply Xóa nhận xét
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 Xóa nhận xét
4

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

Reply Xóa nhận xét
5

Post luôn đi Noct

Reply Xóa nhận xét
6

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

Reply Xóa nhận xét
Nặc danh 9/10/12 19:23
7

thủ thuật hay :)

Reply Xóa nhận xét
Nặc danh 11/10/12 17:45
8

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

Reply Xóa nhận xét
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 Xóa nhận xét
10

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

Reply Xóa nhận xét
11

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
12

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

Reply Xóa nhận xét
13

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

Reply Xóa nhận xét
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 Xóa nhận xét
15

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

Reply Xóa nhận xét
16

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

Reply Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
22

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

Reply Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét

Đăng nhận xét

Cancel