Hướng dẫn lấy ảnh ngoài làm thumbnail cho Blogspot

Lấy ảnh ngoài làm thumbnail cho Blogspot – Blogger.

Chào các bạn, hôm nay Mộc xin chia sẻ tới các bạn một thủ thuật khá hay dành cho các bạn hay đi copy bài viết từ các blog khác. Hay những bạn muốn viết blog nhưng không có nhiều thời gian để chau chuốt cho bài viết của mình.

Ưu điểm của thủ thuật này sẽ làm cho Blog của bạn đẹp hơn do không có lỗi ảnh trên blog. Tuy nhiên, do là nó lấy nguyên cả ảnh ra trang chủ nên có hơi nặng chút xíu nếu như ảnh có độ phân giải cao.

lay anh ngoai lam thumbnail cho blogspot

Một số cách thực hiện

Đối với các Template thực hiện thủ thuật thu gọn bài viết trên trang chủ cho Blogspot.

Các bạn hãy tìm đến data:post.thumbnailUrl và thay bằng data:post.firstImageUrl.

Có thể có nhiều data:post.thumbnailUrl nên các bạn cứ thay từ từ nhé!

Giờ lưu Template lại và kiểm tra kết quả thôi.

Đối với Template của Arlina

Nếu bạn đang sử dụng Template của Arline thì bạn có thể làm như sau:

Bạn hãy tìm đến đoạn Scrpit này:

<script type='text/javascript'>
document.write(arlina_thumb_size(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>

Sau đó thay bằng đoạn code dưới đây:

<img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl' expr:title='data:post.title' style='width:200px;height:100px'/>

Bạn nhớ thay đổi giá trị của widthheight sao cho phù hợp với Template của mình.

Đối với Template của Sora

Mình đã kiếm tra thử với 7 Template từ Sora và nhận thấy tất cả các Template đều đã được tích hợp cái này.

Nếu bạn nào sử dụng template từ Sora mà bị lỗi này thì để lại comment để mình kiểm tra thử nhé!

Tổng kết

Hiện nay thì có rất nhiều các trang cung cấp Template cho Blogspot. Tuy nhiên, do khuôn khổ của bài viết là có hạn nên mình chỉ hướng dẫn các bạn với 2 trang cung cấp nổi nhất hiện nay thôi.

Nếu như Template của bạn không thuộc các trường hợp trên thì hãy để lại comment để mình tìm cách giúp nhé! Hi vọng bài viết sẽ có ích với các bạn.

Đọc nhiều tuần qua:

43 thoughts on “Hướng dẫn lấy ảnh ngoài làm thumbnail cho Blogspot

  1. Dương NK says:

    Cho mình hỏi một chút mình đang sài tem MS design ảnh thum lấy từ nguồn khác nó vẫn hiện nhưng mà trong phần Related Posts và Popular Posts nó lại ko hiển thị. Phải up trực tiếp lên blog thì nó mới hiện ảnh. Mình giời muốn nó hiển thị ảnh ra thì làm sao hả bác http://imgur.com/a/QYUlM

    link blog test http://viemtinhhoantrai-bvhv.blogspot.com/2016/10/tam-soat-ung-thu-co-tu-cung.html

    Rất mong nhận được phải hồi của bạn ! Cám ơn bạn!

      • Dương NK says:

        search

        ra

        homePage: “”,
        widgetTitle: “Related Posts:”,
        numPosts:3,
        summaryLength: 70,
        titleLength: “auto”,
        thumbnailSize: 210,
        noImage: “”,
        containerId: “bpostrelated-post”,
        newTabLink: false,
        moreText: “Read More”,
        widgetStyle: 2,
        callBack: function() {}

  2. Webb says:

    Phần Javascrip của mình như thế này:

    document.write(bp_thumbnail_resize("",''));

    ———-
    Nhưng khi thay code như bạn nói thì lại ko được

    • Mộc says:

      Thay thành như nào nhỉ? Bạn cứ thay đoạn code hiển thị thumbnail hiện tại thành đoạn code của mình xem sao nhé.

        • Mộc says:

          Cái này thì đúng rồi bạn, nó vẫn sẽ lấy ảnh đầu tiên trong bài viết làm thumbnail nhé, nhưng nó hơn cái là các bài copy ảnh từ trang khác về thì nó vẫn hiện chứ không hiện thumbnail mặc định.

              • Mộc says:

                Cái này thì hiện tại blogger chưa hỗ trợ. Nhưng bạn có thể làm thủ công bằng cách up hình bạn muốn lấy làm thumbnail lên trên cùng bài viết, sau đó thêm đoạn CSS sau xem được không

                .class-quanh-noi-dung-bai-viet img:nth-child(1) {
                    display:none!important
                }
                • Quang Anh says:

                  thế là vẫn lấy ảnh trong bài viết à bạn. à nhân tiện bạn cho mình hỏi web nào học SEO tốt với ạ. mình mới nghịch blog đc 1 tuần thôi ạ

                • Thịnh says:

                  Chào bạn mình có blog video nhúng mã từ youtube nhưng khi up lên nó chỉ có thumnail ở popular còn ngoài trang chủ không hiện, mình thử thêm code : nhưng vẫn không được, có gì bạn chỉ giúp mình được không

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *