▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

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(http://3.bp.blogspot.com/-s6nRBGorHaM/Tsbdyyg3-kI/AAAAAAAAH7s/MA4Ybj2U--g/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://lh6.googleusercontent.com/_PAuO_he0N0k/TZRW-L29nGI/AAAAAAAAFuM/14HvFKPlaKo/noimage.jpg";
    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

23 nhận xét:

taynguyenmart nói...

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.

dungheineken nói...

Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

hocthietke3d nói...

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!

dungheineken nói...

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

hocthietke3d nói...

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

dungheineken nói...

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

hoc3d.vn nói...

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!

quốc thắng đỗ nói...

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ị.

dungheineken nói...

Đó 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 đề

doanluanvan nói...

http://www.chodoanluanvan.com/ sao của mình ko hiện lên bài đăng vậy bạn...Thks bạn

dungheineken nói...

Đó 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)

doanluanvan nói...

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

dungheineken nó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

Maile nói...

Thanks bạn, mình đã áp dụng!

dungheineken nói...

Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

onlinestore2 nói...

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.

Trái tim đến trái tim nói...

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.

dungheineken nói...

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.A.U Ngon nói...

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

dungheineken nói...

À, code này không thể làm thành một cột một hàng bạn à....

Baby nói...

khong duocm blog mih la http://hocdethi.blogspot.com

Dung PHAM HOANG nói...

Nó báo lỗi như thế nào bạn???

Duy3s.com nói...

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

 
Powered by by: Blogger