Trang chủ \ 02:47

Kiểu trang Index của Blogger

Trong bài viết Tìm hiểu kiểu trang của Blogger mình có đề cập chung về các kiểu trang của Blogger. Ở bài viết này mình sẽ đi vào giới thiệu riêng về Index - kiểu trang đa dạng nhất của Blogger.

index

Kiểu trang Index có câu lệnh điều kiện là <b:if cond='data:blog.pageType == "index"'>.

Trong kiểu trang Index chia làm 3 kiểu trang con: All posts (Danh sách bài đăng trong blog), Label (Danh sách bài đăng trong nhãn) và Search (Danh sách bài đăng trong tìm kiếm).

  1. All posts:
    Câu lệnh điều kiện là <b:if cond='data:blog.pageName == ""'> hoặc <b:if cond='data:blog.title == data:blog.pageTitle'>.

    Trong kiểu trang All posts chia làm 2 kiểu trang con: Home (Trang chủ) và Older posts (Danh sách bài đăng cũ hơn).
    1. Home:
      Câu lệnh điều kiện là <b:if cond='data:blog.url == data:blog.homepageUrl'>.
    2. Older posts:
      Câu lệnh điều kiện là <b:if cond='data:blog.pageName == ""'><b:if cond='data:blog.url != data:blog.homepageUrl'>.
  2. Label:
    Câu lệnh điều kiện là <b:if cond='data:blog.searchLabel'>.
  3. Search:
    Câu lệnh điều kiện là <b:if cond='data:blog.searchQuery'>.

Nắm rõ các kiểu trang và lệnh điều kiện của từng kiểu trang đó sẽ giúp chúng ta linh hoạt trong việc thêm hoặc bớt tính năng, nhiệm vụ... của những thành phần trong blog.
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ẻ

64

Nhận xét
1

Hiểu và áp dụng được câu điều kiện trong blogger sẽ giúp chúng ta được rất nhiều! Thanks DP đã chia sẻ và sẽ có thêm nhiều bài viết liên quan...

Reply
5

Có thêm thời gian mình sẽ có nhiều bài về XML, nó là đặc trưng của Blogger

Reply
2

Nhiều lúc chỉ muốn hiển thị tính năng hay ứng dụng nào hoặt động ở trang chủ hay tại bài viết mà thấy ngu luôn. Lúc trước hay phải mở mấy cái template lưu trong máy tính ra dò rồi copy, giờ cũng phải mở nhưng tạo 1 file sẵn để khi cần thì dùng, đôi lúc tìm trong file xml đang sửa.

P/s: hiếm khi thấy bác đăng cái hình minh họa to như này :)

Reply
6

E thử trình gà Photoshop ý mà :D

Reply
3

Lâu lâu cứ có bài nhỏ để này rất hữu ích cho mấy bạn đang tìm hiểu Blogger :D

Reply
7

Nhưng mà lâu quá nên blog vắng tanh :(

Reply
13

Ráng cập nhật thường xuyên hơn để blog Duypham ko bị chìm vào quên lãng nào :D

Reply
14

Mình thì đang không biết bác phân thân thế nào để quản lý từng nấy weblog?

Reply
4

Cũng hết chủ đề để bác Duy viết rồi
Ủng hộ bác làm template :)

Reply
8

Mình thấy nhiều temp mới đẹp xuất hiện mà, so với ngày xưa thì quá phong phú

Reply
12

Nhiều hơn ngày xưa quá nhiều đi chứ. Có điều thích phong cách của bác :)
Như cái temp này này

Reply
9

wellcome you come back :))

Reply
10

Giờ nhiều temp mới pro lắm, khác hẳn mấy năm trc.

Dự bài mới tiếp theo of bác Duy sẽ xuất hiện sau ít nhất 3 tháng nữa :P

Reply
11

Gia Nát Dự :))

Reply
15

Bài viết hay quá, em thấy mấy bloggẻ của indonexia viết bài áp dụng mấy câu lệnh này nhiều, mỗi bài đăng của họ là một trang index khác nhau, nhìn phê quá luôn.

Reply
16

Indo và Ấn độ có nhiều Blogger tài năng và họ cũng hay dạt sang bên vn mình tham khảo :D

Reply
17

