• TRANG CHỦ
  • THỦ THUẬT
    • Thủ thuật máy tính
    • Thủ thuật văn phòng
    • Thủ thuật Internet
    • Thủ thuật điện thoại
  • CHIA SẺ PHẦN MỀM
  • DIỆT VIRUS
  • CÔNG NGHỆ SỐ
  • THỦ THUẬT OFFICE
  • HỖ TRỢ
  • DỊCH VỤ
    • Sửa máy tính tại nhà

Blog thủ thuật máy tính - Thủ thuật windows

Blog chia sẻ thủ thuật máy tính và thủ thuật windows, lưu lại những kiến thức trong quá trình mình làm việc

You are here: Home / Thủ thuật Internet / Tùy chỉnh các liên kết chuyển trang trong Blogger

Tùy chỉnh các liên kết chuyển trang trong Blogger

April 25, 2016 By Chu Quang

(Tùy chỉnh các liên kết chuyển trang trong Blogger) Khi người dùng xem chi tiết một bài viết hay xem danh sách các bài viết của một chuyên mục nào đó thì sẽ để ý và click vào các liên kết đến trang trước/sau của bài viết. Khi  người dùng click chuột vào các liên kết, Blog sẽ chuyển tới danh sách các bài viết trước đây hoặc bài viết tiếp theo của bạn hoặc trang chủ. Nhưng thông thường, mặc định các liên kết này là các liên kết thường đơn điệu. Vậy làm thế nào để thay thế những liên kết này bằng những hình ảnh sinh động?

Trước khi chỉnh sửa

Tuy chinh cac lien ket chuyen trang trong Blogger

Sau khi chỉnh sửa

Tuy chinh cac lien ket chuyen trang trong Blogger

Blog tin học sẽ hướng dẫn bạn tùy chỉnh các liên kết chuyển trang một cách nhanh nhất:

  • B1: Đăng nhập vào Blogger.
  • B2: Trong Menu Template (Mẫu) chọn Edit HTML (Chỉnh sửa HTML).
  • B3: Sử dụng tổ hợp phím tắt Ctrl + F tìm thẻ <b:includable id=’nextprev’>.
<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 + &quot;_blog-pager-newer-link&quot;’ 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 + &quot;_blog-pager-older-link&quot;’ expr:title=’data:olderPageTitle’>
<data:olderPageTitle/>
</a>
</span>
</b:if>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>
<data:homeMsg/>
</a>
</div>
<div class=’clear’/>
</b:includable>
Công việc tiếp theo của bạn là thay thế các dòng chữ đậm, in nghiêng và gạch chân trên bằng các nội dung hoặc hình ảnh bạn mong muốn.

Nội dung

  1. 1. Thêm hình ảnh bên cạnh văn bản liên kết
  2. 2. Thay thế các liên kết bằng hình ảnh
    1. Bài viết liên quan:

1. Thêm hình ảnh bên cạnh văn bản liên kết

Để đặt hình ảnh bên cạnh các liên kết văn bản thì bạn thêm thẻ <img src=”Đường dẫn Ảnh”/> vào trước hoặc sau các thẻ <data:olderPageTitle/>, <data:newerPageTitle/>, <data:homeMsg/>
<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 + &quot;_blog-pager-newer-link&quot;’ expr:title=’data:newerPageTitle’>
<img src=”Đường dẫn Ảnh” /><br />
            Trang trước
</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 + &quot;_blog-pager-older-link&quot;’ expr:title=’data:olderPageTitle’>
<img src=”Đường dẫn Ảnh” /><br />
            Trang sau
</a>
</span>
</b:if>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>
<img src=”Đường dẫn Ảnh” /><br />
        Trang chủ
</a>
</div>
<div class=’clear’/>
</b:includable>
Sau khi chỉnh sửa, bạn được kết quả như hình sau:
Tuy chinh cac lien ket chuyen trang trong Blogger

2. Thay thế các liên kết bằng hình ảnh

