Bài đăng

Hiển thị các bài đăng có nhãn Blog Menu

Tạo menu dọc cho nhãn

Hình ảnh
Mặc định các nhãn của Blogspot được hiển thị rất đơn điệu, nếu bạn muốn các nhãn hiển thị được đẹp hơn, bạn có thể tạo menu dọc cho nó, để tạo menu dọc các bạn phải dán code vào mã nguồn và một vào HTML/Javacrip. Các bước như sau: Đầu tiên, bạn đăng nhập Blog > chọn Thiết kế > Chỉnh sửa HTML , bấm đồng thời 2 phím Ctrl+F để mở hộp tìm kiếm, gõ vào khung lệnh ]]></b:skin> , sau đó dán code trong khung màu xanh vào phía trên nó và lưu lại. Tiếp theo bạn vào Thiết kế > Thêm tiện ích > Thêm HTML/Javacript và dán code trong khung màu tím vào, thay đổi các đường link của nhãn, viết tên hiển thị của nhãn, cuối cùng lưu lại là xong (Bạn có thể xem thêm chỉ dẫn chi tiết cách thức dán các code   TẠI ĐÂY ) Mẫu 1: #menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background...

Menu xếp dọc cực đẹp cho blog

Hình ảnh
1. Dán đoạn code sau trước thẻ:  ]]></b:skin> [code type="CSS"]#MenuLeft{padding: 0;margin: 0} #MenuLeft ul{padding: 0;margin: 0} #MenuLeft li{list-style-type: none} #MenuLeft .title{height:40px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsuuVCiM31FPtigtlKZj7fA6MFB6hehTNnv6pfuEIaxDvXA90DjWcSyZLYQ_e5tYb8O7n8HoYtLEzGoYE99Ws3g40mf3DliO4_GVmNrZNfS5xLGrHO-CLTUvwasO9siCEkeQBbVVqYdkR/s1600/Ketoanthanhtu-title+lan+2.PNG) no-repeat;font:bold 14px/40px Arial;color:#fff;text-align:center;text-transform:uppercase;display: block;margin-bottom: 6px} #MenuLeft .title2{height:30px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpzNy_kPhjV809eOaP6jRr4nqD_tXIH0oG2r9v1To5ghH3sHQIYf63-rOWSToUXYTdJylCFIM-aVb1HBLbBK_WARTMM0pxBbelEkA6LAuPqYzBFADtLYZ-uRyxiRSPepBVbTNlri8MkoV/s1600/Ketoanthanhtu-title2+lan+2.PNG) no-repeat;text-align:center;display: block;margin-bottom: 8px;font:bold 12px/30px Arial;color: #000} #MenuLeft .title2:hov...

Menu dọc cho hình ảnh

Hình ảnh
TẠO MENU DỌC CHO HÌNH ẢNH Với thủ thuật dưới đây, các bạn có thể dễ dàng tạo một menu cho một hình ảnh nào đó. Khi bạn rê chuột vào hình ảnh này thì sẽ có một menu xổ dọc xuống phía dưới hoặc phía trên tuỳ theo vị trí của ảnh. Các bạn có thể áp dụng thủ thuật này để làm liên kết với các blog khác... Mời bạn bấm vào Xem thử phía dưới để trải nghiệm nha. Xem thử Thủ thuật này cũng khá đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML rồi dán đoạn code phía dưới vào. <link rel="stylesheet" type="text/css" href="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/anylinkmenu.css" /> <script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/anylinkmenu.js"> </script> <script type="text/javascript"> var anylinkmenu1={divclass:'anylinkmenu', inlinestyle:'width: 260 px; background: #FDD271 ', linktarget:'_n...

Menu dọc xổ xuống có các menu con kiểu 1

Hình ảnh
[right-post] Để đáp ứng lời yêu cầu của các bạn, bắt đầu từ bài này mình sẽ lần lượt chia sẻ đến các bạn một số mẫu MENU DỌC XỔ XUỐNG CÁC MENU CON. Với thủ thuật này, trên blog các bạn sẽ có một menu dọc khá đẹp, khi rê chuột vào mỗi menu sẽ có một bản tóm tắt giới thiệu về menu này. Khi bạn bấm chuột vào menu sẽ xuất hiện một số menu con phía dưới, bấm lần nữa thì menu này sẽ rút gọn lên... Bạn bấm vào Xem thử phía dưới để thấy rõ thủ thuật menu dọc này. Xem thử menu Thủ thuật này cũng khá đơn giản, bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML rồi dán tất cả các đoạn code vào. <script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/jquery.min.js"></script> <script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/ddaccordion.js"> </script> <script type="text/javascript"> //Initialize Arrow Side Menu: dda...