Tạo Recent Posts bài viết mới nhất có ảnh cho Blogspot | Diễn đàn thủ thuật | Thủ thuật tin học |Forum chia sẻ và trao đổi thủ thuật

Tạo Recent Posts bài viết mới nhất có ảnh cho Blogspot

Thảo luận trong 'Thảo luận và chia sẻ lập trình' bắt đầu bởi diendanthuthuat, 13 Tháng mười hai 2014.

Lượt xem: 202

  1. Đăng ngày 13 Tháng mười hai 2014 #1

    diendanthuthuat

    Administrator

    Số bài viết: 1,354
    Đã được thích: 4
    Điểm thành tích: 60
    Giới tính: Nam
    Hướng dẫn cách tạo: Recent Posts bài viết mới nhất có ảnh Blogspot
    [IMG]
    Để tạo được Recent Posts bài viết mới nhất có Thumbnails ảnh cho Blogspot các bạn: Đăng Nhập Blogspot==> Bố Cục (Layout) ==> Tạo một tiện ích HTML/Javascript rồi copy đoạn code dươi đây vào rồi nhấn lưu:

    <style type='text/css'>
    img.recent_thumb {padding:1px;width:60px;height:60px;border:0;
    float:left;margin-right:10px;border:1px solid #999;}
    .recent_posts_with_thumbs {float:left;width: 100%;min-height: 70px;padding: 0;font-size:12px;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs strong {font-size:10px;}</style>
    <script style='text/javascript' src='https://sites.google.com/site/seovnpro/recent-post.js'></script>
    <script style='text/javascript'>
    var numposts = 5;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = true;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 100;</script>
    <script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>



    Chú ý:
    - width:60px;height:60px; : là kích thước ảnh hiển thị

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

Chia sẻ trang này