Công lý Template giao diện tin tức đẹp

Công lý template là mẫu tin tức cực kỳ đẹp mà chắc hẳn các bạn dùng blogspot không còn xa lạ, khá nhiều blogger việt đang sử dụng template này như một dạng blog cá nhân và đã được tối ưu hóa Seo Onpage. Blogger template for Seo xin chia sẻ tới các bạn template này.

Công lý Template giao diện tin tức đẹp


Một vài thay đổi trong template Congly

- Thay đổi tổng quan giao diện trang chủ, trang con, thay đổi lại hiển thị màu sắc, font chữ, độ rộng bài đăng sao cho dễ nhìn, chuyên nghiệp.
- Tối ưu lại thẻ H1 cho trang chủ Label, và các bài đăng.
- Sửa lỗi thêm mới Widget không có background cho Title.
- Sửa lỗi tràn nội dung ngoài trang chủ.
- Sữa lỗi bị mất hiệu ứng hộp đèn cho hình ảnh của template Congly, thêm vào hiệu ứng lightbox hoàn toàn mới.


- Tích hợp bộ nút share, Google + Facebook, Tweet, Pinterest.


- Tích hợp sẵn Breadcrumbs.


- Thêm bài viết liên quan, cho từng bài đăng.


- Đặc biệt, thêm một widget trên cùng luôn trượt theo khi lăn cuộn chuột. Widget này có title là liên hệ, các bạn có thể thay đội nội dung tùy ý, để Hotline là hay nhất.


Cách thay đổi giao diện Congly

Thay đổi logo
Vào "Mẫu" > "Chỉnh sửa HTML"
Ấn tổ hợp phím Ctrl F, tìm "#header .logo a" và thay thế link ảnh được hilight đỏ. Bạn hoàn toàn có thể thay đổi kích cỡ của logo với độ rộng (width) và chiều dài (height) tùy ý.

#header .logo a{background:https://lh3.googleusercontent.com/-bcNjCHKK-k8/Uiy5HiMoXWI/AAAAAAAABvU/3tVvx1ggf9k/w177-h82-no/Apartmentforu-logo-SMALL.png) center left no-repeat;width:251px;height:90px;display:block;float:left}

Thay đổi lại đường dẫn của các nhãn (Label) của thanh menu


Ctrl F, tìm ul class='menu'


Như có thể thấy trong hình, mình đã để tên các label trong mẫu template là Label A, Label B... Label E; tên các chuyên mục con là: Con Label B thứ 1, Con Label B thứ 2... để các bạn dễ dàng thay thế.

Ví dụ: blogspot bạn có chuyên mục "Giải trí", ta thay Label B thành Giải trí

Lưu ý: Không nên sửa max-results=15. vì ảnh hưởng đến việc hiện thị.

Thay đổi lại đường dẫn của nhãn nơi hiển thị các bản tin chính

Ctrl F, tìm "Label Hiện Thị ở trang chủ" và thay thành Label mà bạn muốn xuất hiện ở vị trí này:


Mẹo: Khi viết bài, ngoài các label của đúng chuyên mục mà bạn đăng viết, ta thêm vào một Label chung cho tất cả các bài muốn hiện thị tại vị trí trên, Ví dụ: Muốn hiển thị các tin của 2 Label "Giải trí" và "Pháp luật" lên bản tin chính, ta thêm 1 Label chung là "Tin tức", ta được:

document.write("<script src=\"/feeds/posts/default/-/<b><span style="color: #cc0000;">Tin tức</span></b>?max-results="+10+"

Lỗi không lưu được khi di chuyển hoặc thêm mới tiện ích Widget

Lỗi này đã có từ bản gốc tới nay và vẫn chưa thể khắc phục được, nên ta đành sống chung với nó.


Lỗi này xuất hiện khi chúng ta thêm mới một tiện ích hoặc di chuyển trong phần "Bố cục". Sau khi đã thêm mới tiện ích, muốn di chuyển nó xuống hoặc lên vị trí khác, ta làm như sau:

- Xác định, id của tiện ích.


- Quay trở lại "Mẫu" > "Chỉnh sửa HTML", ấn tổ hợp phím Ctrl F tìm id ta đã lấy được, như trong hình, ID là HTML6, các bạn cũng có thể tìm bằng Title của tiện ích, trong hình là "Tiện ích mới nè"


- Cắt (Ctrl X) toàn bộ đoạn được bôi đen như trong hình và dán nó vào vị trí thích hợp, sau các tiện ích khác.

Tiện ích được tính từ <b:widget>, kết thúc bằng </b:widget>

Công lý Template được chia sẻ bởi Cuộc sống muôn màu. Thanks for sharing.
Nhận Template mới nhất qua Email.

Nhập địa chỉ Email của bạn rồi chọn Đăng ký sau đó nhập kí tự captcha và vào địa chỉ email để kích hoạt hoàn tất.

Là một người rất đam mê các mẫu blogspot và MMO.

Bài trước
« Prev Post
Bài sau
Next Post »
6 Comments
avatar

bạn cho hỏi template này down ở đâu vậy

Trả Lời
avatar

Chào bạn!
Bạn thấy Tải về bên cạnh Xem Demo dưới hình ảnh đầu tiên giới thiệu template này.
Thân.

Trả Lời
avatar

sao em làm hoài mà các tin nó không chạy từ phải qua trái như của bác vậy ở tuốt trên ấy

Trả Lời
avatar

Cái tin tức chạy đó có lẽ nó đã được Author thêm mà không cho vào mẫu rồi bạn. Bạn có thể search Google để biết cách làm nhé!
Thân.

Trả Lời
avatar

Cái banner bị lỗi gi đó ko hiện. code này vẫn để nguyên chưa chỉnh sửa. Bạn coi lại rùm mình cái

http://phatgiaovietnam-bienhoa.blogspot.com/ <=== demo banner này để nguyên chưa chỉnh sửa gi hết

Trả Lời
avatar

Banner ở header bạn cần có kích thước là 960x150 để có thể hiển thị tốt trên giống như ở trang Demo nhé

Trả Lời