HIỂN THỊ BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 4)

Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị theo 3 cột thẳng hàng, bài viết mới nhất sẽ nằm trên cùng, phía trên là hình đại diện, phía dưới là tiêu đề bài viết...Nếu bạn muốn xem hết các bài viết trong nhãn này thì bấm vào Xem tất cả.... ở phía dưới cùng.

Mời các bạn bấm vào xem thử phía dưới sẽ thấy rõ hơn.

Xem thử

Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.

<style type="text/css">
    #itechplus-rc-3cot {width:300px;}
    table#itechplus-rc-3cot {border:1px solid #ccc;}
    #rc-3cot {padding:0 8px;width:30%;}
    #rc-3cot p{padding:0;margin:0 0 5px 0;}
    #rc-3cot img {margin:8px 0 2px; height:60px; width:50px; border:1px solid #ccc; padding:1px;}
    #rc-3cot a:link {font:normal 12px Times new roman;}
    #itechplus-rc-3cot h2 {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnRWA8HxTDplz8E4tuAOtSovrgEezEsdLo6gkyu4DxuQQhesVC-fKNCirXK0gKkerGwzYk4U3ObDixeanFbEmPONfViEJk7LRcZOvCx-rLuEnDkszAdUkLR_0SZZoD0Wz2JdATc4w9XTg/s1600/04.png) no-repeat top left;
    padding:5px 0 14px 15px;
    font:bold 13px Verdana;
    margin:0px;
    color:#fff;
    }
  
</style>
<script type="text/javascript">
    home_page = "http://dungheineken.blogspot.com/";
    label = "WIN 7";
    numposts = 9;
    sumTitle = 24;
    colortitle = "#333";
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSgv0igY6cdMT2r9KLCr6u14K2EKXBUQv9W5TPENsnYAG03c-EZwryxan272SULFyHNVJz9irWIgp2HM9_boCsyxjdiKwF9Z1osO-4U8p3mtmLABg9vb15FtMZlQ2zhTNEtBHn_eH7qh8/";
    showRandomImg = true;
  
</script>
<div id="itechplus-rc-3cot">
<h2>
Thủ thuật Windows 7</h2>
<script src="https://sites.google.com/site/itechroot/javascripts/itechplus-rc-3cot.txt" type="text/javascript">
</script>
<div style="float: right; margin: 0; padding: 3px;">
Xem tất cả<a href="http://www.dungheineken.blogspot.com/search/label/WIN%207"> Thủ thuật Windows 7 »</a></div>
</div>

Bây giờ, bạn thay đổi các đường link màu xanh (http://www.dungheineken.blogspot.com/search/label/WIN%207) là địa chỉ trang nhãn mà bạn muốn hiển thị, thay đổi các số màu đỏ theo ý muốn của bạn:

* Width: 300px (chiều rộng của tiện ích).

* Height: 60px width: 50px (chiều cao và chiều rộng của ảnh đại diện)

* Background: url http://3bp......png (link hình thanh ngang của tiêu đề)

* Home_page: địa chỉ blog của bạn

* Label: Tên nhãn muốn hiển thị

* Numposts=9: Số bài muốn hiển thị

* SumTitle=24: Số ký tự của tiêu đề bài đăng.

* Colortitle: Màu tiêu đề bài đăng

* Thủ thuật Windows 7: Tiêu đề tiện ích

và bấm LƯU lại là xong

LƯU Ý: Các bạn phải điền thật chính xác địa chỉ trang nhãn của bạn ở các dòng màu xanh và ở Label, nếu không nó sẽ bị lỗi và không hiển thị được.

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

Nguồn: Itech Plus