Nếu bạn muốn sử dụng hình ảnh thay cho các liên kết văn bản thì bạn thay thế các thẻ <data:olderPageTitle/> , <data:newerPageTitle/> và <data:homeMsg/> bằng các thẻ <img src=”Đường dẫn Ảnh”/>

<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 + &quot;_blog-pager-newer-link&quot;’ expr:title=’data:newerPageTitle’>
<img src=”Đường dẫn Ảnh”/>
</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 + &quot;_blog-pager-older-link&quot;’ expr:title=’data:olderPageTitle’>
<img src=”Đường dẫn Ảnh”/>
</a>
</span>
</b:if>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>
<img src=”Đường dẫn Ảnh”/>
</a>
</div>
<div class=’clear’/>
</b:includable>
Kết quả sau khi bạn chỉnh sửa như hình bên dưới:
Tuy chinh cac lien ket chuyen trang trong Blogger
Bạn có thể tham khảo thêm các bài viết về thủ thuật Blogger để hoàn thiện Blog của mình như tích hợp Google Translate, thêm thanh điều hướng hay chèn banner flash cho Blogger, …
5/5 - (1 vote)

Bài viết liên quan:

  • Chatbots trong ngành công nghiệp trò chơi
  • Chi tiết cách in ấn tài liệu trong word 2003, 2010, 2013,…
  • Cách sửa laptop bị lỗi màn hình xanh
  • Cách sử dụng DNS Cloudflare 1.1.1.1 để truy cập các trang…
  • TOP 5+ Mẹo tăng tốc máy tính bị lag khi chơi game

Filed Under: Thủ thuật Internet Tagged With: Liên kết chuyển trang, Thủ thuật Blogspot

Tìm kiếm

Newbie nên đọc

  • Dạy photoshop cơ bản
  • Thủ thuật Office
  • Tạo website đơn giản

Bài viết nổi bật

  • TOP 5+ Mẹo tăng tốc máy tính bị lag khi chơi game

    TOP 5+ Mẹo tăng tốc máy tính bị lag khi chơi game

  • Cách giúp máy tính không bị lag khi chơi game online

    Cách giúp máy tính không bị lag khi chơi game online

  • Cách sửa laptop bị lỗi màn hình xanh

    Cách sửa laptop bị lỗi màn hình xanh

  • Cách sử dụng DNS Cloudflare 1.1.1.1 để truy cập các trang web bị chặn

    Cách sử dụng DNS Cloudflare 1.1.1.1 để truy cập các trang web bị chặn

  • Những thủ thuật máy tính đơn giản và hữu ích

    Những thủ thuật máy tính đơn giản và hữu ích

  • Hướng dẫn cách tạo USB cài đặt Windows 10

    Hướng dẫn cách tạo USB cài đặt Windows 10

  • Tạo USB cài đặt Win 10 bằng Media Creation Tool

    Tạo USB cài đặt Win 10 bằng Media Creation Tool

Theo dõi mạng xã hội

Liên hệ với tôi

Nếu các bạn gặp khó khăn gì trong quá trình làm việc hãy liên hệ với tôi theo email:

tranthanhchinh.hd@gmail.com

Những gì tôi biết tôi sẽ hướng dẫn tận tình. Cảm ơn các bạn đã ủng hộ

Blog bạn bè

Blog công nghệ
Tin học AZ
Mẹo vặt đời sống

Đôi lời về tác giả

Blog chia sẻ thủ thuật máy tính - Thủ thuật windows

Mình tên là Thanh Chính đây là nơi mình viết lại những kinh nghiệm làm việc, những thủ thuật máy tính khi máy tính phát sinh một sự cố, cũng như là một nơi lưu trữ lại các kiến thức làm việc của mình để khi cần có thể lấy ra và áp dụng được luôn, Mong các bạn có thể đóng góp thêm cho blog của mình.

Copyright © 2023 · Going Green Pro Theme on Genesis Framework · WordPress · Log in