Bõm.vn

HIỂN THỊ NGÀY GIỜ TRÊN THANH TIÊU ĐỀ BLOGGER

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpLpNetHLQwMOHuxc5XwiqMl1b4p5jlUYjklM1zYGqgYrzqbuBHQymqs8Ri0JlyIGOPK4YOU-n3Rh8DO6pht1y5Zub7ukXCfxIsKPDv3TJyRsc9dXgai93w11rFAWLvO0t2agATdhTf7Nu/s1600/picture+37.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpLpNetHLQwMOHuxc5XwiqMl1b4p5jlUYjklM1zYGqgYrzqbuBHQymqs8Ri0JlyIGOPK4YOU-n3Rh8DO6pht1y5Zub7ukXCfxIsKPDv3TJyRsc9dXgai93w11rFAWLvO0t2agATdhTf7Nu/s320/picture+37.jpg" width="320" /></a></div>Thanh tiêu đề Blog là thanh nằm ngang trên cùng của trang web/blog, bạn có thể hiển thị THỨ, NGÀY THÁNG NĂM VÀ GIỜ HIỆN TẠI trên thanh này với một thao tác đơn giản như sau:</div><div style="text-align: justify;">Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > chọn Thêm tiện ích > thêm HTML/Javacript rồi dán đoạn code này vào</div> <textarea cols="70" name="code" rows="5" style="background: #A9F5A9; border: 2px #295F00 dashed; color: #295f00; line-height: 1.5em; padding: 5px;"> <Script Language="JavaScript" Type="Text/JavaScript"> var mytime1=24; function mytime2() { mytime3=mytime1+6; mytime4=mytime1+mytime3; timexx=mytime1+mytime3+mytime4; timexxx=timexx/mytime4*mytime1; twelfth=mytime4*mytime1/12*mytime3; timexxxx=mytime1+mytime3/timexxx-16*timexx; timexxxxx=twelfth*(mytime1-5)/mytime4+timexx; timexxxxxx=timexxxxx/timexxxx+mytime1*mytime4-timexx; mytime5=(timexxxxxx+mytime1/mytime4*timexx+mytime3*timexxx)/twelfth+timexxxxx-timexxxxxx-1; mytime6=Math.floor(mytime5); mytime8=mytime6*mytime3/2+100; mytime7 = window.setTimeout("mytime2()", mytime8); var mytime9 = new Date(); var mytime10= mytime9.toLocaleString(); document.title = mytime10;} function op(){mytime2()} window.onload=op; </script>

Sau đó Lưu lại và trở lại Blog xem kết quả

HIỂN THỊ NGÀY GIỜ TRÊN THANH TIÊU ĐỀ BLOGGER

Thanh tiêu đề Blog là thanh nằm ngang trên cùng của trang web/blog, bạn có thể hiển thị THỨ, NGÀY THÁNG NĂM VÀ GIỜ HIỆN TẠI trên thanh này ...

Đọc thêm »

TẠO CHỮ ĐỘNG CHO BLOGGER

TẠO CHỮ ĐỘNG CHO BLOGGER

Mời các bạn xem các dòng chữ dưới đây: Để làm các chữ này, bạn VÀO ĐÂY , sau đó gõ chữ mình cần tạo, chọn Font , chọn kiểu động , chọn cỡ c...

Đọc thêm »

