DIỄN ĐÀN NGƯỜI HƯNG HÓA

ĐC: Hưng Hóa - Tam Nông - Phú Thọ
 
Trang ChínhTrang Chính  CalendarCalendar  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhóm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  
Tìm kiếm
 
 

Display results as :
 
Rechercher Advanced Search
Keywords
Latest topics
» ESET NOD32 Antivirus bản quyền 2015
Mon Jul 07, 2014 7:12 am by Admin

» Bỏ quảng cáo của trang forumvi
Mon Jun 02, 2014 8:07 pm by Admin

» Key Kaspersky Internet Security 2014 370 ngày
Mon Jun 02, 2014 6:16 pm by Admin

» Các bài hát ru con
Mon Apr 09, 2012 9:08 pm by Admin

» Chia se máy tính
Fri Sep 30, 2011 8:55 am by Admin

» Vui vui ....
Fri Sep 30, 2011 7:56 am by Admin

» Tạo chữ ký
Mon Sep 26, 2011 7:50 pm by Admin

» Hướng dẫn đăng ký Host miễn phí và đưa website của bạn lên Internet CiOne
Mon Sep 26, 2011 7:29 pm by Admin

» Nuôi con thỏ 1
Sun Sep 25, 2011 7:30 am by Admin

December 2017
MonTueWedThuFriSatSun
    123
45678910
11121314151617
18192021222324
25262728293031
CalendarCalendar
Top posting users this month

Share | 
 

 Chèn “Đọc thêm” cho bài đăng của blog

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Admin
Admin


Tổng số bài gửi : 63
Join date : 16/02/2011
Age : 40
Đến từ : Hưng Hóa - Tam Nông - Phú Thọ

Bài gửiTiêu đề: Chèn “Đọc thêm” cho bài đăng của blog   Tue Apr 05, 2011 6:59 am

Như bạn thấy mỗi bài đăng trên blog của tôi đều có phần “Đọc thêm” và click vào phần này thì bài viết đầy đủ mới hiển thị ra. Nội dung phía trên tóm tắt bài viết. Sử dụng thủ thuật này giúp blog bạn chuyên nghiệp và trông giống một website hơn.

BƯỚC 1: SAO LƯU TEMPLATE VÀ CHÈN CSS

Sau khi đăng nhập vào blogger.com, click trên Template (Mẫu) -> Edit HTML (Chỉnh sửa HTML) thực hiện sao lưu template vào máy tính của bạn.

Sao lưu xong, kéo thanh trượt tìm tag </head> (Có thể bấm Ctrl + F để tìm) và chèn vào phía trên nó đoạn mã dưới và lưu lại.

<style>
<b:if cond=’data:blog.pageType == “item”‘>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>



BƯỚC 2: CHÈN LIÊN KẾT “ĐỌC THÊM”

Tiếp tục hãy click Expand Widgets Template và kéo thanh trượt để tìm tag

<data:post.body/>

(Có thể bấm đồng thời Ctrl + F để tìm). Sau đó chèn đoạn mã này phía dưới nó.

<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data:post.url’>Đọc thêm!</a>
</b:if>


BƯỚC 3: TÙY BIẾN “ĐỌC THÊM”

Nếu bạn dùng đoạn mã trên, khi click vào “Đọc thêm!” bài đăng này sẽ được load về trình duyệt và thay thế trang trước đó. Bạn muốn bài đăng được mở ở một cửa sổ mới hãy chèn đoạn mã này.

<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data:post.url’ target=’_blank’>Đọc thêm!</a>
</b:if>


Trường hợp bạn muốn chữ “Đọc thêm” lớn hơn hay nhỏ hơn so với các chữ khác của bài hãy chèn đoạn mã dưới. Thay đổi phần trăm để được nhỏ hơn.

<b:if cond=’data:blog.pageType != “item”‘>
<span style=”font-size:140%;”><a expr:href=’data:post.url’ target=’_blank’>Đọc thêm!</a></span>
</b:if>


Trường hợp bạn muốn chữ “Đọc thêm” in đậm hãy chèn đoạn mã dưới.

<b:if cond=’data:blog.pageType != “item”‘>
<span style=”font-weight:bold;”><a expr:href=’data:post.url’ target=’_blank’>Đọc thêm!</a></span>
</b:if>


Trường hợp bạn muốn chữ “Đọc thêm” có màu hãy chèn đoạn mã dưới (ví dụ ở đây là màu đỏ, bạn có thể lấy màu khác: Từ cửa sổ đăng bài Compose, gõ vài ký tự và chọn màu, click Edit Html để lấy mã, chữ có màu sẽ nằm giữa <span>…</span>).

<b:if cond=’data:blog.pageType != “item”‘>
<span style=”color: rgb(255, 0, 0);”><a expr:href=’data:post.url’ target=’_blank’>Đọc thêm!</a></span>
</b:if>


Bạn có thể sử dụng kết hợp cả ba.

BƯỚC 4: THAY ĐỔI CÁCH ĐĂNG BÀI

Ở cửa sổ đăng bài, thay vì chọn Compose, hãy chọn Edit Html và cấu trúc bài đăng của bạn như bên dưới.

Phần tóm tắt hay đầu bài đăng
<span class=”fullpost”>
Phần còn lại
</span>


Xem hình:


Bài đăng phải nằm trong cấu trúc này. Nếu bạn cảm thấy khó nhớ đoạn code thì hãy vào Settings (Cài đặt) -> Formatting (Định dạng), kéo thanh trượt và tìm Post Template (Mẫu đăng bài), dán đoạn mã vào box kế bên và click Save Settings (Lưu cài đặt) để lưu lại. Mỗi lần đăng bài, đoạn mã này được chèn trước và bạn chỉ việc làm các thao tác để đăng bài.

Chúc thành công.
Về Đầu Trang Go down
Xem lý lịch thành viên http://ngthang09.forumvi.com
 
Chèn “Đọc thêm” cho bài đăng của blog
Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
DIỄN ĐÀN NGƯỜI HƯNG HÓA :: Thủ thuật :: Thủ thuật Blog-
Chuyển đến