Tạo thumb cho bài đăng phổ biến

" Ức chế quá với cái thumb, bé tý xíu thế này, xấu thật... "

Đã bao giờ bạn phải thốt lên như thế này chưa. Định dạng mặc định của ảnh trong Blog  và PopularPosts là 72x72. Nhiều bạn không thích với định dạng này nhưng vẫn phải cố sử dụng như một sự ép buôc. Nhưng nếu dân tình kêu ca nhiều thì chắc Google cũng phải nghĩ đến giải pháp cho một cái biến ảnh ban đầu. Chờ thì hơi sốt ruột.



Mình đã tìm ra một quy luật rất hay muồn chia sẻ cùng các bạn, nếu các bạn để ý link thumb này sẽ có định dạnh như sau.

VD : http://2.bp.blogspot.com/-aNmJv1T0OD8/T47tik6x-EI/AAAAAAAAAEw/_O8hvj2xbSM/s72-c/xem-phim-Giay+thuy+tinh-maphim.net.JPG

Hãy chú ý đến phần mình bôi đỏ, đó chính là định dạng mà Google quy định. Nếu bạn thay thử các con số khác vào số 72 ta sẽ được các hình ảnh tương ứng với kích cỡ đó. Và nó là hình vuông.

Kích thước tối đa là 2000px.

Từ đó mình viết lên một hàm convertThumb có chức năng tương ứng createSummaryAndThumb, sử dụng thì chắc không khó. Áp dụng với cả 2 widget mà Blogspot đã cho. Mình nghĩ ưu điểm của hàm này so với hàm của các Blogger nước ngoài sẽ nhanh và tốt hơn.


Hàm convert :


function converthumb(img,s,w,h,url,tit){
if(Number(s) > 2000){s = 2000;}
img = img.replace(/s72/gi,"s"+s+"");
if(url != "" || tit != ""){
data = '<img alt="'+tit+'" src="'+img+'" width="'+w+'" height="'+h+'"/>';
}else{
data = '<a href="'+url+'" rel="'+tit+'"><img alt="'+tit+'" src="'+img+'" width="'+w+'" height="'+h+'"/></a>';
}
document.write(data);
}


Các biến truyền vào :
- img là link của các biến sau : data:post.thumbnailUrl (Blog), data:post.thumbnail (PopularPosts)
- s : kích thước bạn muốn convert từ 72 sang.
- w : chiều rộng của ảnh được hiển thị.
- h : chiều cao của ảnh được hiển thị.
- url : là link truyền vào data:post.href (PopularPosts), data:post.url (Blog)
- tit : tiêu đề truyền vào data:post.title (cả 2)

Sử dụng

 - Đầu tiên bạn copy và save với định dạng file convert.js sau đó up lên host nào đó.

1. Blog


VD: mình muốn lấy ảnh 800, rộng 300, cao 250


<b:if cond='data:post.thumbnailUrl'>
       <script>
        converthumb("<data:post.thumbnailUrl/>","800","300","250","","<data:post.title/>");
     </script>
<b:else/>
       <img src="http://megafun.vn/dataimages/201203/original/images682717_thienthan3.jpg" width="300" height="250"/> <!-- nếu không có thumb sẽ hiển thị ảnh này -->
</b:if>


2. PopularPosts

Tương tự:


<b:if cond='data:post.thumbnail'>
     <script>
        converthumb("<data:post.thumbnail />","800","300","250","","<data:post.title/>");
     </script>
 <b:else/>
<a  class='poster' expr:rel="data:post.title" expr:href='data:post.href'>
<img expr:alt="data:post.title" border='' height='250px' src='http://megafun.vn/dataimages/201203/original/images682717_thienthan3.jpg' width='300px'/>
      </a>
 </b:if>

Theo yêu cầu của netdohoa.com

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

3 nhận xét Tạo thumb cho bài đăng phổ biến

  1. Các chủ tàu vỏ thép van chuyen hang hoa noi dia ở Bình Định bức xúc nói rằng họ đặt niềm tin vào cơ quan đăng kiểm của Nhà nước, chi phí đăng kiểm tính vào giá thành con tàu, nhưng cuối cùng ngậm đắng vì tàu chuyen hang di Ha Noi nhanh hỏng!

    Đưa chúng tôi xem bản hợp đồng đóng tàu gởi hàng đi Sài Gòn với Công ty TNHH một thành viên Nam Triệu (Bộ Công an), ông Trương Hoài Khánh, chủ tàu vỏ thép BĐ 99279 TS ở TP Quy Nhơn (Bình Định), nói chua chát: “Chúng tôi lần đầu tiên vay một khoản tiền cực lớn để đóng một con tàu vỏ thép thue xe tai cho hang gia re Ha Noi, nghĩ là chắc chắn, bền vững.

    Trả lờiXóa
  2. Toàn bộ quá trình thi công đóng mới tàu thuê xe tải chở hàng giá rẻ TpHCM phải có sự giám sát của cán bộ kỹ thuật bên A và cơ quan đăng kiểm. Kết thúc mỗi điểm dừng kỹ thuật, bên A, bên B và cơ quan đăng kiểm tiến hành kiểm tra, nghiệm thu khối lượng hoàn thành, chất lượng công trình đóng mới tàu gui hang di Da Nang.

    Bên B thực hiện các thủ tục về đăng kiểm với cơ quan đăng kiểm, đảm bảo tàu chành xe đi Hải Phòng được cơ quan đăng kiểm cấp đủ giấy tờ pháp lý để đưa tàu chuyen hang di Nha Trang gia re vào hoạt động ngay sau khi bàn giao.

    Trả lờiXóa
  3. Rồi khi chạy thử đường dài chanh xe Gia Lai khoảng 2-3 hải lý, đăng kiểm viên cũng có mặt. Tôi không hiểu sao họ không phát hiện ra những chiếc máy chính lắp trên tàu chuyển hàng đi Hà Giang của chúng tôi là máy bộ cải hoán thành máy thủy, để dẫn đến thiệt hại như bây giờ - ông Khánh nói.

    Về máy, nguồn tin cho hay ngoài các máy Mitsubishi nghi là dùng máy vận chuyển hàng hoá Thái Nguyên giá rẻ bộ cải hoán để lắp cho tàu vỏ thép do Công ty Nam Triệu đóng, tổ thẩm định còn phát hiện một số máy phát điện gửi hàng đi Bắc Kạn dán mác Mitsubishi và Cummins nhưng ruột không phải hàng chính hãng!

    Trả lờiXóa



Top
Liên hệ Facebook với Minh