Header ads

Header ads
» » Metro BTK – The Metro UI style Blogger Template

Về tính năng mình đã áp dụng Full All in One SEO for Blogger nên bạn không cần phải làm thêm bất kỳ thủ thuật SEO nào nữa. MetroBTK – The Metro UI Style Blogger Templates có một số tính năng nổi bật sau:

1. Menu bar đa cấp

Menu bar đa cấp
Bạn tìm đến dòng code sau và chỉnh sửa link và text theo ý thích của mình
Data provided by Pastebin.com - Download Raw - See Original
    <div id='menu-module'>
    <div class='mattblackmenu' id='ddtopmenubar'>
    ...
    </div>
    ...
    </div>
Cách chỉnh sửa hơi phức tạp một chút, anh em cần chú ý kỹ cấu trúc code để tùy chỉnh. Nếu có khó khăn hãy để lại comments mình sẽ hướng dẫn cách tùy chỉnh cụ thể.

2. Top Stories widget

Top Stories widget
Để Top Stories widget hay Feature post hiển thị bạn cần phải làm những việc sau.
b1) Tìm đến Bloglist widget có tên Top Stories nhấn Edit
b2) Đánh dấu check vào chính xác 3 dòng sau
  • Title of most recent item
  • Thumbnail of most recent item
b3) Nhấn Add to list để thêm đường link vào trong Bloglist. Có tất cả 4 bài viết nên bạn cần thêm vào chính xác 4 đường link sau.
Data provided by Pastebin.com - Download Raw - See Original
    http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=1
    http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=2
    http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=3
    http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=4
Nhớ thay blog.nguoiaolam.net bằng tên blog của bạn (VD: http://metro-blogthietke.blogspot.com/). Bây giờ muốn bài viết nào lên Top Stories bạn cần gán cho nó nhãn hot (viết thường, không hoa)
Nếu không cẩn thận khi thực hiện bước này Top Stories rất dễ bị lỗi dẫn đến không thể truy cập vào trang chủ của blog được. Hướng dẫn chi tiết cách khắc phục lỗi mình đã viết một bài ở đây tựa là Metro Featured Posts Widget cực đỉnh cho Metro Style Blogger Templates anh em đọc luôn cả phần comments để biết cách khắc phục nhé.

4. Full width Ads Banner

Full width Ads Banner
Tìm đến HTML widget có tên QC mở nó ra và chèn vào đoạn code này
<a href="#"><img src="/img-source" /></a> Thay linkimg source tùy ý vào đoạn code trên. Nhớ rằng để có được Full Width Ads Banner thì bề rộng của ảnh phải có kích thước 980px.

5. Categories link bar

Categories link bar
Tìm đến Linklist widget Categories Link Bar nhấn Edit và tùy chỉnh linklist tùy ý. Nên dùng cho các chuyên mục chính và quan trọng của blog.

6. Metro UI style social item

Metro UI style social item
Tìm đến đoạn code bên dưới và sửa tên nguoiaolam thành id mạng xã hội của bạn.
Data provided by Pastebin.com - Download Raw - See Original
    <div class='social'>
    <span class='fade'><ul>
            <li><a href='http://facebook.com/blogthietke'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLOHUjJEzORY_wDZIjWBzlSTY6oeDRKu7LGhRweISixVaLc-D2EUDzhFq75f6s488dPlkHYKfyi5F91I2gigd9q36P3cZwtBnrNtaIGBgAM8N5mVwo4suE9JoVBYvQDOClTmvNiSofCUD1/s57/Facebook%2520alt%25201.png'/></a></li>
            <li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwKTrdK9SHX6DYHEs3efsRrQOuFP6jnN_PGsL8m5O9PYUzniAcHVFS1qQ2dl2mFvM0P7NoKcaI3xy7T3oqMuYyV5QIPf5CpLe6Az9wSGje5U9-MjLYcyArTeUw_-CTV9XXZb2f6_SeYuKq/s57/Google%252B%2520alt.png'/></a></li>
            <li><a href='http://pinterest.com/honghoavi'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvHV5VEFguFT7oIMEqtShxgMuFzxSfQVVtJqgWkCRlXg8IS8974EDy6U84fXgwvChjzk2vmp1Jy0OIJsUVj2iIe0OUx6u_vlw1yTc0v053VU1EAAt_d5tX1E5BUECy4WuGDAHPbEtFTp2T/s57/Pinterest%2520alt.png'/></a></li>
            <li><a href='http://feeds.feedburner.com/blogthietke'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iz-uhL1DiKB9Qp89mXO3UBPe1aoiYURf06WZM065lex4P34hFHWXDoXpdr19BrRVoc9bbZMACfqnZf95mUKIMJ6mTYlLSDn8IMBT3IIYPadzR6PR1NuGTPOpHMAz9lcfUi4Ge86I7-mC/s57/RSS%2520Feed.png'/></a></li>
            <li style='padding:0px'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuBEVlJ38zj30SB3qToN0uFPCn_m4s3CtTMsIBeXWkJd5SbZ6Nu6SF3mXc8bT-p-Omnh1BVbvcf-JN_aWhtYkupSUdVv3X_XKw7mQV0YhwD8_wnWM4f11QHpEi0bOG1ma9PfXpXHQS0ViV/s57/YouTube%2520alt%25201.png'/></a></li>
    </ul></span><div style='clear: both;'/>
    </div>

About Học viện đào tạo trực tuyến

Xinh chào bạn. Tôi là Đinh Anh Tuấn - Thạc sĩ CNTT. Email: dinhanhtuan68@gmail.com .
- Nhận đào tạo trực tuyến lập trình dành cho nhà quản lý, kế toán bằng Foxpro, Access 2010, Excel, Macro Excel, Macro Word, chứng chỉ MOS cao cấp, IC3, tiếng anh, phần mềm, phần cứng .
- Nhận thiết kế phần mềm quản lý, Web, Web ứng dụng, quản lý, bán hàng,... Nhận Thiết kế bài giảng điện tử, số hóa tài liệu...
HỌC VIỆN ĐÀO TẠO TRỰC TUYẾN:TẬN TÂM-CHẤT LƯỢNG.
«
Next
Bài đăng Mới hơn
»
Previous
Bài đăng Cũ hơn