Hiển Thị Bài Viết Theo Nhãn Trong Blog

     Hôm nay thế giới tin học online sẽ giới thiệu cho các bạn cách hiển thị bài viết theo nhãn như hình demo trên.

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.

Trước 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/AVvXsEgN1-U6F9AHeCpF7WWJMDC0zRsa2zvncXumSzLh0Eh5nDRU2Yev00a94mXQIdcLR96hf2BQ9pCqPrjiw3AYH_tFzoioD_xEOvCvtFVx0njr6D_eA8be-QEwtIJKxejOZKvulDG-Swls8XI/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://thegioitinhoconline.com/";

    label = "WIN 7";

    numposts = 9;

    sumTitle = 24;

    colortitle = "#333";

    imgr = new Array();

    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcYLSIh306HtlgzcSnCdpqQlN-S63xlYQcuO081x2r9f4TWmmUJUvNxeINzjhsF8c-ymybJnE1h6xcyqsqME9weQpnAEIZzha1ICE8ckGdoR3Kckhp3BPcN1Ekt6880CuxfRWTUC11b8/";

    showRandomImg = true;

   

</script>

<div id="itechplus-rc-3cot">

<h2>

Seo Blogspot</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.thegioitinhoconline.com/search/label/Seo%20BlogSpot"> SEO blogspot »</a></div>

</div>

Bây giờ, bạn thay đổi các đường link màu xanh (http://www.thegioitinhoconline.com/search/label/Seo%20BlogSpot) 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

Đây là cách hiển thị bài viết theo nhãn trong blog mà thegioitinhoconline.com đã xác thực nên các bạn  hãy.

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.

Share: