Theo yêu cầu của bạn KEYNET

[FD's BlOg] - Đây là một trong những thủ thuật cơ bản của blogger. Thông thường khi load 1 nhãn nào đó từ 1 bài viết, mặc định blogger sẽ hiển thị kết quả là 20 bài viết. Bài viết này sẽ hướng dẫn bạn điều chỉnh lại số bài viết này.

Khi bạn tạo 1 liên kết tới 1 nhãn nào đó trong blog, mặc định khi hiển thị bài viết ở nhãn đó sẽ là 20 bài, nếu bạn muốn tùy chỉnh số bài viết hiển thị cho link liên kết này thì bạn chỉ cần thêm đoạn code nhỏ vào link liên kết như bên dưới.

http://YOURBLOG.blogspot.com/search/label/labe1?max-results=10

- Với giá trị 10 là số bài viết hiển thị.

Trên đó là việc bạn tùy chỉnh cho 1 liên kết mà bạn tự tạo tới nhãn đó. Nếu muốn tùy chỉnh số bài viết cho link nhãn nằm ở footer của bài viết thì sao? Để làm việc này bạn phải tùy chỉnh lại code template.
1. Đầu tiên vào bố cục
2. Vào chỉnh sửa code HTML
3. Chọn mở rộng mẫu tiện ích
4. Tìm đoạn code bên dưới (hoặc tương tự):

<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>

5. Thêm đoạn code màu đỏ vào như bên dưới:

<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=10"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>

- Thay đổi giá trị 10 thành số bài viết mà bạn muốn hiển thị.

Chúc các bạn thành công.

Read more…

Theo yêu cầu của Ngân và YêuSứcKhỏe

[FD's BlOg] - Bài viết sẽ giới thiệu thủ thuật hiển thị comment dạng nâng cao mà Anhvo vừa mới cho ra lò. Thủ thuật này sẽ cho phép hiển thị comment mới nhất trước và điều chỉnh số comment sẽ hiển thị trên 1 trang. Nay mình xin giới thiệu bài viết này để thực hiện yêu cầu của bạn Ngân và YêuSứcKhỏe.

Thủ thuật này đã được 2 blogger Ngân và YêuSứcKhỏe yêu cầu mình từ lâu, nhưng mình chưa thể đáp ứng được, thì hôm nay ghé thăm blog của Anhvo, phát hiện bài viết này, nên tranh thủ giới thiệu cho mọi người. Thủ thuật này tương tự như kiểu hiển thị comment của Template Neo.

Hình ảnh minh họa kết quả :

Các bạn có thể tham khảo thủ thuật này của Anhvo ở link bên dưới:

http://www.vietwebguide.com/2009/06/hien-thi-comment-dang-nang-cao-advanced.html

Cám ơn Anhvo đã thực hiện thủ thuật này.

Nguồn VietWebGuide

Chúc các bạn thành công.

Read more…

[FD's BlOg] - Lần trước mình giới cho các bạn bộ đếm lượt xem bài viết. Do là tham khảo trên net, nên file php của thủ thuật đã bị cấm (hoặc die). Do đó tiện ích đó không còn hiển thị được. Sau đó mình có lên mạng tìm kiếm nguồn khác và cũng thu được 1 số kết quả.

Ở bài viết này mình sẽ giới thiệu cho các bạn 2 bộ đếm: 1 bộ đếm dùng ảnh, 1 bộ đếm thông thường. Ở các bộ đếm lần này có sự khác biệt với bộ đếm lần trước, đó là không có link quảng cáo trong tiện ích. Cũng vì lí do này mà một số bạn không sử dụng tiện ích này.

Hình ảnh minh họa :

☼ Các bước thực hiện:
1. Vào bố cục
2. vào chỉnh sửa code HMTL
3. Chọn Mở rộng mẫu tiện ích
4. Tìm đoạn code sau:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

5. Thêm code của bộ đếm vào sau đoạn code vừa tìm được:
- Code của bộ đếm thông thường :

<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<p><b>Đã xem :</b> <i><font color='#666666'><script src='http://wizom.net/counter.php' type='text/javascript'/> Lần </font></i></p>
</div>
</b:if>

- Code của bộ đếm dùng ảnh :

<b:if cond='data:blog.pageType == "item"'>
Lượt xem: <img alt='counter' expr:src='"http://earthpop.net/counter.php?page=" + data:post.id + "&amp;digit=v88"'/>
</b:if>

6. Save template.

- Một lời khuyên nhỏ: chỉ nên để tiện ích hiển thị ở trang bài viết, như thế bộ đếm mới chính xác.

Tham khảo từ nhiều nguồn trên internet.

Chúc các bạn thành công.

Read more…

Theo yêu cầu của bạn LouLou (luomlatblog.blogspot.com)

[FD's BlOg] - Tiện ích "Bài viết liên quan"(Related Posts) là một trong các tiện ích không thể thiếu cho mỗi bài viết. Nó giúp người xem dễ dàng truy cập vào các bài viết khác tương tự. Và tiếp theo chuỗi ứng dụng của hiệu ứng mô tả bài viết, hôm nay theo yêu cầu của bạn LouLou mình sẽ tiếp tục ứng dụng nó cho tiện ích các bài viết liên quan.

Đã fixed lỗi - và có thay đổi 1 chút về code CSS + Link JS

Hình ảnh minh họa:

Thủ thuật này sẽ lấy ra một số bài viết mới nhất (ví dụ 5 bài) từ các link RSS của mỗi nhãn trong bài viết làm list các bài liên quan. vì thế nếu bài viết của bạn có nhiều nhãn thì các bài liên quan cũng sẽ nhiều hơn. Ví dụ bài viết có 2 nhãn ta sẽ có 2x5= 10 bài viết liên quan.
Do kiến thức về javascript của mình còn ít ỏi, nên thủ thuật này mình chỉ có thể làm được như thế. Và thủ thuật này vẫn phát triển từ thủ thuật recent post của VWG.

☼ Bây giờ ta bắt đầu thủ thuật:
1. Đăng nhập blog
2. Vào bố cục
3. Vào chỉnh sửa code HTML
4. Chọn mở rộng mẫu tiện ích
5. Chép tất cả đoạn code bên dưới vào trước thẻ đóng </head>

<style type='text/css'>
.mota-desc{
position: relative;
z-index: 0;
text-decoration:none;
}

.mota-desc:hover{
background-color: transparent;
z-index: 50;
}

.mota-desc span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.mota-desc span img{
border-width: 0;
padding: 2px;
}

.mota-desc:hover span{
padding:5px;
visibility: visible;
top: 20px;
left:70px;
width:250px;
background:#ddd;
text-align: justify;
}

#related-posts {
padding-top:40px;
}

#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
</style>


<script language='JavaScript'>
imgr = new Array();

imgr[0] = "http://farm4.static.flickr.com/3635/3638008086_87c5d93e22_o.gif";


showRandomImg = true;

imgwidth = 60;
imgheight = 60;
fntsize = 12;
acolor = "#555";
aBold = true;
motacolor = "#f00";

text = "Nhận xét";

showPostDate = true;

summaryPost = 150;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " » ";
numposts = 5;

home_page = "http://www.fandung.com/";

</script>

<script src='http://data.fandung.com/blog/demo/newposts-Description/style2/desc-related-post3.js' type='text/javascript'/>

- Lưu ý:

+ imgwidth = 60; , imgheight = 60; : kích thước ảnh thumbnail sẽ hiển thị trong phần mô tả .
+ fntsize = 12; : size chữ của tiêu đề bài viết
+ acolor = "#555"; : màu của tiêu đề bài viết
+ motacolor = "#f00"; : màu của tiêu đề bài viết trong phần mô tả
+ summaryPost = 150; : số kí tự hiển thị trong phần mô tả bài viết
+ summaryFontsize = 12; : size chữ của phần mô tả
+ summaryColor = "#000"; : màu chữ của phần mô tả
+ numposts = 5; : số bài viết sẽ hiển thị trong list các bài liên quan của mỗi nhãn. Chú ý: giá trị này phải chỉnh bằng với giá trị max-results=5 ở bước 7.
+ home_page = "http://www.fandung.com/"; : thay bằng địa chỉ URL của blog bạn

6. Tiếp tục xuống dưới, tìm đoạn code sau :

<data:post.body/>

7. Thêm vào sau nó đoạn code bên dưới:

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Bài viết liên quan : </b></font><br/>
<b:loop values='data:post.labels' var='label'><b>Nhãn : </b><font color='#FF0000'><data:label.name/></font><br/>

<b:if cond='data:blog.pageType == "item"'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrelatedposts&quot;' type='text/javascript'/>

</b:if>
</b:loop>

</div>

</b:if>

8. Save template.

- Lưu ý : (update 18/06/2009)

+ Do tên của các class trong code CSS của thủ thuật này trùng với tên của các class trong các thủ thuật Recent posts mà mình đã post, nên mình có 1 chút thay đổi so với bài viết ban đầu.
+ Cụ thể : tên của class mota sẽ đổi lại thành mota-desc, và file JS đổi lại thành file desc-related-post3.js . Các bạn xem và sửa lại nhé.

Cáo lỗi với các bạn vì sự cố này.

Chúc các bạn thành công.

Read more…