▀▄▀▄▀▄▀▄▀▄▀▄ 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 NHÃN (Kiểu 10)

Với thủ thuật này, các bài viết của toàn bộ trang Blog hoặc các bài viết trong cùng một nhãn được hiển thị trong một tiện ích được chia thành 2 cột riêng biệt: cột bên trái và cột bên phải.
Cột bên trái bao gồm 2 phần: Phần trên cùng (còn gọi là top-news) bao gồm một hình ảnh đại diện và tiêu đề kèm theo một số dòng mô tả của bài viết mới nhất mà bạn vừa mới đăng. Phần dưới (còn gọi là bottom-news) bao gồm 4 ảnh nhỏ và tiêu đề bài viết của 4 bài đăng kế tiếp (số lượng này bạn có thtuỳ chọn).
Cột bên phải bao gồm các tiêu đề bài viết tiếp theo của Blog hoặc của một nhãn được sắp xếp từ trên xuống theo thứ tự thời gian (số lượng này bạn cũng có thể tuỳ chọn).
Mời bạn bấm vào "Xem thử" phía dưới để trải nghiệm trước thủ thuật này.

Xem thử

Đầu tiên, bạn đăng nhập vào blog > Chọn thiết kế > thêm tiện ích HTML/Javacript (nếu sử dụng giao diện mới thì bạn chọn Mẫu > thêm tiện ích HTML/Javacript), các bạn nào chưa biết cách thêm tiện ích HTML/Javacript thì xem BÀI NÀY, rồi dán code phía dưới vào.
<style type="text/css">
#cotent-news {
border:#999 solid 1px;
width: 660px;
}
#top-news {
width: 460px;
height:166px;
padding:5px;
border:#bbb solid 1px;
background:#000;
font-size:12px;
}
#bottom-news {
width: 460px;
padding:5px;
}
#bottom-news-item {
width: 106px;
margin-right:9px;
float:left;
}
#left-news {
padding:5px;
border-left:2px dotted #ccc;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
imgico= "http://3.bp.blogspot.com/-Fs0tr4-XI00/T9s1Cs0iNdI/AAAAAAAAbR4/EJCXlTPSWGY/s1600/1399304s1osheptmw.gif";
showRandomImg = true;
topwidth = 160;
topheight = 160;
botheight = 100;
botwidth = 105;
fntsize = 12;
vnesize = 18; //kích thước của tiêu đề bài viết trong class "top-news"
acolor = "#fff";
cmcolor = "#fff";
topcolor = "#fff";
aBold = true;
text = "comments";
showPostDate = true;
summaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";
botnum = 4;
numposts = 15;
label = "";
home_page = "http://www.dunghennessy.blogspot.com/";
</script>
<script src="https://sites.google.com/site/dungheineken/all.txt" type="text/javascript"></script>

Bây giờ bạn chỉnh sửa các dòng lệnh màu đỏ theo ý thích của mình. Trong đó:
* Width (đầu tiên): là chiều rộng của cả tiện ích
* Width (thứ hai): là chiều rộng của top-news
* Width (thứ ba): là chiều rộng của bottom-news  
* Background: màu nền của top-news
* Imgicon: icon trước tiêu đề bài viết ở cột bên phải 
* Topwidth: chiều ngang của ảnh ở top-news
* Topheight: Chiều cao của ảnh ở top-news
* Botheight: Chiều cao của ảnh ở bottom-news
* Botwidth: Chiều ngang của ảnh bottom-news
* cmcolor: màu của ch
* Summary Post: số lượng từ của dòng mô tả bài viết mới nhất
* Summary Fontsize: Kích thước chữ của dòng mô tả bài viết mới nhất.
* Botnum: Số lượng ảnh và tiêu đề các bài viết ở bottom-news
* Numpost: Số lượng các bài viết hiển thở tiện ích (bao gồm các bài viết ở top-news, bottom-news và các bài viết ở cột bên phải)
* Label: tên nhãn (nếu sử dụng cho cả blog thì ô này bỏ trống, còn nếu sử dụng cho một nhãn thì bạn phải viết chính xác tên nhãn và tên nhãn này phải nằm trong dấu ngoặc kép nếu không thì tiện ích này sẽ bị lỗi và không hiển thị...).
* Home Page: Địa chỉ blog của bạn.
Cuối cùng bấm Lưu và trở về blog xem kết quả nha.
Mở rộng thêm:
Code trên tôi đang áp dụng cho toàn blog, vì vậy nếu muốn hiển thị cho một nhãn nào đó các bạn phải ghi chính xác tên nhãn ở dòng lệnh Label và thay thế dòng lệnh màu vàng bằng dòng lệnh này:
https://dl.dropbox.com/u/66348944/only.txt    

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

