Magify là mẫu giao diện Blogger chuyên nghiệp, tối ưu hóa tốc độ và hoàn toàn có thể tùy chỉnh, phù hợp cho các trang tin tức, tạp chí hoặc blog cá nhân. Với thiết kế đáp ứng (responsive), Magify mang lại trải nghiệm người dùng mượt mà trên mọi thiết bị. Với mức giá $6.95, Magify là lựa chọn phù hợp cho những ai muốn xây dựng một blog hoặc trang tin tức chuyên nghiệp mà không cần kỹ năng lập trình.
Tính năng nổi bật:
-
Tốc độ tải trang cực nhanh, đạt điểm cao trên Google PageSpeed.
-
Hỗ trợ chế độ tối (Dark Mode) và bố cục hộp (Boxed Layout) chỉ với một cú nhấp chuột.
-
Tích hợp menu mega Ajax, hỗ trợ quảng cáo AdSense (In-Feed ADS) trên trang chủ và bài viết.
-
Hỗ trợ bình luận Disqus và Facebook, cho phép nhúng video và hình ảnh trong bình luận.
-
Tối ưu hóa SEO, thân thiện với thiết bị di động và dễ dàng tùy chỉnh màu sắc, phông chữ, chiều rộng và nền.
Menu Chính
Truy cập Bố cục (Layout) của blog và nhấp vào biểu tượng
Chỉnh sửa (Edit) trong tiện ích
Main Menu.
Tùy chọn Menu Thả Xuống (DropDown):
Liên kết thường Ví dụ: Features
Liên kết cấp 1 Ví dụ: _Level 1 “Thêm 1 dấu gạch dưới trước tiêu đề”
Liên kết cấp 2 Ví dụ: __Level 2 “Thêm 2 dấu gạch dưới trước tiêu đề”
CẢNH BÁO: Liên kết cấp 2 phải nằm giữa hoặc dưới các liên kết cấp 1.
Tùy chọn MegaMenu:
Cú pháp shortcode: {getMega} $label={recent}
Shortcode Label: label hoặc recent.
Label là gì?
Ví dụ Shortcode: {getMega} $label={Economy}
Thiết lập Widget 01:
Thiết lập Widget 02:
ĐỂ LƯU: Sau khi thêm toàn bộ các liên kết mong muốn và sắp xếp chúng đúng vị trí, hãy nhấp vào nút Lưu.
Quảng cáo Header (Header ADS)
Truy cập Bố cục (Layout) của blog và nhấp vào Thêm tiện ích (Add a Gadget) chọn HTML/JavaScript, Hình ảnh (Image) hoặc AdSense trong phần Header ADS.
Ví dụ HTML/JavaScript:
QUAN TRỌNG: Quảng cáo này chỉ hiển thị trên Trang Chủ và Trang Bài Viết.
Truy cập Bố Cục blog của bạn > và nhấn vào Thêm Tiện Ích > HTML/JavaScript > trong phần Bài Viết Nổi Bật.
Cấu trúc Shortcode: {getFeatured} $label={Nhãn Của Bạn} $color={Mã Màu Hex}
Nhãn Shortcode: label hoặc recent
Màu Shortcode: $color={Mã Màu Hex} là tùy chọn
Ví dụ Shortcode: {getFeatured} $label={recent} $color={#1abc9c}
Trang Màu Hex: https://flatuicolors.com/
Cài Đặt Tiện Ích:
Tiện Ích Bài Viết 1 / Tiện Ích Bài Viết 2
Truy cập bố cục Blog của bạn > và nhấp vào Thêm tiện ích > HTML/JavaScript > tại các khu vực Post Widgets 1 hoặc Post Widgets 2.
Cấu trúc Shortcode: {getBlock} $results={Số lượng kết quả} $label={Nhãn} $type={Loại} $color={Mã Màu Hex}
Các loại Shortcode: block1, col-left, col-right, videos, grid1
Nhãn Shortcode: label hoặc recent
Số lượng kết quả Shortcode: Bạn phải nhập số lượng kết quả muốn hiển thị
Màu sắc Shortcode: $color={Hex Color} không bắt buộc
Ví dụ Shortcode: {getBlock} $results={5} $label={Music} $type={block1} $color={#1abc9c}
Trang mã màu Hex: https://flatuicolors.com/
Cài đặt Widget:
Bản Demo Tiện Ích Bài Viết:
Truy cập bố cục Blog của bạn > và nhấn Thêm Tiện Ích > HTML/JavaScript, Hình Ảnh hoặc AdSense > tại khu vực HOME ADS 1.
Ví dụ mã HTML/JavaScript:
LƯU Ý QUAN TRỌNG: Quảng cáo này chỉ xuất hiện trên Trang Chủ và nằm phía trước khu vực bài viết chính.
Truy cập bố cục Blog của bạn > và nhấp vào biểu tượng Chỉnh Sửa > trong tiện ích Main Posts/Blog Posts.
Cài đặt Widget:
Tiêu đề Bài Viết Mới Nhất: Thay chữ thành hidden để xóa tiêu đề
Truy cập bố cục Blog của bạn > và nhấn Thêm Tiện Ích > HTML/JavaScript, Hình ảnh hoặc AdSense > tại khu vực ADS 1 (trước nội dung) và ADS 2 (sau nội dung).
Ví dụ mã HTML/JavaScript:
Cú pháp Shortcode ADS 1: $ads={1}
Cú pháp Shortcode ADS 2: $ads={2}
LƯU Ý: Sau khi thêm Shortcode hãy áp dụng kiểu Gạch ngang (Strikethrough) — ví dụ:
Ví dụ hiển thị (đã gạch ngang): $ads={2}
Ghi chú ngắn: Chèn $ads={1} hoặc $ads={2} trực tiếp vào nội dung bài viết; sau đó chọn định dạng gạch ngang để ẩn ký tự shortcode và thay vị trí đó bằng quảng cáo khi trang được render.
QUAN TRỌNG: Quảng cáo này sẽ chỉ xuất hiện nếu bạn đã chèn nó vào đúng phần; nếu muốn ẩn, chỉ cần bỏ chọn để không hiển thị hoặc xóa tiện ích.
Truy cập bố cục blog của bạn > nhấp vào Thêm tiện ích (Add a Gadget) > chọn HTML/JavaScript, Hình ảnh (Image) hoặc AdSense > tại khu vực HOME ADS 2.
Ví dụ HTML/JavaScript:
QUAN TRỌNG: Quảng cáo sẽ chỉ xuất hiện nếu bạn đã thêm nó vào đúng phần. Nếu bạn muốn ẩn, chỉ cần bỏ dấu chọn để không hiển thị hoặc xóa tiện ích.
Truy cập bố cục blog của bạn > nhấp vào Thêm Tiện Ích > chọn HTML/JavaScript, Hình Ảnh hoặc AdSense > trong phần HOME ADS 2.
Ví dụ HTML/JavaScript:
QUAN TRỌNG: Quảng cáo này chỉ xuất hiện trên Trang chủ sau các bài viết chính.
Tiện ích này tự động nhận thông tin hồ sơ Blogger của bạn, miễn là hồ sơ được đặt ở chế độ công khai. Các biểu tượng sẽ được hiển thị nếu trong phần mô tả có chèn liên kết.
Biểu tượng được hỗ trợ:
blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link
Cài đặt Blogger:
Truy cập: https://www.blogger.com/edit-profile.g
Tìm phần Thông tin bổ sung > Giới thiệu > và thêm mô tả của bạn bằng các liên kết HTML.
Cấu trúc liên kết HTML:
<a href="Your Link Here">Icon Name</a>
Ví dụ:
<a href="https://facebook.com/templateify">facebook</a>
- Toàn chiều rộng: full-width
- Thanh bên trái: left-sidebar
- Thanh bên phải: right-sidebar
- Mẫu liên hệ: contact-form
Ví dụ:
Truy cập bố cục blog của bạn > nhấp vào biểu tượng Chỉnh sửa (Edit Icon) > trong tiện ích Social Count ở thanh bên (Sidebar).
Các biểu tượng được hỗ trợ:
blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link
Cài đặt tiện ích (Widget Settings):
Truy cập bố cục blog của bạn > nhấp vào Thêm Tiện Ích (Add a Gadget) > chọn HTML/JavaScript > trong phần Sidebar.
Cấu trúc Shortcode:
{getWidget} $results={Số lượng kết quả} $label={Nhãn của bạn} $type={list}
Nhãn Shortcode: label, recent hoặc comments
Số lượng kết quả: bạn phải thêm số lượng mong muốn
Ví dụ Shortcode:
{getWidget} $results={3} $label={comments} $type={list}
Cài đặt tiện ích (Widget Settings):
Truy cập bố cục blog của bạn > nhấp vào Thêm Tiện Ích (Add a Gadget) > chọn HTML/JavaScript > trong các phần Sidebar.
LƯU Ý: Để thêm Page Plugin, bạn cần cài đặt Facebook SDK trên blog của mình. Hướng dẫn cài đặt có thể xem bằng cách nhấp vào đây.
Ví dụ đoạn mã Facebook Page Plugin:
<div class="fb-page" data-href="ĐỊA CHỈ TRANG FACEBOOK CỦA BẠN" data-width="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>
THÔNG TIN: Thay nội dung trong "data-href" bằng địa chỉ trang Facebook của bạn, sau đó nhấn Lưu.
Truy cập bố cục blog của bạn > nhấp vào biểu tượng Chỉnh sửa (Edit Icon) > trong các tiện ích About Section.
1.1 - Giới thiệu về chúng tôi (About Us)
LƯU Ý: Để chỉ hiển thị tiêu đề và mô tả, trong trường liên kết (link field) thêm hide-image.
1.2 - Theo dõi chúng tôi (Follow Us)
Các biểu tượng được hỗ trợ:
blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link
Truy cập bố cục blog của bạn > nhấp vào biểu tượng Chỉnh sửa (Edit Icon) > trong tiện ích Footer Copyright.
Cài đặt tiện ích (Widget Settings):
1.1 - Facebook SDK
Tiện ích Page Plugin cũng như phần bình luận Facebook chỉ hoạt động nếu bạn đã cài đặt Facebook SDK trên theme của mình. Xem hướng dẫn các bước bên dưới để lấy và cài đặt Facebook SDK.
Lấy SDK:
Bước 01: Truy cập https://developers.facebook.com/docs/plugins/page-plugin/ > nhấn nút Lấy Mã (Get Code) và sao chép đoạn Script SDK.
Sao chép SDK:
SDK en_US:
<script async="async" defer="defer" crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
Cài đặt SDK:
Truy cập bố cục blog của bạn > nhấp vào biểu tượng Chỉnh sửa (Edit Icon) > trong phần Tùy chọn Theme (Theme Options) > tiện ích Facebook SDK.
Cài đặt tiện ích (Widget Settings):
Truy cập bố cục blog của bạn > nhấp vào biểu tượng Chỉnh sửa (Edit Icon) > trong phần Tùy chọn Theme (Theme Options) > tiện ích Default Variables.
Các tùy chọn:
- monthFormat
- relatedPostsNum
- showMoreText
- followByEmailText
- commentsSystem
- disqusShortname
monthFormat: mặc định là "January", "February", "March", "April", "May", "June", "July",
"August", "September", "October", "November", "December".
relatedPostsNum: mặc định là 3.
showMoreText: mặc định là Show more.
followByEmailText: mặc định là Get all latest content delivered straight to your inbox.
commentsSystem: blogger, facebook, disqus hoặc hide, mặc định là blogger.
disqusShortname: Nếu bạn thêm form Disqus, bạn cần điền username của form, mặc định là
templateify-theme.
LƯU Ý: Để thêm phần Bình luận Facebook (Facebook Comments), bạn cần cài đặt Facebook SDK trên blog của mình. Hướng dẫn cài đặt có thể xem bằng cách nhấp vào đây.
Site Feed
Truy cập blog của bạn > nhấp vào Cài đặt (Settings) > và chọn Khác (Other).
LƯU Ý:
Để các tiện ích như Bài Viết Nổi Bật (Featured Posts), Post Widgets, Bài Viết Liên Quan (Related Posts), Bình luận Mới (Recent Comments) và Recent Posts Widget hoạt động bình thường, bạn cần thiết lập Site Feed là "Full".
Cách Tùy Chỉnh Giao Diện (Customize This Theme)
Truy cập Giao diện (Theme) của blog > nhấp vào nút Tùy Chỉnh (Customize) > và tìm các tùy chọn Nền (Background) và Nâng Cao (Advanced).
Các tùy chỉnh có sẵn:
- Tùy chọn hiển thị (Display Options)
- Nền (Backgrounds)
- Chiều rộng (Widths)
- Màu sắc (Colors)
- Kích thước phông chữ (Font Size)
- Và nhiều tùy chỉnh khác
Ví dụ về Nền (Background Example):
- Phiên bản Boxed (Boxed Version): 0 là không, 1 là có
- Thanh bên trái (Left Sidebar): 0 là không, 1 là có
- Menu cố định (Fixed Menu): 0 là không, 1 là có
- Thanh bên cố định (Fixed Sidebar): 0 là không, 1 là có
Nâng Cao > Ví dụ Phông Chữ Chủ Đề:
Nâng Cao > Ví dụ Màu Chủ Đề:
Giảm giá 50% Theme Blogger Magify
Gửi yêu cầu bên dưới để được giảm giá 50%
Nội dung cần gửi:
"Tôi muốn mua Theme Blogger Magify trên Tiemthongminh.com"
Lưu ý: Có thể thay tên thành SĐT hoặc ID MXH.
Đăng nhận xét