Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Hướng dẫn tự động crop và resize thumbnail dành cho Blogger

Chủ đề thuộc danh mục 'Hướng dẫn/Thủ thuật Blogspot tại đây' được đăng bởi Phạm Hữu Dư, 24/9/14.

Lượt xem: 4,356

  1. Phạm Hữu Dư phamhuudu.com

    Auto crop and resize thumbnail for Blogger

    Chắc hẳn nhiều bạn dùng Blogger khá khó chịu với thumbnail của Blogger luôn bị méo mó khi hiển thị ngoài trang chủ! Hôm nay mình xin chia sẻ 1 cách làm mà mình vừa vào dụng vào website Việt Font sử dụng Blogger (http://font.vietdesigner.net).

    nVlysx0.jpg

    Nói chung rất là đơn giản thôi, bạn chỉ cần thêm đoạn script sau vào trên thẻ </head>
    Code:
    <script type='text/javascript'>//<![CDATA[
    $(document).ready(function() {
      var w = 200;
      var h = 200;
      $('id 1, class 1, id 2, class 2,...').find('img').each(function(n, image){
        var image = $(image);
        image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + w + '-h' + h +'-c')});
        image.attr('width',w);
        image.attr('height',h);
      });
    });
    //]]></script>
    Bạn có thể thay đổi kích thước resizewh, còn dòng id 1, class 1 là bạn thay thuộc tính id hay class mà bạn muốn resize, ví dụ: .PopularPost hay #related-posts

    Lưu ý nếu bạn muốn resizecrop ảnh bài post có class là .post thì nó sẽ ảnh hưởng đến ảnh trong bài viết, vì nó sẽ đồng loạt resizecrop ảnh trong bài viết! Ở trường hợp này bạn cần đặt đoạn script trên vào thẻ điều kiện sau:
    Code:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>Copy đoạn script vào đây</b:if>
    Rất đơn giản, chúc các bạn thành công :)

    maitinhvi thích bài viết này

Ủng hộ diễn đàn