Download Median Ui V1.5 + V1.6 - Responsive Blogger Template

Median Ui là mẫu blogger hiện đại cao cấp tốt nhất. Để thích ứng với giao diện người dùng, mẫu này  cung cấp một số tiện ích thú vị như: Theo dõi blog, Chế độ tối và Danh mục bài viết tự động,... Tuy nhiên đây là một mẫu blogger trả phí nhưng TruongBlogger sẽ cung cấp mẫu này cho người dùng hoàn toàn miễn phí (Phiên bản Premium).

Median Ui là chủ đề tốt nhất cho tin tức, tạp chí và blog cá nhân với các tính năng độc đáo và thiết kế hiện đại, có nhiều công cụ viết bài hỗ trợ. Thân thiện với người dùng, tốc độ được tối ưu đáng kể, phù hợp hiển thị trên nhiều thiết bị.

Bạn có thể xem trước mẫu: {getButton} $text={Preview (V1.6)} $icon={preview} $color={#27ae60}

Trong bài viết này mình sẽ cung cấp 2 mẫu mới nhất của Median Uilà V1.5 và V1.6, đây đều là phiên bản Premium, bạn hoàn toàn có thể chỉnh sửa theo ý thích, cũng như tùy biến lại giao diện gốc.

Hiện nay trên các trang chia sẻ yêu cầu một vài điều kiện rắc tối, rồi mua lại với giá rẻ, tuy nhiên bạn có thể tải nó tại TruongBlogger hoàn toàn miễn phí, không cần bỏ ra bất cứ một chi phí nào,...

Median UI V1.5

Tính năng:

• Đáp ứng hiển thị trên nhiều thiết bị
• Công cụ kiểm tra dữ liệu có cấu trúc của Google hợp lệ
• Kết quả nhiều định dạng của Google hợp lệ
• Trang lỗi tùy chỉnh
• Tốc độ tải trang nhanh chóng
• Tập lệnh Java Orignal có sẵn
• Bài đăng được ghim
• Các biểu tượng SVG đẹp
• Có thanh bên (Sidebar)
• Các nút chia sẻ MXH
• Tùy chọn Nhận xét Blogger, Disqus hoặc Facebook
• Tối ưu hóa tùy chỉnh
• Bài đăng hấp dẫn
• Tối ưu hóa Seo
• Nút theo dõi MXH
• Không có Bản quyền Chân trang
• Có thông tin tác giả

Download Median UI V1.5

{getButton} $text={Download} $icon={download} $color={#2980b9}

Median UI V1.6

Tính năng:

• Bao gồm tất cả các tính năng của phiên bản V1.5

Một số thay đổi so với bản V1.5:

• Menu trên Desktop mặc định chỉ hiển thị icon.
• Menu chân trang trên Mobile thêm chú thích cùng icon.
• Phần bình luận vẫn ở dạng Popup nhưng được điều chỉnh ra giữa.
• Tự động hiển thị Description xuống dưới tiêu đề.
• Phần bài viết liên quan thêm đánh số thứ tự.
• Sửa lỗi ảnh bị mờ do link ảnh mới của Blogger.
• Sửa lỗi dữ liệu có cấu trúc Author bị thiếu trường URL.
• Giao diện trang chủ không còn dạng bài mới ở dạng list.
• Và một vài thay đổi về Code Button. (Bạn đang dùng mẫu V1.5 phải chỉnh sử lại một số CSS để phù hợp)

Download Median UI V1.6

{getButton} $text={Download} $icon={download} $color={#2980b9}

Password giải nén: {getButton} $text={XEM PASS} $icon={info} $color={#ff0056}

All Typography and Writing Formats

Bạn có thể xem các định dạng hỗ trợ viết bài cho mẫu Median UI

{getButton} $text={Documentation} $icon={info} $color={#34495e}

Median UI AMP

AMP giúp tăng trải nghiệm người dùng Mobile, từ đó giúp trang của bạn tiếp cận được nhiều khách hàng tiềm năng và tăng thứ hạng tốt hơn. AMP là công nghệ mã nguồn mở giúp tăng tốc độ tải trang trên di động mà vẫn bắt mắt, ngay cả khi mạng chậm. Từ đó làm tăng lượt truy cập, click, tương tác của người dùng trên Mobile.

Tuy nhiên đối với mã nguồn Blogger việc sử dụng AMP hơi tốn thời gian vì chúng ta phải chỉnh sửa thủ công bằng tay. Nếu bạn muốn sử dụng Median Ui AMP bạn có thể tham khảo và tải về sử dụng.

Tính năng:

• Vẫn có các tính năng của mẫu Median UI.
• Bổ sung thêm trang AMP hợp lệ.

Download Median UI AMP

{getButton} $text={Median Ui V1.5 AMP} $icon={download} $color={#2980b9} {getButton} $text={Median Ui V1.6 AMP} $icon={download} $color={#2980b9}

Password giải nén: {getButton} $text={XEM PASS} $icon={info} $color={#ff0056}

Cách đăng bài trong mẫu Median UI AMP

Trong bài viết sử dụng thẻ div và thuộc tính là class='' không được sử dụng cặp thẻ <style>...</style>

Ảnh đầu tiên của bài viết sử dụng theo mẫu:

<table class='tr-caption-container'>

<tbody>

    <tr>

      <td>

        <amp-img alt="/" width="/" height="/"  src="Link ảnh đầu tiên" title="/" layout='intrinsic' ></amp-img>

        <noscript><img alt="/" width="/" height="/" src="Link ảnh đầu tiên" title="/" /></noscript>

      </td>

    </tr>

  </tbody>

</table>{codeBox}

Từ ảnh thứ 2 sử dụng mẫu:

<amp-img alt="/" width="/" height="/"  src="Link ảnh tiếp theo" title="/" layout='intrinsic' ></amp-img>{codeBox}

Cách kiểm tra trang đã đạt chuẩn AMP hay chưa?

{getButton} $text={Test Google AMP} $icon={link} $color={#8e44ad}

Kết luận

Trên đây mình đã chia sẻ cho các bạn hoàn toàn 2 mẫu Median Ui V1.5 + V1.6 và AMP phiên bản Premium hoàn toàn miễn phí cho người dùng. Nếu thấy có ích hãy chia sẻ cho mình nhé!