▀▄▀▄▀▄▀▄▀▄▀▄ 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 2)

Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị một hình ảnh đại diện phía trên, dưới hình ảnh là tiêu đề bài đăng. Và được trình diễn chạy tự động từ phải qua trái hay ngược lại.
Bạn bấm vào thẻ XEM THỬ để trải nghiệm trước.



Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > 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 trước dòng lệnh đó đoạn code phía dưới

.bgcontent{background:#efefef; /*màu nền của tiện ích*/
height:140px; /*chiều cao của tiện ích*/
width:500px; /*độ rộng của tiện ích*/
}
#rc-content {
padding:4px;
width:500px; /*độ rộng của tiện ích*/
}
#rc-main {
width:110px;
background:#fff url(https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXXfgP5zNLI/AAAAAAAAAGU/Dh1jYQZoSgM/main-bg.png) repeat-y;
}
#rc-top {
background:#fff url(https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXXff4uaqaI/AAAAAAAAAGQ/cj2q0Y_nb-A/top-bg.png) no-repeat top;
height:3px;
}
#rc-bottom {
background:#fff url(https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXXffoEZMJI/AAAAAAAAAGM/JJSC-pSoUTk/bottom-bg.png) no-repeat bottom;
height:3px;
}
.rc-thumbs {
padding:2px 5px 5px 5px;
height:70px;
}
.rc-thumbs IMG {
width:100px; /*độ rộng của ảnh thumbnail*/
height:70px; /*chiều cao của ảnh thumbnail*/
}
.rc-title {
height:48px;
padding:0px 3px 2px 3px;
line-height:1.3em;
font-size:11px;
font-weight:bold;
}
.rc-title a {color:#0000ff;}
.rc-title a:hover {color:#ff0033;}

Bạn bấm Lưu lại và trở lại Thiết kế > Thêm tiện ích HTML/Javacript rồi tiếp tục dán đoạn code phía dưới vào

<div style="font-weight:bold; border: 2px #30a1db solid; padding:5px; text-align:center; background:#FFF380;">Thủ thuật Win 7</div>
<div class="bgcontent">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio3OqlOni4jPXPiTsTjxGujBBxj5u0f8KbodNr3_hf8qQ1va2VT3bdRNAu8fuOkdr_cemzEYqLcgRmeCxsY92wdhOCdV1zjrBkEdZaOj2Cz2G-ixcX3j3FaIryjKlG8_XviLmY8zsMV4tZ/";
showRandomImg = true;
zaBold = false;
numposts = 20; //số bài trình diễn trong tiện ích
label = "WIN 7"; //thay thành tên nhãn của blog bạn
summaryTitle = 40; //số ký tự của tiêu đề bài viết
home_page = "http://www.dungheineken.blogspot.com/"; //thay thành địa chỉ blog bạn
</script>

<marquee align="center" direction="left" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="500">
<script src="http://dl.dropbox.com/u/66348944/rc_label.js" type="text/javascript">
</script>
</marquee></div>

<p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://dungheineken.blogspot.com/search/label/WIN%207"> Thủ thuật Win 7 &#187;</a></p>

Bây giờ bạn dựa theo các phần ghi chú trong code (màu đỏ) để chỉnh sửa lại cho phù hợp với ý thích của mình và Bấm lưu lại.
Nếu không muốn tiện ích này hiển thị các bài viết trong nhãn mà hiển thị hết cho các bài ở Blog thì bạn thay chữ label (màu vàng) thành chữ allpost là xong


Lưu ý: Bạn phải điền chính xác tên nhãn, địa chỉ Blog của mình và quan trọng nhất là số bài trình diễn trong tiện ích phải bằng hoặc ít hơn số bài trong cùng một nhãn, nếu số bài trình diễn trong tiện ích nhiều hơn số bài hiện có trong nhãn thì hình ảnh sẽ không được hiển thị...

19 nhận xét:

Nặc danh nói...

Bạn ơi, mình sử dụng hiệu ứng này nhưng sao các chữ trên tiện ích cứ bị dính lại. Bạn vào blog mình xem nhé! Địa chỉ http://lichsu.suctrenhanvan.edu.vn/

dunghennessy nói...

Tôi chưa hiểu ý của bạn, tôi có vào blog của bạn tham khảo nhưng không biết "nó dính chỗ nào"///

Unknown nói...

bạn ơi...sao mình không tìm thấy cái
"]]>". Mở rộng cũng không có,

Unknown nói...

a ơi.e làm thủ thuật này nó chạy nhưng bị một vấn đề lớn là e đặt nó ở đâu thì nó cuốn hết tất cả mọi tab,cả khung nhãn bên dưới để chạy...Các khung,bài đăng...bên dưới nó đều biến mất.a chỉ cho e cách nào khắc phục lỗi này với

dunghennessy nói...

Có 2 cách khắc phục:
1/ Em thử làm lại xem (nhớ dán code đầu tiên trước thẻ Skin...)
2/ Nếu làm đúng như hướng dẫn mà vẫn bị như vậy thì do code này đã xung đột với code nào đó ở blog em rồi, vấn đề này thì phải kiểm tra lại xem code nào bị xung đột thì xoá nó đi là xong

Unknown nói...

Em làm lại rồi,nhưng vẫn bị như thế .A qua blog của e xem nó bị làm sao?
http://bavkl.blogspot.com/
Chứ nếu đúng là xung khắc code thì khó rồi.E cũng chỉ vào blog của a với tham khảo các blog khác để thiết kế thôi chứ không có kỹ năng về tin học

dunghennessy nói...

Anh có vào blog của em xem thử và kết luận chắc chắn rằng "nó" bị xung đột rồi...Vì blog em chèn khá nhiều tiện ích khác.

Giáo trình kỹ thuật nói...

Em không muốn cho nó chạy, và hiển thị thành nhiều hàng thì làm thế nào hả anh? Với lại một bài viết được gán trong nhiều nhãn thì có ảnh hưởng gì không anh ha?

dunghennessy nói...

Rất tiếc, thủ thuật này chỉ có thể làm thành 1 hàng mà thôi bạn à...

sửa máy xông hơi tại hà nội nói...

mình làm mãi mà chỉ thấy khung mà không có hình bạn ơi, bạn qua blog mình xem nó bị sao nhé
http://chuyensuachuabontamxonghoi.blogspot.com/

dunghennessy nói...

Bạn xem lại địa chỉ blog và tên nhãn của mình đã add vào chính xác chưa???
Bạn đọc kỹ phần lưu ý cuối cùng nha

sửa máy xông hơi tại hà nội nói...

ok. cảm ơn bạn , tý mình làm thử xem sao . tên nhãn là Tag của bài viết hả bạn ?

dunghennessy nói...

Đúng rồi...Nếu bạn add chính xác Tag và địa chỉ Web/Blog của bạn "nó" sẽ xuất hiện ngay thôi

sửa máy xông hơi tại hà nội nói...

mình làm đc rồi , cảm ơn bạn nhiều nhé . mà bạn cho mình xin cái template web của bạn đc ko ? mình muốn làm 1 web dịch vụ có giao diện giống Blog của bạn . nhìn bố cục rất hợp lý và đẹp

dunghennessy nói...

Giao diện này mình đã sửa đổi trong HTML nguồn khá nhiều nên mới có bố cục như vậy bạn à...
Bạn có thể lên Google tìm kiếm sẽ có nhiều giao diện đẹp hơn của mình nữa đó

sửa máy xông hơi tại hà nội nói...

mình muốn nhờ Dũng làm 1 cái Blog có giao diện tương tự Blog của Dũng . nếu được , Dũng cho mình xin số đt để tiện liên lạc và thảo luận chi tiết công việc đc ko ?

dunghennessy nói...

Bạn có thể lên Google sreach sẽ thấy được một số theme giống mình đang sử dụng và có thể còn đẹp hơn nữa đó, vì dạo này gần Tết nên mình khá bận rộn chắc không thể giúp gì cho bạn được, mong bạn thông cảm.
Nếu không gấp để qua Tết mình sẽ làm giúp cho bạn, OK???

sửa máy xông hơi tại hà nội nói...

mình cảm ơn bạn nhiều nhé . ra tết rảnh khi nào thì bạn giúp mình nhé. bạn có thể gửi số di động cho mình xin đc ko ? mình có chuyện muốn thảo luận và nhờ bạn giúp....

dunghennessy nói...

Số đt của mình là:
0908391181

Đăng nhận xét

 
Powered by by: Blogger