KHUNG CHỨA CODE CÓ CHỮ SELECT ALL

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJyxzH8f12p6l53bbY7YJdWYeXRBcfuQX94uYMRDYw7EqT-CfyQhUIZZeftwWcs5CK5E4OSjEQqvxBXPosOpF5yIkjcuEEJ73707TMXWbK5JYBnGRi1NV1zr98rrSDWY3JdEXeeLGXchdI/s1600/13.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJyxzH8f12p6l53bbY7YJdWYeXRBcfuQX94uYMRDYw7EqT-CfyQhUIZZeftwWcs5CK5E4OSjEQqvxBXPosOpF5yIkjcuEEJ73707TMXWbK5JYBnGRi1NV1zr98rrSDWY3JdEXeeLGXchdI/s1600/13.png" /></a></div>Để tạo khung chứa code có chữ SELECT ALL (khi bạn bấm vào chữ Select All này thì tự động các dòng code trong khung được chọn hết), các bạn cần làm theo các bước sau:</div><div style="text-align: justify;">Đầu tiên, bạn đăng bài như bình thường, khi muốn chèn khung chứa code ở đoạn nào thì bạn Enter xuống dòng và chọn thẻ chỉnh sửa HTML ở phía tay phải của khung đăng bài để chuyển qua mã HTML.</div>Sau đó, dán tất cả các dòng code dưới đây vào dưới thẻ </div>. <form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select All" /> <textarea cols="70" name="MyTextBox" rows="2" wrap="off"><form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select All" /> <textarea cols="80" name="MyTextBox" rows="12" wrap="off">Your Contents Here

Bây giờ bạn có thể nhập nội dung đoạn code vào thay thế chữ Your Contents Here

Và bạn cũng có thể thay đổi độ rộng của khung ở lệnh cols, độ cao của khung ở lệnh rows, có thể thay thế chữ Select All bằng chữ khác nếu bạn thích (ví dụ: chọn hết, chọn tất cả...).

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

KHUNG CHỨA CODE CÓ CHỮ SELECT ALL

Để tạo khung chứa code có chữ SELECT ALL (khi bạn bấm vào chữ Select All này thì tự động các dòng code trong khung được chọn hết), các bạn ...

Đọc thêm »

MENU NGANG CÓ HIỆU ỨNG ĐỘNG KHI RÊ CHUỘT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXY3Qicdo-izCjdo2mQz1l03EYg_4yAfmtqRAJz-pGCsokPvhsiFstnmk_kkDLCdls0UDTv7EYwxHa4LYtVSQrYCoLhrmGWN4LgRuvVcOm5JpBJmg6z0Lrk2aPbXNThWcTOjVCCMfkQcGA/s1600/picture+4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXY3Qicdo-izCjdo2mQz1l03EYg_4yAfmtqRAJz-pGCsokPvhsiFstnmk_kkDLCdls0UDTv7EYwxHa4LYtVSQrYCoLhrmGWN4LgRuvVcOm5JpBJmg6z0Lrk2aPbXNThWcTOjVCCMfkQcGA/s1600/picture+4.jpg" /></a></div>Hôm nay, tôi chia sẻ đến với các bạn cách tạo menu ngang có hiệu ứng động khi rê chuột (không có menu con). Với menu này khi bạn rê chuột đến một thẻ bất kỳ trên menu thì thẻ đó sẽ tự động đổi màu khác khá đẹp. Mời bạn bấm vào Xem thử để trải nghiệm <a name="more"></a> <center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2011/11/menu-ngang-co-hieu-ung-ong.html" rel="nofollow" target="_blank">Xem thử</a></center> </div><div style="text-align: justify;">Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > chọn Chỉnh sửa HTML, bạn bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào lệnh ]]></b:skin>, sau đó dán đoạn code phía dưới trước dòng lệnh đó. <div class="MsoNormal">ul#topnav { margin: 0px 0 0px; padding: 0; list-style: none; font-size: 1.1em; clear: both; float: left; width: 650px; /*độ rộng của menu*/ } ul#topnav li{ margin: 0; padding: 0; overflow: hidden; float: left; height:40px; /*chiều cao của menu*/ } ul#topnav a, ul#topnav span { padding: 10px 20px; float: left; text-decoration: none; color: #fff; /*màu text của menu*/ text-transform: uppercase; clear: both; height: 20px; line-height: 20px; background: #1d1d1d; } ul#topnav a { color: #7bc441; } ul#topnav span { display: none; } ul#topnav.v2 span{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3m-OoSwBOklo_0DNtehNocl1h5TfmNQcD0VlEMuWPs9Ru7My1ziAiGzsgD1sLJ-s_PBARZ56Q1BlMHfLf5xNVZJqs1fDgS2-o-4lUpXzOHzSmFw3zdmD8WMIb9DH_CpsVSHRK07vmCxY0/) repeat-x left top; /*màu nền của menu*/ } ul#topnav.v2 a{ color: #555; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3m-OoSwBOklo_0DNtehNocl1h5TfmNQcD0VlEMuWPs9Ru7My1ziAiGzsgD1sLJ-s_PBARZ56Q1BlMHfLf5xNVZJqs1fDgS2-o-4lUpXzOHzSmFw3zdmD8WMIb9DH_CpsVSHRK07vmCxY0/)repeat-x left bottom; /*màu nền của menu*/ }</div> </div> <div style="text-align: justify;"> Tiếp tục, trong khung tìm kiếm nhỏ bạn thay dòng lệnh ]]></b:skin> bằng lệnh <head> và dán đoạn code dưới đây vào sau nó. <div class="MsoNormal"><script src='http://dl.dropbox.com/u/66348944/jquery.min.js' type='text/javascript'/></div><div class="MsoNormal"><script src='http://dl.dropbox.com/u/66348944/ani_menu.js' type='text/javascript'/></div></div><div style="text-align: justify;">Cuối cùng bấm Lưu lại. Bây giờ, bạn trở lại trang thiết kế > Thêm tiện ích > Thêm HTML/Javacript rồi dán đoạn code phía dưới vào.   <div class="MsoNormal"> <div class="MsoNormal"><ul id="topnav" class="v2"> <li><a href="URL Menu 1">MENU 1</a></li> <li><a href="URL Menu 2">MENU 2</a></li> <li><a href="URL Menu 3">MENU 3</a></li> <li><a href="URL Menu 4">MENU 4</a></li> <li><a href="URL Menu 5">MENU 5</a></li> <li><a href="URL Menu 6">MENU 6</a></li> <li><a href="URL Menu 5">MENU 5</a></li> <li><a href="URL Menu 6">MENU 6</a></li> </ul></div><div class="MsoNormal"> </div></div><div class="MsoNormal"></div><div class="MsoNormal">Bạn thay đổi các dòng màu đỏ và màu xanh theo ý mình và bấm Lưu lại.</div><div class="MsoNormal">Bạn trở lại vào Blog sẽ thấy có một menu ngang màu đỏ và khi bạn rê chuột vào menu này sẽ có hiệu ứng chuyển động tuyệt đẹp.</div><div class="MsoNormal">Chúc bạn thành công</div></div>

