[ Thủ thuật blogspot ] widget hiển thị bài viết theo label - 2 cột

Bước 1: Vào blogger → Mẫu → Chỉnh Sửa HTML

Bước 2: Dán code bên dưới vào trước thẻ  ]]></b:skin> sau đó lưu lại template

/*hien thi bai viet theo label*/
#osdhtmltooltip{border: #999 1px solid;padding: 4px;font-size: 10pt;z-index: 100;left: -300px;visibility: hidden;width: 350px;font-family: Arial;position: absolute;background-color: #fcfee4;text-align: left;}

#osdhtmltooltip img{
float: left;
padding: 3px;
border: solid 1px #FFF;
margin: 2px;
}
#osdhtmltooltip h3{
color: #000;
padding: 2px;
margin: 0px;
font-weight: bold;
text-transform: none;
text-decoration: none;
}
#osdhtmltooltip span{
color: #999;
font-style: italic;
}
#osdhtmltooltip div{
color: #000;
}
#osdhtmlpointer{
z-index: 101;
left: -300px;
visibility: hidden;
position: absolute;
}
#rc-posts-2-col {
width:320px;
}
#rc-posts-2-col h3 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6SsUU24VCK6AxEdf_4DIR9vSNh-M2jyeaVilZHLUW1wd-qQDurpBprGJhBL9hWsLUJWgjlDFsqWFKHvWJ33Ab1zjgAKkjpYZtJJhrUD6j02KvV5soMC9_Qt7Fuxi1j8Fn5fbIOSbCkS4V/s1600/recent-bg.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:12px;
margin:0px;
color:#fff;
}
table#rc-2cot {border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
#rc-tr1 {background:#f3f3f3;}
#rc-tr0 {background:#fff;}
#rc-td {padding:2px; color:#ff0000; border-right:1px solid #ccc;width:160px;}
#rc-td img {float: left;width: 40px;height: 40px;border: 1px solid #ccc;margin:5px;padding: 1px;}
#rc-td a {color:#ff0000;text-decoration:none;}
#rc-td a:hover {text-decoration:underline;}


Bước 3: Vào blogger → Bố cục → Thêm một widget HTML/Javascript mới sau đó dán vào phần nội dung code bên dưới rồi lưu lại để hoàn thành thủ thuật


<script src="https://drive.google.com/file/d/0B_hbY_y0uVmQaXNMWk9vblQ4cE0" type="text/javascript"></script>
<script type="text/javascript">
numposts = 12; //số bài viết hiển thị trong tiện ích
postcount = 400; //số kí tự của đọan nội dung tóm tắt bài viết
sumTitle = 40; // số kí tự của tiêu đề bài viết
colortitle = "#555";
tcolortitle = "#ff6c00"; // màu của tiêu đề bài viết ở phần mô tả
cmcolor = "#6b1f01"; // màu của phần thông tin bài viết (gồm : ngày đăng và số nhận xét)
nocmtext = "No Comment";
cmtext = "Comments";
posttext = "Posted in";
label = "Ảnh hot 360"; //Tên nhãn
home_page = "http://tinshockhot360.blogspot.com/";// Link blog của bạn
</script>
<div id="rc-posts-2-col"><h3></h3><div id="rc-posts-loading"><img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgGT9HZAP_H6kEOafB93Hvsad66yFkD8YH2MW0949kSn_BNzR-wHxMcrCSpKBGp4mciWTvUhnvfE8qi-heDXzRzOrQdds5sNk7X4XUnhctK_fgo1n0zfg7K9F40TYW8i7_FLtVmPBKFBd/s1600/loading.gif'/></div>
<script src="https://drive.google.com/file/d/0B_hbY_y0uVmQX211MUZYZUR1eVE" type="text/javascript"></script>
</div>

Chú ý: 

• Thay đổi những thông số sao cho phù hợp với blog của bạn
• Download 2 file .js về để sử dụng lâu dài
• Bạn hãy dựa theo hướng dẫn của bài viết này để tự tạo cho mình một style riêng nhé!

About "Administrator"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit, augue quis mattis gravida, est dolor elementum felis, sed vehicula metus quam a mi. Praesent dolor felis, consectetur nec convallis vitae.