60 nhận xét:

BS.KuTu nói...

Một tiện ích rất đơn giản nhưng hiệu quả rất cao. Cám ơn bạn rất nhiều.
Tuy nhiên cũng cho mình hỏi là, muốn để tiêu đề các bài viết ở cột bên phải canh sang trái thì làm thế nào ? (như demo của bạn vậy)

dungheineken nói...

Thủ thuật này bị bất tiện là ở chỗ này... mình chỉ tuỳ chỉnh ở cột bên trái thôi, còn cột bên phải thì nó được tuỳ chỉnh theo độ dài của toàn tiện ích. Cụ thể là:
Nếu bạn muốn cột bên phải canh qua trái thì bạn rút ngắn độ dài của tiện ích (ví dụ như ở dòng lệnh width đầu tiên bạn chỉnh cho nhỏ lại...) sau đó mình sẽ tuỳ chỉnh các mục ở cột bên trái cho hợp lý là xong.

BS.KuTu nói...

Thôi cũng đành sửa thủ công vậy anh nhể. Khi nào sửa được anh lại thông báo nhé.
Đưa tiện ích này vào trông cũng pro ra phết, nhưng có điều load hơi chậm. Thế cũng thấy thật tuyệt vời.
Trân trọng cám ơn anh!

dungheineken nói...

Ok, để hôm nào mình rảnh sẽ nghiên cứu để khắc phục sự bất tiện này, sau đó sẽ thông báo đến Anh nha.
Xin lỗi anh vì sự bất tiện của tiện ích này

Phạm Long nói...

Một blog rất hay cho những người mới làm quen với blog như minh cảm ơn rất nhìu

dungheineken nói...

Rất cám ơn đã ghé tham quan và ủng hộ dunghennessy

kimduccz nói...

Anh Dũng ơi, khi em truy cập vào Blog thì tên miền (.com) đã đổi đuôi thành (.cz) anh ạ, em thực hiện ở bất cứ Blog nào cũng .cz là sao hả anh, dù Blog đó là các Bloger ở VN. Anh có như thế không, đuôi (.com) của anh có bị đổi thành (.vn) không hả anh ?

dungheineken nói...

Bên Anh vẫn giữ như vậy: dunghennessy.blogpsot.com không có thay đổi thành .vn em ạ!!!

Aba Chíp Xù nói...

@kimduccz : Theo mình bạn đang sử dụng IP nước ngoài, lỗi do máy tính của bạn thui.Bạn Xóa cookie đi thử xem, hoặc đang sử dụng phần mềm thay IP thì thoát hoàn toàn đi.
Chúc bạn thành công..!

kimduccz nói...

@Aba Chíp Xù : Mình không hiểu phần mềm thay IP là sao ? Thoát hoàn toàn thế nào ? Bạn biết chỉ giúp mình với, hơn tuần nay cứ bật máy lên vào xem các Blog là nó lại có đuôi .cz.
Anh Dũng : Anh ơi em mất Nick Yahoo mấy tháng nay rồi, cứ đăng nhập vào là nó tự thoát ra, nhưng đăng nhập trên Web hoặc vào hòm thư vẫn được, anh biết chỉ em với ? (Tiện đây em hỏi anh luôn, nếu anh biết trả lời vào Mail cho em với nhé, Mail nào cũng được anh ạ).

Phát Nguyễn nói...

ban trinh bay de hieu wa, kham phuc ban ghe keke

dungheineken nói...

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

anh eng nói...

Mình phát hiện rất nhiều bài viết bạn không đề nghuồn nhưng lại yêu cầu người khác đề nguồn quả thật mình thấy rất lạ.

dungheineken nói...

Các bài viết nếu của người khác mình đều có để nguồn hết, còn các bài viết này là do mình có chỉnh sửa ở trong code thì làm sao gọi là của người khác được...

le quang thai nói...

ok nhung minh dua vao blog cua lop minh thi no chjm het nua blog ruj no lon xon len hek hic dao log wa'.

dungheineken nói...

Đây là tiện ích có chiều rộng hơi lớn, vì vậy nếu blog của bạn có sidebar nhỏ thì không nên gắn tiện ích này...

Bé Dâu Tây nói...

Ạnh Dũng oi!
Hiện tại em đang áp dụng nhưng đã bị lỗi. Khi hiển thị thì bị lỗi font. Mong Anh ghé thăm blog của em: dautay88.blogspot.com trong mục "Những điều không thể bỏ qua khi ăn trứng"

Bé Dâu Tây nói...