MENU NGANG CÓ HIỆU ỨNG ĐỘNG KHI RÊ CHUỘT

Hôm nay, tôi chia sẻ đến với các bạn cách tạo menu ngang có hiệu ứng động khi rê chuột (không có menu con). Với menu này khi bạn rê chuột đế...

Đọc thêm »

ẨN HIỆN THANH ĐIỀU HƯỚNG

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy2kod4I0TCUAUTy10UymqgsmNqmdd9EjpWOUiBRExAUKT5kU8A4qLbCfCEYWAdVuvJbEsG44Z1-PaH5SuHHib6Mk6lhiPglZiSMEp-9-Xq-eUBboWnahYb1__QDwPYjXGzeJcxGf1J0g-/s1600/007.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy2kod4I0TCUAUTy10UymqgsmNqmdd9EjpWOUiBRExAUKT5kU8A4qLbCfCEYWAdVuvJbEsG44Z1-PaH5SuHHib6Mk6lhiPglZiSMEp-9-Xq-eUBboWnahYb1__QDwPYjXGzeJcxGf1J0g-/s320/007.png" width="320" /></a>Thanh điều hướng là thanh nằm trên cùng trang Blog của bạn, bạn có thể cho ẩn và khi rê chuột đến đầu trang Blog thanh điều hướng này sẽ xuất hiện để cho bạn thao tác sử dụng... <a name="more"></a> <div class="separator" style="clear: both; text-align: center;"></div></div><div style="text-align: justify;">Đầu tiên, bạn đăng nhập Blog > Chọn thiết kế > chọn Chỉnh sửa HTML, sau đó bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào dòng lệnh  ]]></b:skin> Bạn copy đoạn code này và dán trên dòng lệnh đó. </div><div style="text-align: justify;"> <textarea cols="70" name="code" rows="2" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(239, 245, 251); border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(1, 116, 223); border-style: solid; border-width: 1px 1px 1px 20px; color: black; line-height: 1.5em; padding: 5px;">#navbar-iframe { height:5px; } /* IE7, IE8, IE6 */ #navbar-iframe { height/*\**/: 30px\9; } #navbar-iframe:hover { height:40px; !important; }

Cuối cùng bấm Lưu lại để hoàn tất. Bây giờ bạn trở lại vào Blog xem kết quả nha.

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

ẨN HIỆN THANH ĐIỀU HƯỚNG

Thanh điều hướng là thanh nằm trên cùng trang Blog của bạn, bạn có thể cho ẩn và khi rê chuột đến đầu trang Blog thanh điều hướng này sẽ xuấ...

Đọc thêm »

BÀI MỚI ĐĂNG CÓ HÌNH PHÍA TRƯỚC VÀ HIỆU ỨNG CHẠY NGANG

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh16jWQ_vl5wTKyuRiokFBrVVcMUWj-posxiqkUTaWHC8WOEI1UzKZ_FRN-BSrRDLi9b1pFZ_58cA9WBr75hUghkV7ljBoxLrJMAZDq0byO_3bse7_AmW3hU1q9r3sF0ctFqSNpLQgIIuu_/s1600/picture+3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh16jWQ_vl5wTKyuRiokFBrVVcMUWj-posxiqkUTaWHC8WOEI1UzKZ_FRN-BSrRDLi9b1pFZ_58cA9WBr75hUghkV7ljBoxLrJMAZDq0byO_3bse7_AmW3hU1q9r3sF0ctFqSNpLQgIIuu_/s200/picture+3.jpg" width="200" /></a></div>Trước đây, tôi có giới thiệu bài "<a href="http://dunghennessy.blogspot.com/2011/04/tieu-e-bai-ang-moi-voi-hieu-ung-chay.html">Tiêu đề bài đăng mới có hiệu ứng chạy ngang</a>", nay tôi xin chia sẻ với các bạn bài đăng mới cũng  có hiệu ứng giống như bài trên nhưng khác ở chỗ chúng ta có thể gắn hình phía trước: (các bạn có thể xem hiệu ứng phía dưới): <a name="more"></a></div><script type="text/javascript"> var w2bWidth="100"; var w2bScrollAmount="10"; var w2bScrollDelay="50"; var w2bDirection="left"; var w2btargetlink="no"; var w2bnumPosts="10"; var w2bBulletchar =">>>"; var w2bimagebullet="yes"; var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2PRDxFZd4eA3acTp1-V_wiEDLUdhKr7zuy6O-Hzk0_9Wt7GkTUMPCutplhj2M9rB3m6xA1UaPmJJKqDL6DS0jPXlr8CZK11s_3lqfTSWrXaYyAMPFmGe4GQNaKy3E6HeqDkQFp51oRBd7/s1600/GIF+MOI.gif"; var w2bfontsize="16"; var w2bbgcolor="#52F3FF"; var w2blinkcolor="FF0000"; var w2blinkhovercolor="3366CC"; </script> <script src="http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js" type="text/javascript"></script> <script src="http://dunghennessy.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" type="text/javascript"></script> <script type="text/javascript"> var w2bWidth="100"; var w2bScrollAmount="10"; var w2bScrollDelay="50"; var w2bDirection="left"; var w2btargetlink="no"; var w2bnumPosts="10"; var w2bBulletchar =">>>"; var w2bimagebullet="yes"; var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi9ZK_t-MRUcI_l8iuRCDJXsQyZSIQVJH5XaryL4BxneI-IpoycBX6DItUiIIJPJ-n7FiDaUd8n2AzmCWIacdOaBQ3OUDVHedaG5DO9XdoYEBS6IvKi0lkKjNedEl5mBhtsb8KNitwocqP/s1600/GIP+MOI+2.gif"; var w2bfontsize="16"; var w2bbgcolor="transparent"; var w2blinkcolor="FF0000"; var w2blinkhovercolor="3366CC"; </script> <script src="http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js" type="text/javascript"></script> <script src="http://dungheineken.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" type="text/javascript"></script> <script type="text/javascript"> var w2bWidth="100"; var w2bScrollAmount="10"; var w2bScrollDelay="50"; var w2bDirection="left"; var w2btargetlink="no"; var w2bnumPosts="10"; var w2bBulletchar =">>>"; var w2bimagebullet="yes"; var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlSnknY5Eo-UrJ9o9MJ6Rx5CaZhwzoRD8Z_XxihemthE-isFNa5fjjM7oaUL_26v7kYFyjGfNc2sBNYgT6zzAWfwba3Q6j4NxNNsKVUqR08_7TGCFqYhyfbXQ6H4O3geyri1nQug4ic3Um/s1600/GIF+MOI+1.gif"; var w2bfontsize="16"; var w2bbgcolor="transparent"; var w2blinkcolor="#52F3FF"; var w2blinkhovercolor="3366CC"; </script> <script src="http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js" type="text/javascript"></script> <script src="http://dunghennessy.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" type="text/javascript"></script> <div style="text-align: justify;">Để làm được như vậy, các bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích > Thêm HTML/Javacript rồi dán tất cả các code này vào</div><div style="text-align: justify;"> </div><div class="MsoNormal"><script type='text/javascript'></div><div class="MsoNormal">            var w2bWidth="100";</div><div class="MsoNormal">            var w2bScrollAmount="10";</div><div class="MsoNormal">            var w2bScrollDelay="50";</div><div class="MsoNormal">            var w2bDirection="left";</div><div class="MsoNormal">            var w2btargetlink="no";</div><div class="MsoNormal">            var w2bnumPosts="10";</div><div class="MsoNormal">            var w2bBulletchar =">>>";</div><div class="MsoNormal">            var w2bimagebullet="yes";</div><div class="MsoNormal">            var w2bimgurl="LINK ẢNH";</div><div class="MsoNormal">            var w2bfontsize="16";</div><div class="MsoNormal">            var w2bbgcolor="transparent";</div><div class="MsoNormal">            var w2blinkcolor="FF0000";</div><div class="MsoNormal">            var w2blinkhovercolor="3366CC";</div><div class="MsoNormal"></script></div><div class="MsoNormal"><script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js' ></script></div><div class="MsoNormal"><script type='text/javascript' src="http://địa chỉ của Blog của bạn/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script></div> <div style="text-align: justify;">Bây giờ bạn thay thế các chữ màu đỏ và màu xanh để phù hợp với Blog mình. Bạn nên chọn hình ảnh có kích thước nhỏ để cho phù hợp (khoảng 40x40 là đẹp nhất)</div><div style="text-align: justify;">Chúc các bạn thành công</div><div style="text-align: justify;"></div>

