Chia sẻ giao diện mặc định contempo reponsive blogger template đã chỉnh sửa

Chia sẻ giao diện mặc định contempo reponsive blogger template đã chỉnh sửa

Giao diện mặc định này của Blog tên Contempo có thiết kế đơn giản chuẩn seo tối ưu và reponsive với mọi kích thước màn hình đặc biệt tốc độ tải trang rất nhanh. Mình có chỉnh sửa lại một vài chỗ như sửa lại kích thước ảnh của bài viết ngoài trang chủ và chủ yếu là thêm chứ không sửa nhiều vì mặc định giao diện đã chuẩn lắm rồi không phải chỉnh sửa thêm. Nếu bạn nào đang tìm kiếm một giao diện với thiết kế đơn giản, tốc độ tải trang nhanh, dễ đăng ký Google Adsense..., bạn có thể sử dụng template này cho Blog của mình.



Dưới đây là một số điểm mình thêm mới

Thêm khung chứa code kèm nút copy


Khi soạn bài viết nếu bạn muốn chèn code vào khung thì khi soạn xong chuyển qua khung soạn thảo HTML chèn theo nội dung bên dưới:

<div class="codeHeader">

 <a class="copy-text" data-clipboard-target="#p1" href="javascript:void(0);"><i class="fa fa-files-o"></i> Copy</a>

</div>

<pre class="code" id="p1">

Nội dung nằm trong khung

</pre>


Trong trường hợp bạn muốn chèn đoạn code thứ 2,3,4... thì thay p1 thành p2, p3, p4...

Bài viết liên quan


Chèn hình ảnh, biểu tượng vào nhận xét


Để chèn ảnh sử dụng đoạn mã [img]link ảnh[/img] còn chèn biểu tượng truy cập trang emoji.codes copy short code vào khung nhận xét

Nút backtotop và thư viện font awesome

Một vài lưu ý:

- Vì là giao diện mặc định của Blog nên có cấu trúc rất chuẩn do đó bạn không phải chỉnh sửa nhiều.
- Hình ảnh phải nén trước khi up lên bài viết vì ảnh không được nén là nguyên nhân chủ yếu khiến tốc độ tải trang bị chậm và bị PageSpeed trừ điểm nhiều nhất, sử dụng các trang nén ảnh online hoặc phần mềm nén ảnh trước khi tải ảnh lên và với định dạng ảnh png sẽ cho độ nén tốt hơn so với định dạng jpg..
  1. cysbmail@gmail.com ạ :D hí hí. em cũng k biết có dùng không nhưng anh cứ đăng bài là em comment ủng hộ =)))) với cả temp này có chỗ đặt ads không ạ

    Trả lờiXóa
    Trả lời
    1. em chuyển blog qua tiếng Anh (Hoa Kỳ) rồi vào tab Doanh thu đăng ký AdSense thôi còn đặt chỗ nào thì Blog nó đã có cỗ tự động rồi. Hồi giờ em không biết blog mặc định à :slight_smile:

      Xóa
    2. em bật cái doanh thu lâu rồi ạ. Em comment ủng hộ anh ạ :D tại chắc nó nhanh thật nhưng hơi đơn giản quá ạ

      Xóa
  2. notmypt@gmail.com
    thanks admin

    Trả lờiXóa
  3. Trả lời
    1. Anh gửi qua :e-mail: rồi nha em :smiley:

      Xóa
  4. it.dongoctoan@gmail.com
    em cảm ơn!

    Trả lờiXóa
    Trả lời
    1. em tải về ngồi vọc cho giao diện giống web Blog thủ thuật win 10
      của anh mãi không được. Haizza

      Xóa
    2. Sao em không dùng luôn mẫu của anh, sửa làm chi khổ vậy :joy:

      Xóa
    3. em muốn giao diện nó giống hệt như của anh ý nhìn đơn giản mà đẹp

      Xóa
    4. em qua bài Chia sẻ miễn phí giao diện blogger template của Blog thủ thuật win 10 v4 nhé, anh đang dùng bật mí đký GA thành công rất lớn :heart_eyes: vì temlate chuẩn so không bị lỗi cấu trúc :smile:

      Xóa
  5. cbachubinhan@gmail.com

    thanks!

    Trả lờiXóa
  6. Email của em: dreamadept96@gmail.com
    Cám ơn anh Nguyễn Tuấn rất nhiều ạ

    Trả lờiXóa
  7. [img]https://2.bp.blogspot.com/-OWgwesq2-hM/WfM1MEMhTJI/AAAAAAAAQXQ/le4f5IouYaMCkvjo2dFZifuq9QtcbYzDACLcBGAs/s1600/comment.png[/img]

    Trả lờiXóa
  8. hoangloc.k39@gmail.com
    -Em cám ơn!

    Trả lờiXóa
  9. nguyenthanhluan18th01@gmail.com
    Thanks a

    Trả lờiXóa
  10. nguyenkhoicotruyenkh@gmail.com
    Thks a ạ

    Trả lờiXóa
  11. Cập nhật link tải :slight_smile:

    Trả lờiXóa