Anh Dũng ơi!
Bài viết hiển thị như đây là lỗi gì vậy anh
Hé lộ quá trình chuyển giới của Lâm Chí Khanh, Thái Tài

v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} Norm...

dungheineken nói...

Đó là do ở bài viết của em có một số code này, để khắc phục, em đăng nhập vào blog, sau đó bấm vào thẻ bài đăng, tiếp tục kiếm lại bài đăng đó và bấm chỉnh sửa bài đăng, tiếp tục em kiếm trong bài đăng đó dòng lệnh code này và xoá nó đi, sau cùng bấm cập nhật hoặc đăng bài lại sẽ không còn dòng lệnh đó nữa.
Chúc em thành công

admin nói...

anh dung trang cua a khong chay doi i mang VNpT

dungheineken nói...

Đúng rồi, hiện nay VNPT đang chặn blogspot, vì vậy không xem được dunghennessy...Không biết bao giờ mới mở đây???

Hoằng Đảm nói...

sao nó không lấy hình đại diện được vậy bạn? hình đại diện ở top-news và 04 hình bên dưới bottom-news, chỉ thấy để dấu hỏi(?) to đùng. huhu

dungheineken nói...

Đó là do các bài viết của bạn không có hình ảnh, vì vậy nếu muốn có hình thì trước tiên bạn phải chèn hình vào các bài viết thì nó sẽ hiển thị mà thôi
Bạn làm thử xem

Rom Alex nói...

dunghennessy ơi cho mình hỏi tý ! sao mình chèn tên blog của bạn thì nó hiện ra , mà mình chèn tên blog mình nó trống không hiện gì hết ?

Mong dunghennessy giúp đỡ

dungheineken nói...

Đó là do bạn chèn địa chỉ blog của bạn chưa chính xác, bạn phải chèn chính xác và đây đủ địa chỉ blog của bạn thì nó sẽ hiện ra mà thôi.
Thử làm lại xem sao nha...

Rom Alex nói...

mình đã chèn đúng tên nhưng nó không hiện

dungheineken nói...

Bạn gởi tên đăng nhập blog và pass của bạn qua mail:
dungheineken@gmail.com, mình xem và làm cho bạn

Nguyễn Quốc Huy nói...

Anh ơi, mỗi khi em đổi địa chỉ Home page thành trang blog của em lại bị lỗi loan hết lên, như là phá hết cả bố cục trang blog anh à

dungheineken nói...

Chắc em chèn sai địa chỉ blog của mình rồi đó, làm lại thử xem

Nguyễn Quốc Huy nói...

không anh ạ. bài viết trong blog của em vẫn hiện bình thường anh à

Minh Châu Trần nói...

Chúc Bạn vui mỗi ngày

dungheineken nói...

Cám ơn bạn, bạn cũng vậy nha

Dung Minh Nguyen nói...

Không xem được Demo bạn Dũng ơi !

dungheineken nói...

Bạn có thể xem bản demo trên đầu trang dunghennessy đó, còn bản demo mình sẽ sửa lại.
Cám ơn bạn đã báo lỗi cho mình

thuong hieuva nói...

Code của bạn bị vấn đề rùi. Hôm trước mình làm được bây giờ thì nó biến mất. Híc....bạn có phương án gì hơn để giúp mình với

thuong hieuva nói...

Bạn kiểm tra lại mã giùm mình nhé ! Thanks

dungheineken nói...

Rồi, mình đã chỉnh sửa lại rồi đó, bạn vào chép code lại thử nha.
Xin lỗi bạn vì sự cố kỹ thuật này...

Linh Giang nói...

Hôm nay em sang anh xin code hiển thị bài viết trong nhãn anh nhé. Thanks! :) :)

dungheineken nói...

Ok, cứ tự nhiên nha em
Chúc em vui

August Pink nói...

Mình đang thử làm nè Dũng ơi!

dungheineken nói...

Ok, bạn cứ làm thử xem sao

Dung Minh Nguyen nói...

Thủ thuật này hay,mình rất gu mấy trang blog trình bày bằng hình ảnh trông thật đẹp mắt tuy load có hơi chậm mà điều này là đương nhiên,hình ảnh bao giờ load cũng chậm hơn văn bản mà,chịu khó chờ vài giây nhưng trang blog của mình trông bắt mắt hơn cũng vẫn thích,mỗi người có một mục tiêu khi tham gia chơi blog,với mình chỉ để giao lưu cùng bạn bè khắp nơi và chia sẻ mọi thứ,nên nó không được đơn điệu như những trang blog mà nhìn vào toàn chữ với chữ giống như một trang tin tức vậy.Thủ thuật này rất đúng ý mình từ lâu nay lại được bạn Dunghennessy chia thành 2 cột trông lại càng bắt mắt hơn.Một thủ thuật rất công phu và hiệu quả về trình bày trang trí.Cảm ơn Dunghennessy nhé !

