Trình diễn bài viết trong cùng một nhãn (Kiểu 1)

Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị một hình ảnh đại diện phía trên, dưới hình ảnh là tiêu đề bài đăng. Và được trình diễn chạy tự động từ phải qua trái hay ngược lại.

Bạn bấm vào thẻ XEM THỬ để trải nghiệm trước.

Ảnh minh họa

Bắt đầu thủ thuật.

Bước 1: Đăng nhập vào blog

Bước 2: Đi tới danh sách bài đăng (Nếu bạn đang quản lý từ 2 trang trở lên)

Bước 3: Chọn  Mẫu

Bước 4: Chỉnh sửa HTML => Tiếp tục (đồng thời bấm cặp phím Ctrl+F và gõ lệnh ]]></b:skin>

)

Bước 5: Chèn đoạn code dưới đây vào trước dòng lệnh ]]></b:skin>

.bgcontent{background:#efefef; /*màu nền của tiện ích*/
height:140px; /*chiều cao của tiện ích*/
width:500px; /*độ rộng của tiện ích*/
}
#rc-content {
padding:4px;
width:500px; /*độ rộng của tiện ích*/
}
#rc-main {
width:110px;
background:#fff url(https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXXfgP5zNLI/AAAAAAAAAGU/Dh1jYQZoSgM/main-bg.png) repeat-y;
}
#rc-top {
background:#fff url(https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXXff4uaqaI/AAAAAAAAAGQ/cj2q0Y_nb-A/top-bg.png) no-repeat top;
height:3px;
}
#rc-bottom {
background:#fff url(https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXXffoEZMJI/AAAAAAAAAGM/JJSC-pSoUTk/bottom-bg.png) no-repeat bottom;
height:3px;
}
.rc-thumbs {
padding:2px 5px 5px 5px;
height:70px;
}
.rc-thumbs IMG {
width:100px; /*độ rộng của ảnh thumbnail*/
height:70px; /*chiều cao của ảnh thumbnail*/
}
.rc-title {
height:48px;
padding:0px 3px 2px 3px;
line-height:1.3em;
font-size:11px;
font-weight:bold;
}
.rc-title a {color:#0000ff;}
.rc-title a:hover {color:#ff0033;}

Bấm Lưu mẫu và trở lại thiết kế=>Chọn thêm tiện ích => thêm HTML/Javacript, sau đó đoạn code dưới đây vào:

<div style="font-weight:bold; border: 2px #30a1db solid; padding:5px; text-align:center; background:#FFF380;">Thủ Thuật Nâng Cao</div>
<div class="bgcontent">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMqSzqOPrDkxj54Mm5Q57SY-4HobJz23LjoijEN3hIOXCX79cM1M_WqPI5ynx00SHEwbdi8Ik41bkhPo00j4btgOQom-26ThX90G-y7o8gf3jWQveBoWCSczWW3GwJOBO0NAXRC6sSRAC/";
showRandomImg = true;
zaBold = false;
numposts = 20; //số bài trình diễn trong tiện ích
label = "Thuthuatnangcao"; //thay thành tên nhãn của blog bạn
summaryTitle = 40; //số ký tự của tiêu đề bài viết
home_page = "http://www.cdqtkd5a.blogspot.com/"; //thay thành địa chỉ blog bạn
</script>

<marquee align="center" direction="left" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="500">
<script src="http://dl.dropbox.com/u/66348944/rc_label.js" type="text/javascript">
</script>
</marquee></div>

<p style="float:right;margin:0;padding:3px">Xem tất cả<a href="
http://cdqtkd5a.blogspot.com/search/label/Thuthuatnangcao "> Thủ thuật Nâng Cao &#187;</a></p>

Bây giờ bạn dựa theo các phần ghi chú trong code (màu đỏ) để chỉnh sửa lại cho phù hợp với ý thích của mình và Bấm lưu lại.

Nếu không muốn tiện ích này hiển thị các bài viết trong nhãn mà hiển thị hết cho các bài ở Blog thì bạn thay thế đoạn code sau:

<script src="http://dl.dropbox.com/u/66348944/rc_label.js" type="text/javascript">

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

<script src="http://dl.dropbox.com/u/66348944/rc_allpost.js" type="text/javascript">

và bấm Lưu lại là xong.

Lưu ý: Bạn phải điền chính xác tên nhãn, địa chỉ Blog của mình và quan trọng nhất là số bài trình diễn trong tiện ích phải bằng hoặc ít hơn số bài trong cùng một nhãn, nếu số bài trình diễn trong tiện ích nhiều hơn số bài hiện có trong nhãn thì hình ảnh sẽ không được hiển thị...

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