lâu lắm không log in vào Blogger :D chắc giờ ko ai nhớ mình nữa rồi
có mấy đoạn code bác Duy đây cũng được khá nhiều pro sửa dụng để làm theme lắm nhé :D


Reply
18

Noct là ai nhỉ, trông quen quen =))

Reply
21

uhm hình như ngày xưa ông noct này toàn trộm ý tưởng của tôi viết bài =))

Reply
25



không biết bạn nói đùa hay thật nhưng khi nói câu này đã suy nghĩ kĩ chưa ?

Hồi xưa trang web của bạn là gì nhỉ ?

Reply
28

Troll vui thôi mà bác

29

:)) ngày xưa mình chưa có trang web :)) giờ cũng chưa có luôn bác :))

19

Lâu lắm rồi kg có viết blog đọc mấy bài của bác sao cứ bồi hồi...

Reply
20

Quá hơn nửa năm mới có 1 bài, khi lập blog này chắc không bao giờ em nghĩ mức độ lười viết của mình như vậy :D

Reply
22

Quá lâu cho sự trở lại của bác :)
P/S: Em cũng thế ^^

Reply
23

Mình bận đi làm xa nhà, k biết mọi người lý do là gì?

Reply
26

bác chắc đi công trình miền núi hả :D
mình thì do bệnh tật nên bỏ blogging cũng hơn năm rồi :(

Reply
27

Sao bác biết hay vậy? Không có cả tg kiếm vợ nói gì đến chăm cho blog. Bệnh tật thế nào rồi, nhanh khỏe để quay lại blog thôi

Reply
30

Mọi người lặn lâu thế làm em tìm thủ thuật dùng mà không có :v bác Dũng cũng lặn luôn rồi :)

Reply
31

Thủ thuật lâu nay cũng đủ dùng mà :)

24

Nhận xét này đã bị tác giả xóa.

Reply
32

Nói thế thôi chứ dư nữa, tại lúc trước thấy mấy bác xôm quá giờ lắng nên hơi buồn :)

Reply
33

Ngắn gọn, xúc tích và không phải ai cũng biết code để mà hiểu. Chờ đợi những bài hướng dẫn khác chi tiết hơn của bác TT-TT

Reply
34

Đúng rồi bạn, từ ngày đầu viết thủ thuật mình xác định đối tượng chủ yếu hướng đến không dành cho người mới bắt đầu mà.

Reply
35

Xin lỗi bác duy vì hỏi và đây ! mình đang muốn dùng hàm replace của bác hồng vĩ hòa giới thiệu trong phần popular post , nhưng hình như áp dụng y như bác hồng vĩ hòa giới thiệu thì không ổn
Bác duy lúc nào rảnh hướng dẫn hộ chút được không ?
http://blog.nguoiaolam.net/2012/04/dung-ham-replace-trong-javascript-e-lay.html

Reply
36

Mình đang rảnh đây, bác nói rõ yêu cầu xem để mình thử giúp dc không

Reply
37

Em muốn ảnh của popular to hơn chứ ko phải là 36x36 nữa
Mà em muốn ảnh lên khoảng 200x160 chẳng hạn
Em dùng css room nó to lên thi ảnh nó bị mờ
Em muốn ảnh của popular nó to hơn và nét hơn ạ :(

Reply
38

Thêm vào trước </head> code dưới:

<script>
//<![CDATA[
function replace_img(img_src){var img_src=img_src.replace(/\/s[0-9]+(\-c|\/)/ig,'/s200$1');document.write('<img src="'+img_src+'"/>')};
//]]>
</script>


Ở widget Popular posts thay tag img bằng code dưới:

<script>replace_img('<data:post.thumbnail/>');</script>

Reply
41

để thay đổi size cho phù hợp là thay đổi cái " s200 " đúng không bác ?

Reply
39

oh cám ơn bác ! em sẽ lưu lại để đọc :) Em đang học js mà chưa đâu đến đâu cả :)

Reply
40

ok cám ơn bác duy nhiều, đã thành công , bác cho em hỏi là với cái random post của bác , cũng muốn ảnh to thì làm thế nào ạ :)

Reply
42

thay entry.media$thumbnail.url thành entry.media$thumbnail.url.replace(/\/s[0-9]+(\-c|\/)/ig,'/s200$1')

Thay s200 theo size bạn muốn.

Reply
43

