▀▄▀▄▀▄▀▄▀▄▀▄ 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Ị CÁC BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 7)


Với thủ thuật này, số lượng các bài viết trong cùng một nhãn sẽ hiển thị (do bạn quyết định) thành 2 cột trong khung tiện ích. Mỗi bài viết sẽ hiển thị một hình đại diện nhỏ đi kèm với tiêu đề, khi bạn rê chuột vào một tiêu đề bất kỳ thì sẽ xuất hiện thêm một bảng nhỏ ghi ngày tháng xuất bản, số lượng comments và vài dòng tóm tắt của bài viết.
Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)








Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh  ]]></b:skin>  và dán tất cả code phía dưới trên dòng lệnh ]]></b:skin> và bấm Lưu mẫu.






/*Tooltip*/
#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(http://data.fandung.com/blog/demo/tooltip-recentposts/img-bg-rd.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:13px;
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; margin-right:2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;}
#rc-td a {color:#ff0000;text-decoration:none;}
#rc-td a:hover {text-decoration:underline;}

Bạn có thể thay đổi độ rộng của tiện ích ở phần Width: 350px
Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.






<script src="http://dl.dropbox.com/u/66348944/System_Tooltip.js" 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 = "THỦ THUẬT INTERNET";
home_page = "http://www.dungheineken.blogspot.com/";
</script>
<div id="rc-posts-2-col"><h3>Thủ thuật Internet</h3><div id="rc-posts-loading"><img align='absmiddle' src='http://lh6.ggpht.com/_btztxrwc9ik/tsw3lpdf6yi/aaaaaaaage0/lkhkccqnwvw/loading-related.gif'/></div>
<script src="http://dl.dropbox.com/u/66348944/tooltip-rc-post-2cot.js" type="text/javascript"></script>
</div>



Bây giờ, bạn có thể thay đổi các giá trị ở các dòng màu đỏ để phù hợp với blog của mình (có ghi chú trên code)


Lưu ý: Ở code thứ hai, số bài viết hiển thị trong tiện ích phải bằng hoặc nhỏ hơn số lượng bài thực tế trong nhãn (numpost), và các bạn phải điền thật chính xác tên nhãn và đường link địa chỉ blog của mình thì nó mới hiển thị, nếu không nó sẽ bị lỗi ra một khung trắng (không hiển thị).


Nguồn: Trai đất mũi

24 nhận xét:

chiều nhạt nắng nói...

bạn ơ cho mình hỏi cái MENU chính ! mình post bài làm sao cho nó gọn lại? để dài quá không chịu được bạn giúp mình nha ! mình đang rất rối
http://tintuc20h.blogspot.com/#

dungheineken nói...

Xin lỗi bạn, menu chính nào???? Mình chưa hiểu ý bạn lắm, bạn có thể chụp hình rồi gởi qua mail cho mình, rồi mình xem có thể khắc phục được không?

chiều nhạt nắng nói...

bạn pm qua yahoo mình! mình đang cần giúp !

vianh_yeu_em_nhieu

bạn pm qua mình sẽ gửi hình qua cho bạn nhe ! mình k biết gửi mail ! tks bạn :D

dungheineken nói...

Mình ít khi nào vào chat bên Yahoo lắm!!! Khi nào vào thì mình sẽ add địa chỉ của bạn nha

diệu huỳnh nói...

anh ơi. em muốn chia bài thành 2 cột giống như anh hướng dẫn mà em làm hoài không có được.Em muốn có trang chủ gồm 2 cột giống của anh cho nó gọn mà không tài nào làm được. anh giúp em với

dungheineken nói...

Bài này hướng dẫn chia các bài viết trong cùng một nhãn thành 2 cột chứ không phải trang chủ thành 2 cột...
Còn giao diện của dunghennessy là do có sẳn, Anh không làm gì hết cả, nếu em muốn thì vào đây lựa chọn cho mình một theme vừa ý rồi tải về áp dụng cho blog của mình.
http://dunghennessy.blogspot.com/search/label/Template
Chúc em thành công