BÀI MỚI ĐĂNG CÓ HÌNH PHÍA TRƯỚC VÀ HIỆU ỨNG CHẠY NGANG

Trước đây, tôi có giới thiệu bài " Tiêu đề bài đăng mới có hiệu ứng chạy ngang ", nay tôi xin chia sẻ với các bạn bài đăng mới cũn...

Đọc thêm »

TẠO MENU NGANG CÓ NHIỀU MENU CON XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 1)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_yP3T1WwYIsOeenT5qA_-j99ps2rcvN5ZGm1xFb00rdAG5ELa3G0W3sQoXk8sJC-ngXx3iVVvPLodZFGehOzQ6lzuSFW_OaDT2wmFJjCaD9mKQ0xBpQjuLcXChEICA7GXU7flSGzShspw/s1600/006.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_yP3T1WwYIsOeenT5qA_-j99ps2rcvN5ZGm1xFb00rdAG5ELa3G0W3sQoXk8sJC-ngXx3iVVvPLodZFGehOzQ6lzuSFW_OaDT2wmFJjCaD9mKQ0xBpQjuLcXChEICA7GXU7flSGzShspw/s200/006.png" width="200" /></a></div>Nếu trên Blog của bạn có quá nhiều trang riêng lẻ thì công việc tạo menu ngang là cần thiết, có nhiều cách để tạo ra menu ngang (bạn có thể xem các mẫu menu ngang đơn giản <a href="http://dunghennessy.blogspot.com/2011/04/cac-mau-menu-ngang.html">TẠI ĐÂY</a>).</div><div style="text-align: justify;">Ngoài cách trên, bạn có thể tạo cho mình một menu có nhiều menu con xổ dọc xuống khi bạn click vào một menu chính bất kỳ, điều này sẽ làm cho Blog bạn trông "gọn gàng" hơn và "Pro" hơn rất nhiều. <a name="more"></a>Mời bạn bấm Xem thử phía dưới để trải nghiệm trước menu ngang này <center><a class="bttoolz" href="http://dunghennessythunghiem.blogspot.com/2012/11/tao-menu-ngang-co-nhieu-menu-con-xo-doc.html#" rel="nofollow" target="_blank">Xem thử</a></center> <div class="separator" style="clear: both; text-align: center;"></div></div><div style="text-align: justify;">Để tạo được như vậy, các bạn cần làm theo các bước sau đây:</div><div style="text-align: justify;">Đầu tiên, bạn đăng nhập vào Blog > Chọn bố cục > Thêm tiện ích HTML/Javacript (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ÂY</a>). Sau đó dán toàn bộ code phía dưới vào.</div><div style="border: 10px solid orange; color: white; height: 400px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1.css" /> <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1-v.css" /> <script type="text/javascript" src="https://dl.dropbox.com/u/66348944/dunghennessy/jquery.min.js"></script> <script type="text/javascript" src="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1.js"> </script> <script type="text/javascript"> ddsmoothmenu.init({     mainmenuid: "smoothmenu1", //menu DIV id     orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"     classname: 'ddsmoothmenu', //class added to menu's outer DIV     //customtheme: ["#1c5a80", "#18374a"],     contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] }) ddsmoothmenu.init({     mainmenuid: "smoothmenu2", //Menu DIV id     orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"     classname: 'ddsmoothmenu-v', //class added to menu's outer DIV     //customtheme: ["#804000", "#482400"],     contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] }) </script> <div id="smoothmenu1" class="ddsmoothmenu"> <ul> <li><a href="http://www.dunghennessy.blogspot.com">Home</a></li> <li><a href="#"> Tên menu chính 1 </a>   <ul>   <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>     <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 1 </a></li>   </ul> </li> <li><a href="#"> Tên menu chính 2</a>   <ul>   <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>     <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>   <li><a href=" địa chỉ trang "> Tên menu phụ 2 </a></li>   </ul> </li> <li><a href=" địa chỉ trang "> Tên menu chính 3</a></li> <li><a href="#"> Tên menu chính 4</a>   <ul>   <li><a href=" địa chỉ trang "> Tên menu phụ 4 </a></li>   <li><a href="#"> Tên menu phụ 4 </a>     <ul>     <li><a href=" địa chỉ trang "> Tên menu phụ 4/1 </a></li>     <li><a href=" địa chỉ trang "> Tên menu phụ 4/1 </a></li>     <li><a href="#"> Tên menu phụ 4/2 </a>   <ul>       <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>       <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>       <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>       <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>       <li><a href=" địa chỉ trang "> Tên menu phụ 4/3 </a></li>   </ul>     </li>     <li><a href=" địa chỉ trang "> Tên menu phụ 4/2 </a></li>     </ul>   </li>   </ul> </li> <li><a href=" địa chỉ trang "> Tên menu chính 5 </a></li> </ul> </div></!doctype></div> Bây giờ bạn chỉ việc thay đổi các dòng lệnh màu đỏ và màu xanh theo ý của bạn, cuối cùng bấm Lưu và trở lại blog bạn sẽ thấy blog của mình sẽ có một menu ngang xổ dọc xuống các menu con khá tiện dụng... Chúc bạn thành công

TẠO MENU NGANG CÓ NHIỀU MENU CON XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 1)

Nếu trên Blog của bạn có quá nhiều trang riêng lẻ thì công việc tạo menu ngang là cần thiết, có nhiều cách để tạo ra menu ngang (bạn có thể ...

Đọc thêm »