ok cám ơn bác ! ko có bác thì em ko biết phải làm như nào cả ! có dịp sẽ hậu tạ :)

Reply
44

Bác duy rảnh làm giúp anh em cái bài đăng theo nhãn với !
Em search ra mà cái nào cũng loằng ngoằng , cảm giác không ổn lắm , không tối ưu như code của bác được ! em nghĩ cái này cũng có rất nhiều người cần :(
Lúc nào rảnh bác giúp viết 1 cái nhé
Em cũng chỉ cần ảnh nét + cái tiêu đề thôi :(
---------------------------------------------------------------------------------
Cám ơn bác nếu như đòi hỏi là quá đáng bác có thể bỏ qua ^^
vì thực sự nhờ bác hơi nhiều ^^

Reply
46

Thay link đến feed của nhãn là được mà. Còn muốn hiển thị nhiều nhãn 1 lúc thì có thể mình sẽ viết một tip mới.

Reply
47

em thay feed theo nhãn được rồi bác ạ ! nhưng em đăng 1 lúc 2 cái widget theo 2 nhãn khác nhau trên cùng 1 blog thì có vẻ không được:) .
Còn nếu hiển thị việc 1 widget nhiều label thì em nghĩ không cần thiết vì chúng ta chỉ việc đặt tất cả các nhãn ấy 1 nhãn chung là ok

Reply
45

ok em đã làm được rồi ! không hiểu nên còn nhiều cái hỏi hơi ngu, làm loạn cái blog của bác lên :) cám ơn bác nhiều ạ

Reply
48

Thanks nhé!

Reply
49

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

Reply
51

Hự, chết cười với comment của bạn, đến nhà bố vợ đừng lỡ lời vậy nhé. Recent comments này mình chưa share.

Reply
52

Em xin lỗi nhé, bàn phím máy tính của em ấn khó quá. Anh xóa giúp em comment này nhé!

Reply
50

Emn thật sự xin lỗi anh em đã viết lầm từ "có". Mong anh xóa giùm em ạ

Reply
53

khổ thân bác Duy :))

Reply
54

bạn ơi có thể demo không ? mình không hiểu lắm mình chỉ tự mò thôi... và mọi người góp ý cho em cái blog này với.... http://mai2labaoxa.blogspot.com/

Reply
55

Anh Duy Phạm có thể xóa giúp em Comment ở trên không ạ.?

Reply
56

Chip đang cần 1 bạn sửa Code Blogspot cho chip để tăng tốc độ load trang có trả phí. Liên hệ chip: echipkool.com@gmail.com

Reply
57

Cảm ơn anh

Reply
58

your blog is amazing, but can you tell me what they mean in english?

Reply
62

Google translate will help a bit.

Reply
59

Hôm bữa bác gửi cho cái code chia sẻ lên Pinterest mà không cần kèm theo js, nhưng iem quên mất rồi. Hôm nay thấy cái code này không chạy


[code]<a class='bub' href='http://pinterest.com/pin/create/button/?url= &amp;media= http://lh4.ggpht.com/-lwHbeQyuWgQ/UzEmestcDsI/AAAAAAAACIg/XOTd_rYWsL0/no-image.png ' rel='nofollow' style='margin-left:210px;background:#cb2027' target='_blank'>
<i>Pinterest</i>
<span>Chia sẻ lên<br/>Pinterest</span>
</a>[/code]

...nên sang đây hỏi xin lại bác.

Bác thông cảm, iem già roài

Reply
60

Bác dùng code này:
<a class='bub' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.canonicalUrl + "&amp;amp;media=" + (data:post.firstImageUrl ? data:post.firstImageUrl : "http://lh4.ggpht.com/-lwHbeQyuWgQ/UzEmestcDsI/AAAAAAAACIg/XOTd_rYWsL0/no-image.png")' rel='nofollow' style='margin-left:210px;background:#cb2027' target='_blank'>
<i>Pinterest</i>
<span>Chia sẻ lên<br/>Pinterest</span>
</a>

Reply
61

Thêm nữa là code chia sẻ này dành cho trang bài viết, nếu bác để cả trang chủ... thì phải thay data:post.canonicalUrl thành data:blog.canonicalUrl

Reply
63

Lâu rồi chưa thấy bác viết bài mới nhỉ :D

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.