Fletro Pro v5.5 Premium Blogger Template Download

Tải Xuống Template Blogger Fletro Pro 5.5

Tiếp tục với phiên bản trước của Mẫu Blogger Fletro Pro, phiên bản mới có tên Fletro Pro v5.5 đã được phát hành với một số tính năng tuyệt đẹp làm cho nó trông năng động hơn.

Fletro Pro 5.5 đã kết hợp một số tính năng của Median UI Blogger Template cho hiệu suất cao hơn nhiều và trải nghiệm người dùng tốt hơn.

Fletro Pro là một mẫu blogger được tối ưu hóa tốt được thiết kế cho các thiết bị di động và máy tính để bàn. Mẫu mới đã được xây dựng với thiết kế đẹp hơn không thể so sánh với phiên bản trước.

Để tạo thêm sự ngạc nhiên cho người dùng, một số widget đã được cài đặt mới trong  fletro pro v5.5 mới với màu sắc đẹp và vị trí độc đáo sẽ khiến khách truy cập trang web của bạn điều hướng qua các trang dễ dàng và thích thú với nội dung của bạn.

Các tính năng của Mẫu Blogger Fletro Pro v5.5

Kết hợp các tính năng của phiên bản Fletro Pro được cập nhật trước đó, ở đây có các tính năng và bảng thay đổi mới được bổ sung:

• Màu sắc cải tiến cho trải nghiệm đọc tốt hơn
• Dòng tiêu đề bị xóa
• Tiện ích con quảng cáo lớn thích ứng (giống như Giao diện người dùng trung bình)
• Phông chữ được thay đổi thành "Noto Sans"
• Danh sách thả xuống đẹp mắt
• Thiết kế chân trang động
• Tiện ích tác giả nâng cao với bản xem trước vị trí
• Đã thêm bộ đếm thời gian đọc bài viết
• Đã thêm tiện ích đăng ký được thiết kế tốt
• Đã thay đổi biểu tượng của tác giả trong nhận xét
• Quảng cáo nội tuyến được cấu hình tốt trong bài đăng
• và hơn thế nữa...

Mô Tả File:

Tên	Fletro Pro v5.5
File	Theme, Content Demo & Doc
Layout	Responsif
Upload	17 Desember 2020
Maker	Muhammad Makki

Link : Download

 

Instagram Blogger Template Beta

 

Giới Thiệu Về Template/ WordPress Theme:

Instagram Blogger Template Beta Today another social blogger template that is Instagram blogger template with a beta version only for now so we dont recomnde use in it on your official blog. This is only for the devlopper hwo want to make adjusment to it if you guys want an none beta version just leave a comment

Các Tính Năng Của Template/ WordPress Theme:

Tính Năng	Test
Reponsive	True
Mobile Friendly	True
Google PageSpeed Insights	True
Fast Loading	True
Schema Ready	True
SEO Friendly	True
Adsense Ready	True
Night Mode	True
Sticky Widget	True
Featured Post Widget	True
Reaction Buttons	True
Related Posts	True
Easy Admin Panel	True
Unlimited Colors	True
Social Share Buttons	True
Well Documentation	True

Link : Download

Mini Site Responsive Blogger Template

 

Giới Thiệu Về Template/ WordPress Theme:

Mini Site Responsive Blogger Template The following is a new theme for Namina's submission called Mini Site. The theme appearance is quite simple, responsive, and also SEO friendly. Also available in three theme options.

Mini Site Pro Blogger Template Free Download You can download the All three premuim version, and for its features,check it below:

Các Tính Năng Của Template/ WordPress Theme:

Tính Năng	Test
Reponsive	True
Mobile Friendly	True
Google PageSpeed Insights	True
Fast Loading	True
Schema Ready	True
SEO Friendly	True
Adsense Ready	True
Night Mode	True
Sticky Widget	True
Featured Post Widget	True
Reaction Buttons	True
Related Posts	True
Easy Admin Panel	True
Unlimited Colors	True
Social Share Buttons	True
Well Documentation	True

Link : Download

Median UI v1.4 Premium Blogger Template Free Download

Median UI là một mẫu Blogger cổ điển được tạo bởi Jago deasain, mẫu này được thiết kế với khái niệm UI. Thực tế là tenplate sạch sẽ và có tốc độ tải nhanh khiến nó trở thành một trong những mẫu bogger tốt nhất. Giao diện mẫu Theme cực kỳ khác với các mẫu blogger khác mà bạn có thể đã thấy hoặc sử dụng. Mẫu được tạo ở định dạng hộp ba cột (tính năng này khả dụng khi xem trên máy tính để bàn hoặc các thiết bị hiển thị lớn).

Các tính năng của Median UI v1.4:

• 100% responsive
• Thân thiện với thiết bị di động
• Thân thiện với SEO
• Bài đăng nhiều liên quan trong dòng
• Nâng cao hộp Tìm kiếm
• Chế độ tối
• Nhúng nút chia sẻ xã hội
• Hộp bản tin thân thiện
• Biểu tượng SVG Mordern
• Và nhiều hơn nữa..

Những Tính Năng Của Template

Tính Năng	Test
Reponsive	Check
Mobile Friendly	Check
Google PageSpeed Insights	Check
Fast Loading	Check
Schema Ready	Check
SEO Friendly	True
Adsense Ready	True
Night Mode	True
Sticky Widget	True
Featured Post Widget	True
Reaction Buttons	True
Related Posts	True
Easy Admin Panel	True
Unlimited Colors	True
Social Share Buttons	True
Well Documentation	True

 Link : Download

Hiệu ứng loading cho blog/website

Share code hiệu ứng loading

Có rất nhiều cách trang trí để blog/website trở nên đẹp hơn. Hôm nay, Code Pro sẽ chia sẻ cho các bạn một đoạn code với hiệu ứng loading chuyển động tuyệt đẹp.

Hướng dẫn chi tiết

• Copy đoạn code phía dưới

• <link rel="stylesheet" href="https://cdn.leanhduc.pro.vn/utilities/flying-man-loading-effect/style.css"/>
  <div class='loadd'>
      <div class='body'>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
          <div class='base'>
              <span></span>
              <div class='face'></div>
          </div>
      </div>
      <div class='longfazers'>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
      </div>
  </div>
  <script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
  <script type='text/javascript'>
      $(window).load(function () {
          setTimeout(function () {
              $(".loadd").fadeOut("slow");
          }, 500)
      });
  </script>
    

  • Dán toàn bộ code đã copy phía trên vào trước thẻ đóng </body>
  • Lưu lại là xong rồi !

  Lời kết

  Trên đây là toàn bộ code hiệu ứng loading cho blog/website. Nếu có bất cứ thắc mắc hay khiếu nại về bản quyền hãy comment ngay phía dưới cho mình biết nhé. Chúc các bạn thành công và có một ngày học tập, làm việc thật hiệu quả !!!
  
  

credit : coder

Hướng dẫn sao lưu và khôi phục Blogger

 

Sao lưu định kỳ là một nhu cầu thiết yếu để đề phòng trường hợp có sự cố xảy ra. Sau khi tạo một website miễn phí với Blogger, ở bài này mình sẽ hướng các bạn các bước sao lưu và khôi phục toàn bộ nội dung: bài viết, trang, bình luận và giao diện của Blogger về máy tính. Khi có sự cố xảy ra, chúng ra dễ dàng khôi phục lại dữ liệu trước đó.

Xem nhanh

• Giao diện (Theme)
• Nội dung: bài viết, trang và bình luận

Giao diện (Theme)

Sao lưu giao diện blogger

Để tiến hành sao lưu (backup) giao diện. Các từ menu bên trái, các bạn truy cập vào mục Theme. Sau đó tại menu ... bạn chọn Backup. Một cửa sổ thông báo hiện lên, bạn nhấn tiếp vào DOWNLOAD để tiến hành tải về bản sao lưu giao diện .xml.

Khôi phục giao diện blogger

Tương tự, để khôi phục lại giao diện blogger từ tệp .xml. Tại menu ... các bạn chọn Restore, sau đó nhấn chọn UPLOAD và up tệp .xml đã sao lưu ở bước trên.

Nội dung: bài viết, trang và bình luận

Để tiến hành sao lưu toàn hoặc khôi phục bộ nội dung của Blogger gồm: bài viết, trang và bình luận. Các bạn vào menu Settings > Other.

Sao lưu nội dung blogger

Tại mục Import & back up. Các bạn click vào nút Back up Content, trong hộp thoại hiện lên, chọn Save to your computer để tiến hành tải về toàn bộ nội dung của Blog.

Tệp .xml tải về sẽ được đặt tên theo ngày sao lưu.

Khôi phục nội dung blogger

Để tiến hành nhập nội dung cho blogger, cũng tại mục Import & back up, các bạn nhấn chọn Import Content. Sau khi xác minh reCAPTCHA. Các bạn nhấn tiếp vào Import from computer, chọn và tải lên tệp dữ liệu .xml đã sao lưu.

Lưu ý, nếu tích vào ô Automatically publish all imported posts and pages, toàn bộ nội dung nhập vào sẽ tự động được xuất bản. Ngược lại, các bài viết nhập vào sẽ ở chế độ Nháp.

Nếu các bạn chỉ muốn nhập một vài bài viết hoặc trang thì bỏ tích ở ô này. Sau đó bạn vào danh sách bài viết/trang, lọc và xuất bản các bài viết cần thiết.

Hướng dẫn thay Favicon cho Blogger

Google lần đầu giới thiệu giao diện trang admin mới cho Blogger vào ngày 20/05/2020. Để anh em thuận tiện làm quen thì Blogger team vẫn cho phép mọi người chuyển đổi trở về phiên bản cũ. Tuy vậy, Tính năng “Revert to legacy Blogger” đã bị loại bỏ vào ngày 19/09/2020. Trong đó, có nhiều anh em vẫn chưa quen với giao diện mới này và gặp nhiều khó khăn trong khi sử dụng.

Giao diện trang quản trị mới của Blogger ra mắt ngày 20/05/2020 đã thay đổi phần tùy chỉnh Favicon

Giao diện trang quản trị mới được Blogger team thiết kế lại ra mắt ngày 20/05/2020.

Giao diện quản trị mới của Blogger

Xem nhanh

• Favicon là gì
• Hướng dẫn thay Favicon cho Blogger
• Thắc mắc

Favicon là gì

Favicon – (Favorite Icon) là biểu tượng của website. Đó là một icon thu nhỏ ở góc trên cùng của tab trình duyệt, hiển thị trước tên trang web. Favicon thông thường sẽ được thiết kế trùng với logo website như 1 phần của nhận dạng thương hiệu. Định dạng của favicon thường ở dạng hình ảnh với kích nhỏ: .ico, .png, .svg,…

Favicon của VIETRICK

Hiện nay hầu hết các trình duyệt sẽ tự động sử dụng favicon mặc định ở đường dẫn /favicon.ico nếu bạn không khai báo favicon cho trang web ở phần thẻ <head>. Blogger cũng có sử dụng favicon tại địa đường dẫn gốc của domain.

Hướng dẫn thay Favicon cho Blogger

Trước đây, Google cho phép chúng ta thay đổi favicon trong phần Bố cục (Layout). Tuy nhiên, kể từ khi cập nhật lại giao diện trang admin, Blogger đã thay đổi mục này. Nội dung bên dưới sẽ hướng dẫn các bạn thay đổi favicon trong giao diện quản trị mới của Blogger.

Tạo favicon

Để tạo hoặc thiết kế Favicon, các bạn có thể sử dụng các trình chỉnh sửa ảnh chuyển nghiệp như Photoshop, sau đó xuất file ra định dạng .ico.

Một cách khác để nhanh tạo Favicon nhanh gọn, chúng ta có thể tìm kiếm các icon dưới dạng .svg tại https://www.iconfinder.com hoặc các nguồn trên Internet. Sau đó tiến hành chỉnh sửa lại.

Sau đó, bạn truy cập vào https://realfavicongenerator.net, upload file SVG lên để công cụ này tạo favicon.

Hướng dẫn thay favicon cho Blogger

Bên dưới là hướng dẫn cụ thể các bước thay favicon cho Blogger

1. Cài đặt

   Sau khi đăng nhập vào trang quản trị Blogger, ở menu bên trái, các bạn di chuyển đến mục Cài đặt. Sau đó bên dưới nội dung Mã theo dõi Google Analytics, các bạn nhấn chọn Biểu tượng trang web.
   

2. Upload Favicon

   Trong trang popup nổi lên, các bạn chọn tệp và upload lên tệp favicon.ico đã chuẩn bị sẵn ở phần trên.
   Lưu ý là dung lượng tệp không quá 100KB và kích thước là 32×32.
   

3. Lưu và kiểm tra

   Cuối cùng, sau khi upload thành công các bạn nhấn Lưu để tắt popup và kiểm tra lại kết quả. Để kiểm tra kết quả, các bạn truy cập vào đường dẫn /favicon.ico.
   

Thắc mắc

Bên dưới là tổng hợp một số thắc mắc thường gặp của các bạn khi thay favicon cho Blogger.

Favicon không thay đổi trên trang

Sau khi cập nhật, thông thường phải mất một khoảng thời gian để các công cụ tìm kiếm cập nhật Favicon mới của bạn.
Ngoài ra thì nếu bạn kiểm tại đường dẫn /favicon.ico đã thấy cập nhật Icon mới nhưng trên trang chủ thì không. Hiện tượng này xảy ra có thể nguyên do template bạn đang sử dụng đã hardcode Favicon trong template.
Để khắc phục, các bạn hãy vào chỉnh sửa template để đổi. Thêm hoặc dùng đoạn code sau trong thẻ <head>:
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

Favicon của mình bị nhòe

Mặc định Blogger chỉ hỗ trợ Favicon kích thước 16×16. Các Favicon sau khi upload lên đều bị chuyển đổi về kích thước này.
Để khắc phục hiện tượng này, chúng ta hãy thêm Favicon ở định dạng .png với kích thước lớn hơn trong phần thẻ <head>. Các bạn tham khảo đoạn mã bên dưới.
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='.../apple-touch-icon.png' rel='apple-touch-icon'/>
<link href='.../favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'/>
<link href='.../favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'/>

Hy vọng bài viết này hữu ích với các bạn. Xem thêm cách tạo và sử dụng darkmode Favicon cho Blogger.