Thắng Ngô toàn nói...

Hoan hô bạn !
mình muốn tạo mục lục cho giáo trình: KINH DỊCH có lẽ vận dụng kiểu này được đấy !
Xin cảm tạ !

dungheineken nói...

Ok, bạn thử áp dụng xem sao..
Chúc bạn thành công

cafe nói...

Một Blog quá tuyệt vời . Cám ơn anh nhiều lắm

dungheineken nói...

Mình cũng cám ơn bạn cafe đã ghé tham quan và ủng hộ dunghennessy

HOÀNG SƠN nói...

anh Dũng ơi, sao e bo cái tiện ích này trước phần mennu không được..Có thể di chuyển phần main lên tren được không

Nhi Yến nói...

A Dũng ơi file .txt die rồi! a up lại jup e nhé

dungheineken nói...

Anh đã kiểm tra lại rồi, file .txt vẫn còn hoạt động tốt mà, em thử lại nha

co songhoa nói...

Anh à, e thử nhiều lần rồi mà blog của em không hiển thị được ( hiển thị bài viết trong nhãn) có phải do theme của em không? mình có thể chỉnh sửa code để nó hiển thị được không Anh?
Chúc Anh luôn vui!

Dung PHAM HOANG nói...

Em thử dán code (không thay đổi gì...) thử xem nó có hiển thị không? nếu không thì là do code này đã bị xung đột với code khác trong blog của em...còn nều vẫn để nguyên (không thay đổi gì) mà nó có hiển thị thì là do em thay đổi địa chỉ của blog mình không chính xác...

Sơn Nguyễn nói...

anh ơi sao cái tiện ích này em thêm không được :( giúp em với mà anh có số không em gọi hỏi anh tí ạ . rm cám ơn ạ

Dung PHAM HOANG nói...

Không thêm được nghĩa là sao???
Số ĐTDĐ của Anh là: 0908391181

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

a ơi.em làm nó hiện thị ở trang chủ rồi nhưng khi click vào 1 bài bất kỳ trong blog thì khung nhãn này nó hiện ở trên đầu của mỗi bài viết.Làm sao khắc phục lỗi này để nó chỉ hiện thị ở trang chủ thôi ạ
Trang của em: http://www.bongda360.info/
e cảm ơn a...

Dung PHAM HOANG nói...

Vậy thì em ẩn tiện ích này đi (chỉ cho "nó" xuất hiện ở trang chủ thôi), em tham khảo bài này:
http://dunghennessy.blogspot.com/2011/09/tien-ich-html.html
Chúc em thành công

HÒA XĂM TATTOO nói...

Mình muốn chèn những code này vào trang sieuweb.vn thì có được không bạn?
Trong bài tab-hộp-tiện-ích, cái dòng"div_id(bằng)"tabs-1"NỘI DUNG TIỆN ÍCH" mình không hiểu nó phải nhập "nội dung" gì?, bạn làm ơn nói rõ cho mình với được không? Tks bạn nhiều lắm!

Dung PHAM HOANG nói...

Nếu sieuweb.vn có giao diện của Blogspot thì code này sẽ Ok..
NỘI DUNG TIỆN ÍCH là nơi để bạn chèn code HTML của một tiện ích nào đó cũng được (nhớ là code HTML nha), ví dụ: code đồng hồ, code flash, code góc tiện ích, code góc giải trí,...v..v.. nói tóm lại là các code mà dunghennessy đã chia sẻ trên trang blog này
Chúc bạn thành công

Shikamaru Nara nói...

Anh dũng giúp em cái đoạn code chạy slide xem nhìu nhất dưới banner cho em được không,
Em ghiền cái slide đó mà hok biết làm sao, em tìm trong bài blog của anh mà không biết ở chỗ nào hết, anh có hok cho em với, huhu
cảm ơn anh trước nha

btt nói...

cảm ơn anh Dũng nhiều, vì nhiều tiện ích em tạo cho blog của em điều lấy của anh. Còn một cái nữa em chưa làm được xin anh giúp. Em muốn tất cả các bài đăng mới hiện trong một thư mục, và trước mỗi tiêu đề có dấu sao. Xin anh giúp. Chân thành cảm ơn anh. Blog em đang làm: liendoanthieunhithanhthekontum.blogspot.com

Tiểu học Vĩnh Phước nói...

hi

Đăng nhận xét

 
Powered by by: Blogger