HƯỚNG DẪN CÁCH TÙY CHỈNH TEMPLATE COUPON UNICA [CẬP NHẬT]

Trước hết khi bắt đầu đọc bài hướng dẫn cách tùy chỉnh template mới cập nhật của blog Coupon unica, bạn hãy tải template này lên blogger của mình rồi bắt đầu tùy chỉnh theo các phần chính như dưới đầy:

TẢI TEMPLATE

Ok, bây giờ chúng ta bắt đầu!

LABEL

Để đừa tất cả các bài viết có nội dung liên quan hoặc thuộc cùng chủ đề, lĩnh vực thì chúng ta mới cần sử dùng label để phần biệt và giúp điều hướng người dùng tìm kiếm nội dung nhanh hơn.

Vì vậy, để thay đổi tên label và cách lấy link thì bạn làm theo cách sau:

Truy cập vào blog => chủ đề => chỉnh sửa HTML sau đó chọn vào vùng bất kỳ của dòng code nhấn tổ hợp Ctrl + F => nhập tìm kiếm lệnh “search/label” hiện ra như hình:

 

Code label blogspot

Còn lại là bạn thay tất cả tên theo label của blog cụ thể:

<li><a href='/search/label/Ngoại%20ngữ'> Ngoại ngữ</a></li>

<li><a href='/search/label/thiết%20kế’> Thiết kế</a></li>

<li><a href='/search/label/Tin%20hot'> Tin hot</a></li>

Giải thích:

·        Phần chữ màu đỏ là link của danh mục (label), bạn chỉ thay link của blog mình thôi

·        Phần chữ xanh là tên hiển thị

BUTTOM

Để cài nút bấm có trong bài viết thì đầu tiền bạn cần chuyển định dạng bài viết sang code, ví dụ: “TÌM HIỂU THÊM” là nút kêu gọi hành động thì trước tiên hãy chèn link cho rồi chuyển bài viết về HTML và tìm kiếm link đã chèn.

 

chèn code btn-primary trong đoạn a href

Rồi chèn giữa <a và href bằng lệnh class="btn-primary"  dưới đầy là đoạn code mình có sử dụng nút kêu gọi hành động <a class="btn-primary" href="https://unica.vn/kiem-tien-tren-amazon?coupon=min40u" rel="nofollow" target="_blank">Tìm hiểu thêm</a>

LIÊN KẾT

Trong blog mình có chèn thêm link dưới chân trang hay còn gọi là footer hai dạng link là:

·        MẠNG XÃ HỘI

Để thay link social, gõ code “medsosbawah” trong chỉnh sửa HTML như phần label. Rồi đổi lai các thành phần in xanh:

<a class="twitter" href="https://twitter.com/nac96axing" rel="nofollow" target="_blank"><i class="fa fa-twitter"></i></a>

·        INTERAL LINK

Về internal link thì nếu trong blog của bạn có trang giới thiệu sẵn rồi thì không cần thay đổi nữa chỉ cần đổi link trang liên hệ thành “/p/gioi-thieu.html” và tương tự “/p/lien-he.html” là xong.

·        External link (link out)

Trên trang chỉ có link khuyến mãi khóa học SEO mình mới có chèn link, vào phần tùy chỉnh HTML gõ code “btn-head” và sửa lại link hoặc xóa luôn phần này nếu muốn:

<div class="btn-head"><p>Giảm 50% khóa học <b>"THỰC HÀNH SEO"</b> của Đỉnh Tình <a class="btn1" href="https://unica.vn/seo-thuc-hanh-top-1-google-trong-30-ngay?coupon=min40u">XEM NGAY!</a></p></div>

THAY ĐỔI “TÁC GIẢ VÀ SỞ THÍCH”

Về tác giả thì avtar sẽ được lấy tự động từ ảnh hồ sơ của blogger nên các bạn cứ up ảnh lền hồ sơ của mình là ok. Còn dòng giới thiệu thì vào chỉnh sửa HTML tiếp, gõ code “auth-panel” rồi sửa lại đoạn văn dưới:

 

Tác giả của blogger

CHATBOT “LIST KHÁCH HÀNG TIÊM NĂNG”

Để thay đổi link chatbot và đoạn văn bạn cần gõ “Nhận tài liệu SEO” trong đoạn <h2 class="title">Nhận tài liệu SEO</h2> thay lại tiêu đề  và link của chatbot chỉ cần tìm trong đoạn <a href="https://www.messenger.com/t/1968271243236699" rel="nofollow" target="_blank" title="tai lieu seo"><i class="fa fa-user"></i> gõ "seo"</a>

Chữ in xanh chính là link cần thay!

Cuối cùng chúc các bạn thành công, nếu có bất cứ thắc mắc nào hãy liên hệ với mình qua fb: fb.com/nac96ax