Bạn muốn xem tin tức từ các trang báo mà không muốn rời khỏi Blog của mình? Bạn có thể Click thử một trong những bài báo ở tiện ích dưới đâ...
HÌNH NÊN KHÔNG GIAN CHO TOÀN BLOG
Mẫu 2:
Mẫu 3:
Mẫu 4:
Mẫu 5:
Mẫu 6:
Mẫu 7:
Mẫu 8:
Mẫu 9:
Mẫu 10:
Dưới đây là một số mẫu hình nền áp dụng cho toàn blog có chủ đề "Vũ trụ không gian", ứng với mỗi mẫu là code phía dưới, bạn chỉ cầ...
ẨN CÁC BÀI VIẾT Ở TRANG CHỦ
Trang chủ là nơi thể hiện các bài đăng của bạn được xếp theo thứ tự thời gian, bài nào đăng cuối cùng sẽ hiển thị trên cùng. Các bạn sẽ tự h...
MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 2)
Do có một số bạn hỏi: Sao không đổi màu cho menu được?, vì vậy hôm nay tôi xin giới thiệu đến các bạn MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 2), menu này cũng giống với menu kiểu 1 nhưng thay vào đó các bạn có thể dễ dàng đổi màu cho menu, đổi màu cho chữ trên menu...
<style type='text/css'> html .jqueryslidemenu{height: 1%;} </style> <script src='http://dl.dropbox.com/u/66348944/jquery.min.js' type='text/javascript'/> <script src='http://dl.dropbox.com/u/66348944/drop_menu.js' type='text/javascript'/> |
<style> .jqueryslidemenu{ font: bold 12px Verdana; background:#153E7E; /* màu nền của menu*/ width: 100%; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } .jqueryslidemenu ul li{ position: relative; display: inline; float: left; } .jqueryslidemenu ul li a{ display: block; background:#15317E; /* màu nền của thư mục chính*/ color: white; /*màu text thư mục chính*/ padding: 8px 10px; border-right: 1px solid #778; color: #ccc; text-decoration: none; } * html .jqueryslidemenu ul li a{ display: inline-block; } /*.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: #ff0066; //màu cchữ các menu }*/ .jqueryslidemenu ul li a:hover{ background:#2B60DE; /* màu hiệu ứng khi rê chuột vào các link*/ color: white; /*màu text khi rê chuột*/ } .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } .jqueryslidemenu ul li ul li{ display: list-item; float: none; } .jqueryslidemenu ul li ul li ul{ top: 0; } .jqueryslidemenu ul li ul li a{ font: normal 13px Verdana; width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } .jqueryslidemenuz ul li ul li a:hover{ background: #eff9ff; color: black; } .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; }</style> <div id="myslidemenu" class="jqueryslidemenu"> <ul> <li><a href="http://dungheineken8.blogspot.com/">Home</a></li> <li><a href="http://dungheineken.blogspot.com/">Thủ thuật máy computer</a></li> <li><a href="http://anhdepblog.blogspot.com/">Thủ thuật Ảnh </a> <ul> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> <li><a href="#">Sub Item 1.3</a></li> <li><a href="#">Sub Item 1.4</a></li> </ul></li> <li><a href="http://phimvang.org/">Xem phim</a></li> <li><a href="#">Blogspot</a> <ul> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Folder 2.1</a> <ul> <li><a href="#">Sub Item 2.1.1</a></li> <li><a href="#">Sub Item 2.1.2</a></li> <li><a href="#">Folder 3.1.1</a> <ul> <li><a href="#">Sub Item 3.1.1.1</a></li> <li><a href="#">Sub Item 3.1.1.2</a></li> <li><a href="#">Sub Item 3.1.1.3</a></li> <li><a href="#">Sub Item 3.1.1.4</a></li> <li><a href="#">Sub Item 3.1.1.5</a></li> </ul> </li> <li><a href="#">Sub Item 2.1.4</a></li> </ul> </li> </ul></li> <li><a href="http://www.nhaccuatui.com/">Nghe nhạc</a></li> <li><a href="http://anhdepblog.blogspot.com/">Hình ảnh</a> <ul> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> </ul></li> <li><a href="#">Download</a> <ul> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Sub Item 2.2</a></li> </ul></li> </ul><br style="clear: left" /> </div> |
Trước đây, tôi có đăng bài TẠO MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 1) , với kiểu này thì menu chỉ có một màu đen, chữ trắng và các bạn ...
TẠO KHUNG TRÌNH CHIẾU YOUTUBE ẨN HIỆN
Thêm vào đó, bạn có thể tạo playlist cho riêng mình bằng các đường link mình muốn. Bạn bấm vào XEM THỬ phía dưới để trải nghiệm nha
Khi muốn thêm một link khác nữa vào danh sách playlist thì bạn chỉ dán thêm doạn code này vào phía dưới và thay đổi địa chỉ và tên clip cho phù hợp.
.<a href="Link của clip Youtube">Tên của clip</a>
<blockquote>
</blockquote>
Thủ thuật dưới đây sẽ giúp bạn có thể gắn khung trình chiếu Youtube ngay trên Blog của mình, khi chưa kích hoạt thì khung trình chiếu sẽ đượ...
FLASH ĐẸP CHO BLOG (Phần 8)
Mẫu 1:
Mẫu 2:
Mẫu 3:
Mẫu 4:
Mẫu 5:
Mẫu 6:
Mẫu 7:
Mẫu 8:
Mẫu 9:
Mẫu 10:
Dưới đây là một số files flash đẹp để bạn có thể trang trí cho Blog mình thêm đẹp, ứng với mỗi files flash là mã code phía dưới, bạn chỉ cần...
TẠO BANNER ĐỘNG
Kế tiếp, bạn bấm chọn thẻ Text and Images, từ đây bạn viết chữ hiển thị trên banner bằng cách bấm vào thẻ Add Text ở khung bên phải (nếu sử dụng nhiều dòng chữ bạn phải đánh dấu chọn ở mục Ignore icoming...phía dưới). Bấm thẻ Font để đổi phông chữ, bấm thẻ Effect để tạo hiệu ứng chữ như: chữ bay lượn từ trên xuống, chữ sao sáng, chữ xoay tròn...Bấm thẻ Position để canh khoảng cách cho chữ với Banner.
Tiếp tục với thẻ Webs Link, bạn có thể add đường link mà mình muốn liên kết khi click vào banner bằng cách đánh dấu chọn vào mục Open Web page when user click on Flash Movie và dán địa chỉ liên kết vào ô URL address.
Cuối cùng nhấn thẻ Publish để xuất banner ra Flash, ảnh động hoặc phim Movie...
Nếu các bạn chưa có host riêng để upload file flash thì mời bạn xem tiếp bài "upload và chèn file flash như thế nào?"
Với dung lượng 4.2MB (chạy trực tiếp, không cần cài đặt) FLASH INTRO AND BANNER MAKER sẽ giúp cho bạn dễ dàng tạo được Banner động kèm theo ...
FLASH ĐẸP CHO BLOG (Phần 7)
Mẫu 1:
Mẫu 2:
Mẫu 3:
Mẫu 4:
Mẫu 5:
Mẫu 6:
Mẫu 7:
Mẫu 8:
Mẫu 9:
Mẫu 10:
Dưới đây là một số files flash đẹp để bạn có thể trang trí cho Blog mình thêm đẹp, ứng với mỗi files flash là mã code phía dưới, bạn chỉ cần...
TIỆN ÍCH XEM TRUYỀN HÌNH CHO BLOG
Mẫu 2: Với mẫu này là các Logo sẽ được trình diễn xoay vòng rất đẹp mắt, bạn có thể dùng tiện ích này vừa xem truyền hình vừa trang trí cho blog thêm đẹp.
Mẫu 3: Mẫu này với hình cái Tivi rất đẹp, muốn xem truyền hình chỉ cần bấm vào hình tivi, nó sẽ chuyển bạn đến trang Web xem truyền hình trực tuyến.
Mẫu 4: Còn với mẫu này, bạn có thể xem truyền hình trực tiếp ngay trên Blog của bạn luôn, phía dưới là các kênh, muốn xem kênh nào thì bấm vào kênh đó, nó sẽ hiển thị ngay trên blog của bạn (bạn thử bấm xem một kênh thì sẽ biết)
Mẫu 5: Còn với mẫu này, bạn sẽ thấy được trang Web xem truyền hình trực tiếp ở ngay trên Blog của mình với kích thước nhỏ.
Với các mẫu kể trên, tôi hy vọng các bạn sẽ có một mẫu phù hợp cho Blog của mình.
Chúc các bạn vui!!!
Do có một số bạn yêu cầu, hôm nay mình chia sẻ một số code để chèn tiện ích xem truyền hình cho blog. Ứng với mỗi kiểu mẫu là code phía dưới...