• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tùy biến liên kết Older Posts, Newer Posts, Home

3
19/01/2011

Như các bạn biết thì cuối mỗi bài viết trên blogspot đều có các liên kết Older Posts (Bài đăng cũ hơn), Home (Trang chủ), Newer Posts (Bài đăng mới hơn). Chúng ta có thể tùy biến để thay đổi các liên kết này theo ý muốn của mình, ví dụ có thể thay bằng dòng text khác hoặc bằng hình ảnh.

Để thực hiện thủ thuật này, chúng ta tiến hành như sau. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates. Tìm đoạn code tương tự như bên dưới.

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>

Trong đoạn code trên, phân tích kỹ có thể thấy vài điểm như sau:

<data:newerPageTitle/>: đây là phần hiển thị liên kết Newer Posts
<data:olderPageTitle/>: đây là phần hiển thị liên kết Older Posts
<data:homeMsg/>: đây là phần hiển thị liên kết Home

Như vậy để tùy biến các liên kết này, bạn có thể thay 3 dòng code trên lần lượt bằng các dòng text hoặc hình ảnh tương ứng.

Ví dụ thay <data:newerPageTitle/> bằng dòng Next >> hoặc dòng Sau >>
Thay <data:olderPageTitle/> bằng dòng << Prev hoặc dòng << Trước
Thay <data:homeMsg/> bằng dòng < Home >

Hoặc nếu dùng hình ảnh thì thay <data:newerPageTitle/> bằng dòng

<img src='http://img58.imageshack.us/img58/8076/leftxv5.png'/>

Thay <data:olderPageTitle/> bằng dòng

<img src='http://img260.imageshack.us/img260/9691/rightli5.png'/>

Và thay <data:homeMsg/> bằng dòng

<img src='http://img260.imageshack.us/img260/6710/homepngrg7.jpg'/>



Ngoài ra nếu rành về CSS, bạn có thể tùy biến đoạn code CSS về các liên kết này trong Template:

.blog-pager {
background: $(paging.background);
}

.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
}

{3 bình luậnAdd yours ?}

17:11:00, 5 thg 4, 2011

Chào anh! Em muốn hỏi là mình có thể ẩn luôn phần Older Posts, Newer Posts, Home luôn được ko ạ!

Reply
18:09:00, 5 thg 4, 2011

@AFVN Các Buttom newer,home,older hỗ trợ tăng pageview và trang trí Blog,ẩn làm gì :51) Nếu thik thì xóa hết các đoạn code liên quan đến home,..trong Template là xong

Reply
09:01:00, 19 thg 10, 2014

anh ơi anh xem giúp với

em muốn chuyển cái thanh " trước - trang chủ - sau " đến dưới tiêu đề bài đăng được không anh !

anh vào link để xem : http://www.duy3s.com/2014/08/yeu-chua-chin-thi-ung-bat-anh-len-duong.html

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn