Tạo widget bài viết ngẫu nhiên (Random posts) chỉ với 1 bước không cần CSS và Javascript

Chào các bạn. Hôm nay Star Cường IT sẽ hướng dẫn các bạn tạo Widget Random Posts. Khác với các widget Random posts khác mà Star Cường cũng như các blog khác từng chia sẻ thì hôm nay, mình xin được chia sẻ Widget Bài viết ngẫu nhiên không cần đến CSS hay Javascipt. Widget này sẽ giúp blog bạn load nhanh hơn và loại bỏ Javascript nặng nề ! Bắt đầu thôi !

Tạo widget bài viết ngẫu nhiên (Random posts) chỉ với 1 bước không cần CSS và Javascript
Hình Minh Họa

Để thêm widget random posts này các bạn chỉ việc chèn đoạn code dưới đây vào nơi muốn hiển thị:

<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="300" hspace="0" id="ads_by_starcuongit" marginheight="0" marginwidth="0" name="ads_by_starcuongit" scrolling="no" src="http://cdn.linkthuthuat.com/p/random-post.html?label=&url=http://starcuongit.com" vspace="0" width="100%"></iframe>

Ở phần tô đậm 100% và 300 (chiều rộng và chiều cao), các bạn thay lại cho phù hợp với blog mình nhé!

Riêng với phần in url (phần in đỏ) thì đối với blog có đuôi mặc định là .blogspot.com thì các bạn chỉ cần thay link trên thành url blog bạn. Nhưng riêng đối với blog có domain riêng thì thay vì thêm http://www.tenmiencuaban.com thì bạn hãy thêm là http://tenmiencuaban.com (tức là bỏ WWW).

Chúc các bạn thành công!

Nhận xét

  1. Unknownlúc 01:27 30 tháng 9, 2017

    cái này thì theo mình thấy không đẹp lắm, xài cái gốc hoặc cái có css tự edit thì cũng hay hơn, cái này dành cho mấy đứa dốt code thì đc :))

    Trả lờiXóa
    Trả lời
    1. Star Cường ITlúc 01:28 30 tháng 9, 2017

      Cái này cũng gọn mà :3

      Xóa
    2. Vchance.vnlúc 02:35 30 tháng 9, 2017

      cần gì đẹp. đối với người designer blog thì phải cần đẹp nhưng khi độc giả xem thì chỉ cần gọn và dễ nhìn. Đôi khi mấy thứ rườm rà bắt mắt mình thấy đẹp nhưng khi người xem nhìn thì sẽ thấy khó chịu !

      Xóa
  2. Twanlúc 03:28 30 tháng 9, 2017

    Fix lại demo kìa ba

    Trả lờiXóa
  3. Unknownlúc 07:02 31 tháng 10, 2017

    Admin cho xin code thanh Breaking news với

    Trả lờiXóa
    Trả lời
    1. Star Cường ITlúc 20:06 31 tháng 10, 2017

      Thanh Breaking news không có code, nó chỉ nằm sẳn trong template thôi.

      Xóa
    2. Unknownlúc 21:43 31 tháng 10, 2017

      Trên 1 số blog template ko có nhưng vẫn cài được mà. Admin viết 1 bài luôn đi

      Xóa
    3. Cuong Nguyenlúc 22:26 31 tháng 10, 2017

      Có code nhưng làm cái này hay lỗi vì xung đột js nên hơi khó khăn.

      Xóa
    4. Unknownlúc 22:46 31 tháng 10, 2017

      Vậy anh cho em xin code em test thử xem được ko

      Xóa
  4. Namlúc 20:59 12 tháng 1, 2018

    áp dụng cho ads của GA xem đc k

    Trả lờiXóa

Đăng nhận xét

Bài đăng phổ biến từ blog này

Tổng hợp các công cụ hỗ trợ làm SEO

Hình ảnh
Chào các bạn, trong quá trình làm SEO chắc chắn bạn sẽ không bỏ qua những công cụ hữu ích giúp công việc seo trở nên đơn giản và dễ dàng hơn đúng không nào, trong bài viết hôm nay mình xin chia sẽ các bạn những công cụ hỗ trợ làm seo tuyệt vời! Tổng hợp các công cụ hỗ trợ làm SEO I. Công cụ hỗ trợ SEO Spin Content Editer  (Spin Trộn nội dung)  Checklinksite Ranking Helu ,  Semalt  (Kiếm tra thứ hạng từ khóa) Checkmoz  (Kiếm tra PA, DA của website) Check CSS3  (Kiểm tra lỗi lập trình CSS3)  Check HTML5  (Kiểm tra lỗi lập trình HTML5)  Nội dung trùng lặp  (Kiểm tra nội dung trùng lặp của bài viết đã được Google index)  Disavow-links  (Gỡ bỏ backlink xấu)  Độ chuẩn SEO  (Chấm điểm chuẩn SEO của Web) Tools.Pingdom  (Kiểm tra dung lượng website)  Gtmetrix  (Công cụ khác để kiểm tra tốc độ web) Compressnow ,  Compressor.io  hoặc  TinyPNG .  (Nén ảnh giảm dung lượng tải ảnh trên website)  Hiển thị trên di động  (Kiếm tra mức độ thân thiện di động của website) Kiểm tra mã nguồn web  (Kiểm tra
Đọc thêm

Tổng hợp tool công cụ hay cho blogger và SEO

Hình ảnh
Là một Blogger hay dân SEO, bạn đều mong muốn trang web/blog của mình được nhiều người biết đến, được nhiều người truy cập, được nhiều người tương tác. Để tạo ra được một trang web như vậy, bạn phải trải qua rất nhiều thao tác xử lý phức tạp trên web. Những tool công cụ sẽ giúp cho bạn giảm thiểu được công sức, thời gian cũng như xử lý chính xác hơn để tinh chỉnh tối ưu trang web của mình thật chuẩn theo những tiêu chuẩn hiện hành như HTML5/W3, chuẩn seo Google, ... Hình Minh Họa - Công Cụ SEO Sau đây là những công cụ mình đã sưu tầm được: w3schools.com Công cụ phát triển web lớn nhất thế giới PageSpeed Insights là một công cụ phân tích nội dung website của Google, sau khi phân tích các yếu tố trên trang web của bạn, PageSpeed Insights sẽ cho bạn những lời khuyên hữu ích để tối ưu hóa các thành phần như Css, JS, Images..... nhằm tăng tốc độ load trang web của bạn làm giảm bounce rates và tăng lượng truy cập ... Tốc độ load trang dưới 1s được cho là tối ưu nhất. tools.pingdom.com/fpt
Đọc thêm

Mẹo giảm thời gian tải trang cho web blog của bạn

Hình ảnh
Thời gian tải trang web là rất quan trọng để tăng traffic cho blog của bạn. Nó tác động trực tiếp và gián tiếp trên công cụ tìm kiếm và có một vai trò quan trọng đối với việc xếp hạng tốt nhất. Hầu hết du khách hy vọng được xem trang web của bạn trong 3 giây đầu tiên . Vì vậy, nếu blog của bạn không tải sớm, bạn sẽ mất traffic. Đó là lý do tại sao bạn phải giữ cho tốc độ load trang của bạn càng nhanh càng tốt. Trước hết bạn cần kiểm tra tốc độ load trang của bạn .Có nhiều công cụ cho nó. Bạn có thể sử dụng  công cụ kiểm tra tốc độ của Google và Tới công cụ Speed Test Google Bạn có thể nhập blog của bạn và nhấp vào phân tích. Bạn có thể kiểm tra điểm số của bạn trên đó. và tìm được lời khuyên hữu ích từ tiện ích này. Dưới đây là một số gợi ý cho bạn: 1. Để Tối ưu hóa thời gian tải hình ảnh Bạn phải sử dụng lựa chọn độ phân giải thấp. Nếu như bạn cần một hình ảnh 200x200 pixel và bạn đang sử dụng 500x500 pixel. Nó sẽ mất một số chi tiết thời gian để load. Vì vậy, cần sử dụng chính xác kí
Đọc thêm