MON NGON CUOI TUAN nói...

Dũng ơi, mình làm được nội dung hiển thị bài viết theo 1 nhãn nhưng mà sao các bài viết theo nhãn của blog mặc định vẫn nằm ở phía dưới wiget nội dung hiển thị bài viết theo 1 nhãn vậy? Mình làm sao khắc phục được?
Mình muốn làm phần thể hiện bài viết cho 1 nhãn giống như blog của Dũng vậy đó. Chỉ mình nhé!
Thanks bạn.

dungheineken nói...

Ý bạn là các bài viết dạng list đang nằm phía dưới các tiện ích nhãn của Blog bạn đó hả????
Còn ở dunghennessy đâu có tiện ích này đâu???
Vì vậy sao tôi giúp bạn được bây giờ???
Thành thật xin lỗi bạn

sang nguyen nói...

Anh giúp em tạo các bài viết hiển thị như thế này dc k. Cám ơn anh nhiều
https://mail.google.com/mail/u/1/?ui=2&ik=465d491989&view=att&th=14051568708a2699&attid=0.1&disp=thd&realattid=f_hk0ghmae0&zw

dungheineken nói...

Anh không thấy gì hết. Em add link lại nha

sang nguyen nói...

http://4.bp.blogspot.com/-1LkJWXUNDA4/Uf8UxU6-HMI/AAAAAAAAANo/wBMKsuHSO6I/s1600/traidatmui.png

Cái này nè anh. Hiên thị bài viết trong 1 nhãn. ANh giup em làm cái này với

dungheineken nói...

À... Cái này em nên qua hỏi Anh Traidatmui thì đúng hơn nha.

sang nguyen nói...

Ec anh traidatmui k chi.

Tại template của em đang sài là free, nhưng của anh traidatmui bán mấy trăm k nên hỏi anh k chỉ êccecececececec

Anh làm dc giúp em,

Thanks

sang nguyen nói...

http://vnnet247.blogspot.com/

Template này do anh traidatmui thiet kế và bán vói giá 490k. Nhưng em đang sài là free. Đó em download trên mạng về nên anh traidatmui k chỉ
Bó tay

dungheineken nói...

Vì sự tôn trọng bản quyền của Traidatmui nên Anh không thể giúp em được.
Mong em thông cảm nha.

Trong Lanh nói...

Bạn có thể chỉ mình cách làm giống vậy nhưng ở trang chủ khung đăng bài được ko. Ko phải nằm một bện.

Dung PHAM HOANG nói...

Nếu vậy thì bạn kéo tiện ích đã chứa code này lên trên khung bài đăng là được mà...

đại đương gia nói...

a ơi.Bài viết thì hiển thị nhưng độ rộng e không thay đổi được.khắc phục lỗi này làm sao vậy a?

Dung PHAM HOANG nói...

Em thay đổi thông số ở mục Width ở code phía trên, sau đó bấm Lưu lại là Ok
Chúc em thành công

Nam Tranganh nói...

sau mình làm không được, blog mình la2L HọcĐể Thi

Dung PHAM HOANG nói...

Mình đã test lại và vẫn thấy xuất hiện bình thường, bạn thử làm lại xem sao nha
Chúc bạn thành công

Nguyễn Văn Phước nói...

dropbox.com bị die rồi a có thể upload cái host khác không ạ.

Nguyễn Văn Phước nói...

À nhầm cái hình ảnh ở chữ "Thủ Thuật Internet" bị lỗi hiện thì flash rồi ảnh chỉ hiện chữ không thôi.

Minh Tâm nói...

blog của anh load hơi lâu chút
mới chơi mà đã nghiện rồi Giải mã bí mật tại sao đàn ông thích sờ vú đàn bà

Đăng nhận xét

 
Powered by by: Blogger