Mời các bạn bấm vào xem thử phía dưới sẽ thấy rõ hơn.
Đầ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/AVvXsEiPGFR09vV3HKyrx1t33n0AQu7A2KdETVm5111S5i7v2U9F6n8xuj5QGgkEge69kCjKnZV4zVH_Qkqgv4BAViIu9RIuI_CBJTyHekEOnj4HgIJr4PuS6XN4-N2MFENcLz2ARkGYoJPHgEY/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/AVvXsEg8o7Um1lGpHMPd6109MGjB8Rf8v1G1le6m9yaAT2VNWzpgCb2fs-BcOi_Kw-x4havnKWzJsA1MWc_OQ33_N0fGvfZPPYv_rzcnZaHsj4yuoNQwrMCGatECTYJmOoOQwGq91QBp_3wav_M/";
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>
#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/AVvXsEiPGFR09vV3HKyrx1t33n0AQu7A2KdETVm5111S5i7v2U9F6n8xuj5QGgkEge69kCjKnZV4zVH_Qkqgv4BAViIu9RIuI_CBJTyHekEOnj4HgIJr4PuS6XN4-N2MFENcLz2ARkGYoJPHgEY/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/AVvXsEg8o7Um1lGpHMPd6109MGjB8Rf8v1G1le6m9yaAT2VNWzpgCb2fs-BcOi_Kw-x4havnKWzJsA1MWc_OQ33_N0fGvfZPPYv_rzcnZaHsj4yuoNQwrMCGatECTYJmOoOQwGq91QBp_3wav_M/";
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
22 nhận xét:
thank bạn tui cũng đang làm blog. nhờ các thủ thủ thuật của bạn mà blog mình hoàn chỉnh hẳn lên.
Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy
Bạn ơi! Cho mình hỏi tí?
Sao mình làm cái tut HIỂN THỊ BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 4)
nó lại có cái nền vậy bạn? Mình muốn bỏ cái màu nền thìlam sao hả ban?
Mình muốn có hình và text thôi chứ không muốn có màu nền!
Cảm ơn bạn nhiều!
Màu nền nào? Ý bạn nói là màu của thanh tiêu đề đó hả? Nếu vậy thì bạn kiếm trên code đó và xoá background đi là được
Bạn oi! bạn xem lại giúp mình theo đường link này nha: http://i1190.photobucket.com/albums/z451/hoc3d/Untitled-2.jpg
mình muốn HIỂN THỊ BÀI VIẾT TRONG CÙNG MỘT NHÃN nhưng không có cái nền trắng đó bạn
Màu nền này sẽ hiển thị theo màu của Blog, thí dụ trên blog dunghennessy này, bạn sẽ thấy nó màu đen, còn khi xem thử trong bài thì bạn thấy nó có màu trắng...Còn riêng trường hợp của bạn thì mình cũng không biết tại sao lại có màu nền trắng trong khi Blog của bạn lại là màu đen???
Để mình nghiên cứu xem khi nào có kết quả sẽ báo cho bạn nha
Oh! cảm ơn bạn Dũng rất là nhiều!Nếu bạn nghiên cứu được thì làm phiền bạn chia sẽ nhé! Chúc bạn một năm mới thật nhiều sức khỏe và tràn ngập niềm vui!
mình làm vậy không đc. nó hiển thị mỗi cái thanh màu xanh trên cùng còn bài viết thì không hiển thị.
Đó là do bạn add địa chỉ nhãn hoặc địa chỉ Blog của bạn không chính xác nên nó chỉ hiện tiêu đề
http://www.chodoanluanvan.com/ sao của mình ko hiện lên bài đăng vậy bạn...Thks bạn
Đó là do bạn ghi địa chỉ nhãn chưa chính xác, địa chỉ nhãn của bạn là:
http://www.chodoanluanvan.com/search/label/Giao%20trinh
Và bạn xem lại tên nhãn (ở lệnh Label) xem mình ghi đúng chưa??? (Có phân biệt chữ hoa, in, và có dấu hoặc không dấu)
home_page = "http://www.chodoanluanvan.com";
label = "Giao trinh"; thế này đúng ko..Còn đường link tới nhãn thì đúng rồi mà vẫn ko hiện ra//Bạn giúp mình với
Nếu bạn đã kiểm tra chắc chắn như vậy rồi mà nó cũng không hiển thị được thì mình "bó tay".
Còn nếu tin tưởng tôi, thì gởi tên đăng nhập của Blog và password của bạn qua dungheineken@gmail.com, tôi sẽ xem lại giùm bạn
Thanks bạn, mình đã áp dụng!
Bạn ơn, mình muốn hiển thị nhiều hơn 3 cột (VD 5 cột) thì phải chỉnh như thế nào?
Ah mà mình muốn biết độ rộng khu vực bài đăng của blog là bao nhiêu thì xem ở đâu?
Bạn có thể hướng dẫn mình được ko?
Cám ơn bạn trước và rất mong nhận được hồi âm.
Chỉ hiển thị được trên [Vd.blogspot.com] còn [www.tenmien.com] thì không được bạn ạ >>có cách nào khắc phục ko bạn.
Mình chỉ thử nghiệm trên Blogspot thôi còn các tên miền khác mình chưa thử nghiệm nên không có cách khắc phục bạn à!!!
Thành thật xin lỗi bạn
Dũng ơi! Giờ mình muốn làm 1 hàng 1 cột thôi thì làm sao vậy??? Hướng dẫn giúp mình nhé! Thanks
À, code này không thể làm thành một cột một hàng bạn à....
khong duocm blog mih la http://hocdethi.blogspot.com
Nó báo lỗi như thế nào bạn???
làm được rồi - thanks ad nhiều
Cho phép em share các template ho mọi người tí nhé ad SHARE TEMPLATE DUY3S - TIN TỨC - ĐẸP
Đăng nhận xét