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><span style="font-size: large;">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ị <i><b>THỨ, NGÀY THÁNG NĂM VÀ GIỜ HIỆN TẠI</b></i> trên thanh này với một thao tác đơn giản như sau:</span></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn <i><b>đăng nhập vào Blog > chọn Thiết kế > chọn Thêm tiện ích > thêm HTML/Javacript</b></i> rồi dán đoạn code này vào</span></div><br /><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><br />

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

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUQTAjp6zRGx6WwhfuRvqpvbnsrPtBg7qQgRy_SoAgIvIBCU1WoQrUfES8o2OzlkQey2J4_31luUdOgTVK_rJgyRsjobNQus_0DO_mSxrEt0mJKsiURQXNSZdob3F44knehmPw9DdzR86/s1600/z4de04e4d5a1f0.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUQTAjp6zRGx6WwhfuRvqpvbnsrPtBg7qQgRy_SoAgIvIBCU1WoQrUfES8o2OzlkQey2J4_31luUdOgTVK_rJgyRsjobNQus_0DO_mSxrEt0mJKsiURQXNSZdob3F44knehmPw9DdzR86/s1600/z4de04e4d5a1f0.gif" /></a><span style="font-size: large;">Mời các bạn xem các dòng chữ dưới đây:</span></div><br /><br /><br /><br /><div style="height: 107px; margin: 0px; padding: 0px; width: 268px; z-index: 100;"><div style="text-align: center;"><a href="http://www.dungheineken.blogspot.com/" style="border: none; margin: 0px; padding: 0px;"><img alt="" border="0" height="101" src="http://www.vn520.org/gif/holdz/z4ddf3fa02ee13.gif" width="400" /></a></div><br /><div style="height: 20px; left: 10px; position: relative; top: -8px; z-index: 101;"><a href="http://www.vn520.org/gif/" style="color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0px; padding: 0px; text-decoration: none;"></a></div></div><br /><div style="height: 107px; margin: 0px; padding: 0px; width: 273px; z-index: 100;"><div style="text-align: center;"><a href="http://www.dunghennessy.blogspot.com/" style="border: none; margin: 0px; padding: 0px;"><img alt="" border="0" height="99" src="http://www.vn520.org/gif/holdz/z4ddf4096d4f23.gif" width="400" /></a></div><br /><div style="height: 20px; left: 10px; position: relative; top: -8px; z-index: 101;"><a href="http://www.vn520.org/gif/" style="color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0px; padding: 0px; text-decoration: none;"></a></div></div><br /><div style="height: 107px; margin: 0px; padding: 0px; width: 293px; z-index: 100;"><div style="text-align: center;"><a href="http://www.dungheineken.blogspot.com/" style="border: none; margin: 0px; padding: 0px;"><img alt="" border="0" height="92" src="http://www.vn520.org/gif/holdz/z4ddf4144d0e43.gif" width="400" /></a></div><br /><div style="height: 20px; left: 10px; position: relative; top: -8px; z-index: 101;"><a href="http://www.vn520.org/gif/" style="color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0px; padding: 0px; text-decoration: none;"></a></div></div><br /><div style="height: 107px; margin: 0px; padding: 0px; width: 463px; z-index: 100;"><div style="text-align: center;"><a href="http://www.dunghennessy.blogspot.com/" style="border: none; margin: 0px; padding: 0px;"><img alt="" border="0" height="58" src="http://www.vn520.org/gif/holdz/z4ddf41d16662e.gif" width="400" /></a></div><br /><div style="height: 20px; left: 10px; position: relative; top: -8px; z-index: 101;"><a href="http://www.vn520.org/gif/" style="color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0px; padding: 0px; text-decoration: none;"></a></div></div><div style="text-align: justify;"><span style="font-size: large;">Để làm các chữ này, bạn <a href="http://www.vn520.org/gif/">VÀO ĐÂY</a>, sau đó gõ chữ mình cần tạo, chọn <i><b>Font</b></i>, chọn <b><i>kiểu động</i></b>, chọn <b><i>cỡ chữ</i></b> và cuối cùng bấm phải vào hình chọn <b><i>Save as...</i></b> để tải về máy, nếu cần dán vào Web/Blog thì bấm vào bước 4 để lấy mã code.</span></div><div style="height: 80px; margin: 0px; padding: 0px; width: 397px; z-index: 100;"><div style="text-align: justify;"></div><br /><div style="height: 20px; left: 10px; position: relative; top: -8px; z-index: 101;"><a href="http://www.vn520.org/gif/" style="color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0px; padding: 0px; text-decoration: none;"></a></div></div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.vn520.org/gif/" style="border: medium none; margin-left: 1em; margin-right: 1em; margin-top: 0px; padding: 0px;"><img alt="" border="0" height="40" src="http://www.vn520.org/gif/holdz/z4de04f0a2e965.gif" width="393" /></a></div><br /><br /><br /><br /><div style="text-align: justify;"></div>

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><span style="font-size: large;">Để tạo khung chứa code có chữ <i><b>SELECT ALL</b></i> (khi bạn bấm vào chữ <i><b>Select All </b></i>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:</span></div><div style="text-align: justify;"><span style="font-size: large;">Đầ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 <b><i>Enter </i></b>xuống dòng và chọn thẻ <i><b>chỉnh sửa HTML</b></i> ở phía tay phải của khung đăng bài để chuyển qua mã HTML.</span></div><span style="font-size: large;">Sau đó, dán tất cả các dòng code dưới đây vào dưới thẻ <i style="color: red;"><b></div>.</b></i></span><br /><br /><form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select All" /><br /><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" /><br /> <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><span style="font-size: large;">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. </span><span style="font-size: large;">Mời bạn bấm vào Xem thử để trải nghiệm</span><br /><br /><br /><span style="font-size: large;"></span><br /><a name='more'></a><br /><br /><br /><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><br /><br /><br /><span style="font-size: large;"></span> <br /><span style="font-size: large;"></span></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn <i><b>đăng nhập vào Blog > chọn Thiết kế > chọn Chỉnh sửa HTML</b></i>, bạn bấm đồng thời cặp phím <b><i>Ctrl+F</i></b> để mở hộp tìm kiếm và gõ vào lệnh <i style="color: red;"><b>]]></b:skin></b></i>, sau đó dán đoạn code phía dưới trước dòng lệnh đó.</span><br /><br /><div class="MsoNormal">ul#topnav {<br />margin: 0px 0 0px;<br />padding: 0;<br />list-style: none; <br />font-size: 1.1em;<br />clear: both;<br />float: left;<br />width: 650px; <span style="color: #003300;">/*độ rộng của menu*/</span><br />}<br />ul#topnav li{<br />margin: 0;<br />padding: 0;<br />overflow: hidden;<br />float: left;<br />height:40px; <span style="color: #003300;">/*chiều cao của menu*/</span><br />}<br />ul#topnav a, ul#topnav span {<br />padding: 10px 20px;<br />float: left;<br />text-decoration: none;<br />color: #fff; <span style="color: #003300;">/*màu text của menu*/</span><br />text-transform: uppercase;<br />clear: both;<br />height: 20px;<br />line-height: 20px;<br />background: #1d1d1d;<br />}<br />ul#topnav a { color: #7bc441; }<br />ul#topnav span {<br />display: none;<br />}<br /><br />ul#topnav.v2 span{<br />background: url(<span style="color: #330000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3m-OoSwBOklo_0DNtehNocl1h5TfmNQcD0VlEMuWPs9Ru7My1ziAiGzsgD1sLJ-s_PBARZ56Q1BlMHfLf5xNVZJqs1fDgS2-o-4lUpXzOHzSmFw3zdmD8WMIb9DH_CpsVSHRK07vmCxY0/</span>) repeat-x left top; <span style="color: #003300;">/*màu nền của menu*/</span><br />}<br />ul#topnav.v2 a{<br />color: #555;<br />background: url(<span style="color: #330000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3m-OoSwBOklo_0DNtehNocl1h5TfmNQcD0VlEMuWPs9Ru7My1ziAiGzsgD1sLJ-s_PBARZ56Q1BlMHfLf5xNVZJqs1fDgS2-o-4lUpXzOHzSmFw3zdmD8WMIb9DH_CpsVSHRK07vmCxY0/)</span>repeat-x left bottom; <span style="color: #003300;">/*màu nền của menu*/</span><br />}</div><br /></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;"> Tiếp tục, trong khung tìm kiếm nhỏ bạn thay dòng lệnh <i style="color: red;"><b>]]></b:skin></b></i> bằng lệnh <i style="color: red;"><b><head></b></i> và dán đoạn code dưới đây vào sau nó.</span><br /><br /><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;"><span style="font-size: large;">Cuối cùng bấm <b><i>Lưu lại</i></b>.</span> <span style="font-size: large;">Bây giờ, bạn trở lại trang <i><b>thiết kế > Thêm tiện ích > Thêm HTML/Javacript</b></i> rồi dán đoạn code phía dưới vào.</span><br /><span style="font-size: large;"> </span> <br /><div class="MsoNormal"><br /><div class="MsoNormal"><span style="font-size: large;"><ul id="topnav" class="v2"><br /><li><a href="<b><span style="color: red;">URL Menu 1</span></b>"><b style="color: blue;">MENU 1</b></a></li><br /><li><a href="<b><span style="color: red;">URL Menu 2</span></b>"><b style="color: blue;">MENU 2</b></a></li><br /><li><a href="<b><span style="color: red;">URL Menu 3</span></b>"><b style="color: blue;">MENU 3</b></a></li><br /><li><a href="<b><span style="color: red;">URL Menu 4</span></b>"><b style="color: blue;">MENU 4</b></a></li><br /><li><a href="<b><span style="color: red;">URL Menu 5</span></b>"><b style="color: blue;">MENU 5</b></a></li><br /><li><a href="<b><span style="color: red;">URL Menu 6</span></b>"><b style="color: blue;">MENU 6</b></a></li><br /><li><a href="<b><span style="color: red;">URL Menu 5</span></b>"><b style="color: blue;">MENU 5</b></a></li><br /><li><a href="<b><span style="color: red;">URL Menu 6</span></b>"><b style="color: blue;">MENU 6</b></a></li><br /></ul></span></div><div class="MsoNormal"><br /></div></div><div class="MsoNormal"></div><div class="MsoNormal"><span style="font-size: large;">Bạn thay đổi các dòng màu đỏ và màu xanh theo ý mình và bấm <i><b>Lưu lại</b></i>.</span></div><div class="MsoNormal"><span style="font-size: large;">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.</span></div><div class="MsoNormal"><span style="font-size: large;">Chúc bạn thành công</span></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><span style="font-size: large;">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...<br /></span><br /><a name='more'></a><br /><br /><div class="separator" style="clear: both; text-align: center;"></div></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn <i><b>đăng nhập Blog > Chọn thiết kế > chọn Chỉnh sửa HTML</b></i>, sau đó bấm đồng thời cặp phím <i><b>Ctrl+F</b></i> để mở hộp tìm kiếm và gõ vào dòng lệnh <span style="color: red; font-size: x-large;"> </span></span><b><span style="color: red; font-size: x-large;">]]></b:skin></span></b><br /><span style="font-size: large;">Bạn copy đoạn code này và dán trên dòng lệnh đó. </span></div><div style="text-align: justify;"><br /><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; }

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><span style="font-size: large;">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):</span><br /><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><br /><script src="http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js" type="text/javascript"></script><br /><script src="http://dunghennessy.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" type="text/javascript"></script><br /><br /><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><br /><script src="http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js" type="text/javascript"></script><br /><script src="http://dungheineken.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" type="text/javascript"></script><br /><br /><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><br /><script src="http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js" type="text/javascript"></script><br /><script src="http://dunghennessy.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" type="text/javascript"></script><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Để làm được như vậy, các bạn <i><b>đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích > Thêm HTML/Javacript</b></i> rồi dán tất cả các code này vào</span></div><div style="text-align: justify;"><br /></div><div class="MsoNormal"><span style="font-size: large;"><script type='text/javascript'></span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bWidth="100";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bScrollAmount="<span style="color: red;">10</span>";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bScrollDelay="<span style="color: red;">50</span>";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bDirection="left";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2btargetlink="no";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bnumPosts="<span style="color: red;">10</span>";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bBulletchar =">>>";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bimagebullet="yes";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bimgurl="<span style="color: blue;">LINK ẢNH</span>";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bfontsize="<span style="color: red;">16</span>";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2bbgcolor="<span style="color: red;">transparent</span>";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2blinkcolor="FF0000";</span></div><div class="MsoNormal"><span style="font-size: large;">            var w2blinkhovercolor="3366CC";</span></div><div class="MsoNormal"><span style="font-size: large;"></script></span></div><div class="MsoNormal"><span style="font-size: large;"><script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/way2blogging_rpscroller_v3.js' ></script></span></div><div class="MsoNormal"><span style="font-size: large;"><script type='text/javascript' src="http://<span style="color: blue;">địa chỉ của Blog của bạn</span>/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script></span></div><br /><div style="text-align: justify;"><span style="font-size: large;">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)</span></div><div style="text-align: justify;"><span style="font-size: large;">Chúc các bạn thành công</span></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><span style="font-size: large;">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>).</span></div><div style="text-align: justify;"><span style="font-size: large;">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 <b>"gọn gàng"</b> hơn và <b>"Pro"</b> hơn rất nhiều.</span><br /><a name='more'></a><span style="font-size: large;">Mời bạn bấm Xem thử phía dưới để trải nghiệm trước menu ngang này</span><br /><br /><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><br /><div class="separator" style="clear: both; text-align: center;"></div></div><div style="text-align: justify;"><span style="font-size: large;">Để tạo được như vậy, các bạn cần làm theo các bước sau đây:</span></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn <i><b>đăng nhập vào Blog > Chọn b<span style="font-size: large;">ố c<span style="font-size: large;">ục</span></span> > Th<span style="font-size: large;">ê<span style="font-size: large;">m</span> ti<span style="font-size: large;">ện <span style="font-size: large;">ích HTML/Javacript</span></span></span></b></i><span style="font-size: large;"> <span style="font-size: large;">(n<span style="font-size: large;">ếu ch<span style="font-size: large;">ưa bi<span style="font-size: large;">ết c<span style="font-size: large;">ách th<span style="font-size: large;">êm ti<span style="font-size: large;">ện <span style="font-size: large;">ích HTML/Javacript th<span style="font-size: large;">ì m<span style="font-size: large;">ời b<span style="font-size: large;">ạn xem<span style="font-size: large;"> <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">T</a><span style="font-size: large;"><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ẠI </a><span style="font-size: large;"><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">Đ</a><span style="font-size: large;"><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ÂY</a>). <span style="font-size: large;">Sau <span style="font-size: large;">đ<span style="font-size: large;">ó d<span style="font-size: large;">án to<span style="font-size: large;">àn b<span style="font-size: large;">ộ code ph<span style="font-size: large;">ía d<span style="font-size: large;">ư<span style="font-size: large;">ới v<span style="font-size: large;">ào.</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div><div style="border: 10px solid orange; color: white; height: 400px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><span style="font-size: large;"><!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1.css" /><br /><link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1-v.css" /><br /><br /><script type="text/javascript" src="https://dl.dropbox.com/u/66348944/dunghennessy/jquery.min.js"></script><br /><script type="text/javascript" src="https://dl.dropbox.com/u/66348944/dunghennessy/menungangxodoc1.js"><br /><br /></script><br /><br /><script type="text/javascript"><br /><br />ddsmoothmenu.init({<br />    mainmenuid: "smoothmenu1", //menu DIV id<br />    orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"<br />    classname: 'ddsmoothmenu', //class added to menu's outer DIV<br />    //customtheme: ["#1c5a80", "#18374a"],<br />    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]<br />})<br /><br />ddsmoothmenu.init({<br />    mainmenuid: "smoothmenu2", //Menu DIV id<br />    orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"<br />    classname: 'ddsmoothmenu-v', //class added to menu's outer DIV<br />    //customtheme: ["#804000", "#482400"],<br />    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]<br />})<br /><br /></script><br /><br /><div id="smoothmenu1" class="ddsmoothmenu"><br /><br /><ul><br /><br /><li><a href="<span style="color: red;">http://www.dunghennessy.blogspot.com</span>"><span style="color: cyan;">Home</span></a></li><br /><br /><li><a href="#"> <span style="color: cyan;">Tên menu<span style="font-size: large;"> ch<span style="font-size: large;">ính 1</span></span></span> </a><br /><br />  <ul><br /><br />  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên <span style="font-size: large;">menu <span style="font-size: large;">ph<span style="font-size: large;">ụ 1</span></span></span></span> </a></li><br />  <span style="font-size: large;"></span></span><span style="font-size: large;"><span style="font-size: large;"><li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên <span style="font-size: large;">menu <span style="font-size: large;">ph<span style="font-size: large;">ụ 1</span></span></span></span> </a></li></span> <br />  </span><span style="font-size: large;"><span style="font-size: large;"><li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên <span style="font-size: large;">menu <span style="font-size: large;">ph<span style="font-size: large;">ụ 1</span></span></span></span> </a></li></span> <br />  </span><span style="font-size: large;"><span style="font-size: large;"><li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên <span style="font-size: large;">menu <span style="font-size: large;">ph<span style="font-size: large;">ụ 1</span></span></span></span> </a></li></span>   </span><br /><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"> </span> </span><li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên <span style="font-size: large;">menu <span style="font-size: large;">ph<span style="font-size: large;">ụ 1</span></span></span></span> </a></li></span> <br />  </span><span style="font-size: large;"><span style="font-size: large;"><li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên <span style="font-size: large;">menu <span style="font-size: large;">ph<span style="font-size: large;">ụ 1</span></span></span></span> </a></li></span> <br />  </span><span style="font-size: large;"><span style="font-size: large;"><li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên <span style="font-size: large;">menu <span style="font-size: large;">ph<span style="font-size: large;">ụ 1</span></span></span></span> </a></li></span> <br />  </ul><br /><br /></li><br /><br /><li><a href="#"> <span style="color: cyan;">Tên menu <span style="font-size: large;">ch<span style="font-size: large;">ính 2</span></span></span></a><br /><br />  <ul><br /><br />  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 2</span> </a></li></span><br /><span style="font-size: large;">  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 2</span> </a></li> </span><br /><span style="font-size: large;">  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 2 </span></a></li> </span><br /><span style="font-size: large;">  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 2 </span></a></li>   </span><br /><span style="font-size: large;">  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 2 </span></a></li> <br />  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 2 </span></a></li> <br />  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 2 </span></a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">  </ul></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;"></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;"><li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu chính 3</span></a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;"><li><a href="#"> <span style="color: cyan;">Tên menu chính 4</span></a></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">  <ul></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">  <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4</span> </a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">  <li><a href="#"> <span style="color: cyan;">Tên menu phụ 4</span> </a></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">    <ul></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">    <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4/1</span> </a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">    <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4/1</span> </a></li></span> <span style="font-size: large;"><br />    <li><a href="#"> <span style="color: cyan;">Tên menu phụ 4/2</span><span style="color: cyan;"> </span></a></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">  <ul></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">      <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4/3</span> </a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">      <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4/3</span> </a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">      <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4/3</span> </a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">      <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4/3</span> </a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">      <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4/3</span> </a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">  </ul></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">    </li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">    <li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu phụ 4/2</span><span style="color: cyan;"> </span></a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">    </ul></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">  </li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;">  </ul></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;"></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;"><li><a href=" <span style="color: red;">địa chỉ trang</span> "> <span style="color: cyan;">Tên menu chính 5</span> </a></li></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;"></ul></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;"><br style="clear: left" /></span><br /><span style="font-size: large;"><br /></span> <span style="font-size: large;"></div></!doctype></span></div><br /><span style="font-size: large;">B<span style="font-size: large;">ây gi<span style="font-size: large;">ờ b<span style="font-size: large;">ạn ch<span style="font-size: large;">ỉ vi<span style="font-size: large;">ệc thay <span style="font-size: large;">đ<span style="font-size: large;">ổi c<span style="font-size: large;">ác d<span style="font-size: large;">òng l<span style="font-size: large;">ệnh <span style="color: red;">m</span><span style="font-size: large;"><span style="color: red;">àu </span><span style="font-size: large;"><span style="color: red;">đ</span><span style="font-size: large;"><span style="color: red;">ỏ</span> v<span style="font-size: large;">à <span style="color: cyan;">m</span><span style="font-size: large;"><span style="color: cyan;">àu xanh</span> theo <span style="font-size: large;">ý c<span style="font-size: large;">ủa b<span style="font-size: large;">ạn<span style="font-size: large;">, cu<span style="font-size: large;">ối c<span style="font-size: large;">ùng b<span style="font-size: large;">ấm <i><b>L</b></i><span style="font-size: large;"><i><b>ưu </b></i><span style="font-size: large;">v<span style="font-size: large;">à tr<span style="font-size: large;">ở l<span style="font-size: large;">ại blog b<span style="font-size: large;">ạn s<span style="font-size: large;">ẽ t<span style="font-size: large;">h<span style="font-size: large;">ấy blog c<span style="font-size: large;">ủa m<span style="font-size: large;">ình s<span style="font-size: large;">ẽ c<span style="font-size: large;">ó m<span style="font-size: large;">ột menu ng<span style="font-size: large;">ang x<span style="font-size: large;">ổ d<span style="font-size: large;">ọc <span style="font-size: large;">xu<span style="font-size: large;">ống c<span style="font-size: large;">ác m<span style="font-size: large;">e<span style="font-size: large;">nu con kh<span style="font-size: large;">á ti<span style="font-size: large;">ện d<span style="font-size: large;">ụng...</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span><br /><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;">Ch<span style="font-size: large;">úc b<span style="font-size: large;">ạn th<span style="font-size: large;">ành c<span style="font-size: large;">ông</span></span></span></span> </span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span><br /><br />

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 »

KHUNG CHỨA CODE MÀU XANH

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaA_DveQu7H3vncjwCgtArLEEwM443klOD2w4WbRc1xJXfFiSghB5gGeCxPBrd9R81gvhho5wrJ53-7t6mzknUVkxU6Iz4rxsQURVI1g6n2QKkSMqSc9NReTLXsTtNHcA3NCU6j3LtPZVI/s1600/02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaA_DveQu7H3vncjwCgtArLEEwM443klOD2w4WbRc1xJXfFiSghB5gGeCxPBrd9R81gvhho5wrJ53-7t6mzknUVkxU6Iz4rxsQURVI1g6n2QKkSMqSc9NReTLXsTtNHcA3NCU6j3LtPZVI/s200/02.png" width="200" /></a></div><span style="font-size: large;">Trước đây tôi có đăng bài "<a href="http://dunghennessy.blogspot.com/2011/04/tao-khung-chua-code-trong-bai-ang.html">Tạo khung chứa code trong bài đăng</a>", nay xin giới thiệu đến các bạn khung chứa code có màu nền xanh. Đây là code của nó</span><br /><a name='more'></a></div><br /><br /><div style="background-color: #f4f4f4; border: 1px solid gray; cursor: text; font-family: consolas,'Courier New',courier,monospace; font-size: 8pt; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; width: 97.5%;"><pre style="background-color: #f4f4f4; border-style: none; color: black; font-family: consolas,'Courier New',courier,monospace; font-size: 8pt; line-height: 12pt; margin: 0em; overflow: visible; padding: 0px; width: 100%;"></pre><div style="border: 1pt solid black; padding: 0in;"><div class="MsoNormal" style="border: medium none; padding: 0in;"><span style="font-family: "Courier New"; font-size: 10pt;"><textarea name="code" rows="2" cols="42" style="background:#A9F5A9;  color:#295F00; border:2px #295F00 dashed; line-height:1.5em;  padding:5px;"></span><b><span style="color: red; font-family: Arial; font-size: 10pt;"> TYPE YOUR TEXT AREA IN HERE </span></b><span style="font-family: "Courier New"; font-size: 10pt;"></textarea></span></div></div></div><br /><br /><span style="font-size: large;">Các bước đều giống bài trên nhưng khác ở chỗ </span><span style="font-size: large;">sau khi dán code xong, bạn gõ nội dung mà mình muốn hiển thị  thay vào dòng chữ <b>TYPE YOUR TEXT AREA IN HERE</b> ngay tại ô <b><i>chỉnh sửa HTML</i></b> luôn, không cần phải bấm vào thẻ <i><b>VIẾT </b></i>trên góc phải trang đăng bài.</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhueSurqv9Nupm50g2QjHWL4oE5r89mTZmXT5MXi-6qQdiodywb1FYMEtUppkGl74poBYENdBItaVB6r-Al6DWKurgvofh5R-xlFe3c7de48QwoFmkgu-N3scRRcDFHGbNVT0wG8E-emU-/s1600/01.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhueSurqv9Nupm50g2QjHWL4oE5r89mTZmXT5MXi-6qQdiodywb1FYMEtUppkGl74poBYENdBItaVB6r-Al6DWKurgvofh5R-xlFe3c7de48QwoFmkgu-N3scRRcDFHGbNVT0wG8E-emU-/s400/01.PNG" width="400" /></a></div><br /><span style="font-size: large;">Bạn có thể thay đổi kích thước khung ở mục <i><b>"cods"</b></i> và số dòng ở mục <i><b>"row" </b></i></span><br /><div style="text-align: justify;"><span style="font-size: large;">Chúc bạn vui</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;"> </span></div>

KHUNG CHỨA CODE MÀU XANH

Trước đây tôi có đăng bài " Tạo khung chứa code trong bài đăng ", nay xin giới thiệu đến các bạn khung chứa code có màu nền xanh. ...

Đọc thêm »

TẠO KHUNG CHỨA HÌNH ẢNH

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO1SEysUwiQoQrwMb6T_CSTPIGs6zRz-0i-wzFegChJypVsukVSMnQA76jl9WIxUG8XVov-lxC_7huoEp0W2K1VNdxhyLb1lTNbE3dKbzMt8ON_KEKrK8A2B_FeI-skr1QjLqbmO0kYfLf/s1600/picture+27.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO1SEysUwiQoQrwMb6T_CSTPIGs6zRz-0i-wzFegChJypVsukVSMnQA76jl9WIxUG8XVov-lxC_7huoEp0W2K1VNdxhyLb1lTNbE3dKbzMt8ON_KEKrK8A2B_FeI-skr1QjLqbmO0kYfLf/s200/picture+27.jpg" width="200" /></a></div><span style="font-size: large;">Ngoài việc tạo khung chứa code, bạn cũng có thể tạo khung có thanh trượt để chứa các hình ảnh của mình.</span></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn <b><i>đăng nhập Blog > chọn Thiết kế > chọn Thêm Tiện ích > Thêm HTML/Javacript</i></b> rồi dán tất cả các code này vào:</span><br /><a name='more'></a></div><br /><textarea cols="70" name="code" rows="5" style="background: none repeat scroll 0% 0% rgb(172, 88, 250); color: white; line-height: 1.5em; padding: 5px;"> <div style="height: 300px; overflow: scroll; width: 500px;"><br /> <img alt="scroll" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQtO4_N7Op7IWfJ8Fdojh0D23EjTKce6oIDE8n_F5XJMOdN2sZOePUsSUVRkbR0EYz8A8FKmlPY5c1IbyDzmftKaHTVHMCh9a8RYAg8swTpgU729va55Mw9XbsUQvSWJ97Fk-FMA_Bctyf/s320/scrapeenet_glitterizer_20110512044152hkoGGa.gif" width="500" /><br /> <br /> <img alt="scroll" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqz6C3TpgrUivheec3MGVJgxO8hNq34-e52vf_dE6ZM7wwXR9OVbQV966Z4-JFa8foytldb21COWQQvziLtRD0xBFmZQlUri_WDqylyuHh8VEUMQK-iOvi2OTIzi-g_Iz5XcnxG-bbAUcO/s320/8837_microsoft_win_xp_6_2.jpg" width="500" /><br /> <br /> <br /> <br /> <img alt="scroll" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3DQ6cC3uCM4vHzpd05kLo9nvkMRTATuw-p5FnIrS5bT5ZhOLubD1N0oh4PJ4rmyLKK8-quyA3wfebUFKHe_-8jrfdFL9UvZ3XyZ5eD8HnecTzlIva3yHWl48AMH5UgzyVNtMNrrKDZRdN/s320/scrapeenet_glitterizer_20110512044106492Wq5.gif" width="500" /><br /> <br /> </div>

Bây giờ, bạn thay đổi link ảnh và kích thước ảnh mà mình muốn hiển thị, cuối cùng bấm Lưu là xong.

Với code trên ta sẽ được hình như thế này:

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

TẠO KHUNG CHỨA HÌNH ẢNH

Ngoài việc tạo khung chứa code, bạn cũng có thể tạo khung có thanh trượt để chứa các hình ảnh của mình. Đầu tiên, bạn đăng nhập Blog > ch...

Đọc thêm »

TIỆN ÍCH BÀI VIẾT VỚI HIỆU ỨNG RƠI TỪ TRÊN XUỐ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/AVvXsEiEtlx6U1uGZDTj_Rndn-6wuxCxGA_ZUBGSPvcNF-CBHI90_4vGVWbZs9pK7-XnB1Wykvog0fmDxunTQqkrmpsizp89GjFTxYMtoLri_BIJpq9dT-97fWzvctV22jklAxeVqugAQp7MXPXu/s1600/012.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/AVvXsEiEtlx6U1uGZDTj_Rndn-6wuxCxGA_ZUBGSPvcNF-CBHI90_4vGVWbZs9pK7-XnB1Wykvog0fmDxunTQqkrmpsizp89GjFTxYMtoLri_BIJpq9dT-97fWzvctV22jklAxeVqugAQp7MXPXu/s1600/012.png" /></a><span style="font-size: large;">Để gắn tiện ích bài viết mới có kèm ảnh với hiệu ứng "rơi" từ trên xuống, các bạn cần làm các bước sau:</span></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn <b><i>đăng nhập Blog > chọn Thiết kế > chọn Thêm tiện ích > Thêm HTML/Javacript</i></b>, sau đó dán tất cả các code này vào</span><br /><br /><br /><a name='more'></a></div><br /><br /><br /><br /><br /><div style="text-align: justify;"><span style="font-size: large;"> </span></div><div class="MsoNormal"><style type="text/css"></div><div class="MsoNormal"><br /></div><div class="MsoNormal">#spylist {</div><div class="MsoNormal">overflow:hidden;</div><div class="MsoNormal">margin-top:5px;</div><div class="MsoNormal">height:450px; /* độ cao của tiện ích*/</div><div class="MsoNormal">}</div><div class="MsoNormal">#spylist ul{</div><div class="MsoNormal">overflow:hidden;</div><div class="MsoNormal">list-style-type: none;</div><div class="MsoNormal">padding: 0px;</div><div class="MsoNormal"><br /></div><div class="MsoNormal">}</div><div class="MsoNormal">#spylist li {</div><div class="MsoNormal">border:1px dotted #0000ff;</div><div class="MsoNormal">width:208px; /* độ rộng của tiện ích*/</div><div class="MsoNormal">margin:0px 0px 5px 0px;</div><div class="MsoNormal">padding:2px 1px 2px 2px;</div><div class="MsoNormal">list-style-type:none;</div><div class="MsoNormal">float:none;</div><div class="MsoNormal">height:60px; /* độ cao của mỗi tiêu đề bài viết*/</div><div class="MsoNormal">overflow: hidden;</div><div class="MsoNormal">background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJwUkX0FV3nn-pcrK-x06Actxq2CVzvpQypXI1_eenzf5vIDCeM-GBVUozJ5pgbj7GnTEocMlfSXrBWswBmR1I15KWNASfkilwwumbVfli6-xHsv9jOlJuC21RMyw1lu4LCU8eAsYrQ60y/); /* màu nền của tiện ích*/</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">#spylist li a {</div><div class="MsoNormal">text-decoration:none;</div><div class="MsoNormal">color:#0066cc;</div><div class="MsoNormal">font-size:11px;</div><div class="MsoNormal">height:18px;</div><div class="MsoNormal">overflow:hidden;</div><div class="MsoNormal">margin:0px 0px 0px 0px;</div><div class="MsoNormal">padding:0px 0px 2px 0px;</div><div class="MsoNormal">}</div><div class="MsoNormal">#spylist li a:hover{</div><div class="MsoNormal">text-decoration:underline;</div><div class="MsoNormal">color:#ff0000;</div><div class="MsoNormal">}</div><div class="MsoNormal">#spylist li img {</div><div class="MsoNormal">float:left;</div><div class="MsoNormal">margin-right:5px;</div><div class="MsoNormal">border:1px;</div><div class="MsoNormal">}</div><div class="MsoNormal">.spydate{</div><div class="MsoNormal">overflow:hidden;</div><div class="MsoNormal">font-size:10px;</div><div class="MsoNormal">color:#ff0066;</div><div class="MsoNormal">padding:2px 0px;</div><div class="MsoNormal">margin:1px 0px 0px 0px;</div><div class="MsoNormal">height:15px;</div><div class="MsoNormal">font-family:Tahoma,Arial,verdana, sans-serif;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">.spycomment{</div><div class="MsoNormal">overflow:hidden;</div><div class="MsoNormal">font-family:Tahoma,Arial,verdana, sans-serif;</div><div class="MsoNormal">font-size:10px;</div><div class="MsoNormal">color:#262B2F;</div><div class="MsoNormal">padding:0px 0px;</div><div class="MsoNormal">margin:0px 0px;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal"></style></div><div class="MsoNormal"><script src="http://dl.dropbox.com/u/66348944/jquery.min.js" type="text/javascript"></script></div><div class="MsoNormal"><script language="JavaScript"></div><div class="MsoNormal"><br /></div><div class="MsoNormal">imgr = new Array();</div><div class="MsoNormal"><br /></div><div class="MsoNormal">imgr[0] = "http://img138.imageshack.us/img138/7159/noimage.jpg";</div><div class="MsoNormal"><br /></div><div class="MsoNormal">limitspy = 6; //số bài trình diễn</div><div class="MsoNormal">intervalspy = 4000; //tốc độ chuyển đổi bài viết</div><div class="MsoNormal">showRandomImg = true;</div><div class="MsoNormal"><br /></div><div class="MsoNormal">boxwidth = 255;</div><div class="MsoNormal">cellspacing = 0;</div><div class="MsoNormal">borderColor = "#000000";</div><div class="MsoNormal">bgTD = "#fff";</div><div class="MsoNormal">thumbwidth = 60; //độ rộng ảnh thumb</div><div class="MsoNormal">thumbheight = 60; //độ cao ảnh thumb</div><div class="MsoNormal">fntsize = 12;</div><div class="MsoNormal">acolor = "#666";</div><div class="MsoNormal">aBold = true;</div><div class="MsoNormal">icon = " ";</div><div class="MsoNormal">text = "no"; //nếu muốn hiển thị số comment thì bạn thay "no" thành "comments"</div><div class="MsoNormal">showPostDate = false;</div><div class="MsoNormal">summaryPost = 40;</div><div class="MsoNormal">summaryFontsize = 10; //kích thước của text</div><div class="MsoNormal">summaryColor = "";</div><div class="MsoNormal">icon2 = " ";</div><div class="MsoNormal">numposts = 10; //số bài viết hiển thị</div><div class="MsoNormal">label = "Advanced blogger"; //nhãn bài viết (nếu hiển thị theo bài viết thì không cần quan tâm)</div><div class="MsoNormal">home_page = "http://www.dungheineken.blogspot.com/"; //địa chỉ blog của bạn</div><div class="MsoNormal"></script></div><span style="font-family: "Times New Roman"; font-size: 12pt;"><div id="spylist"><script src="<span style="color: red;">http://dl.dropbox.com/u/66348944/recent_post_spy.js</span>" type="text/javascript"></script></div></span><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Sau đó, bạn thay đổi địa chỉ Blog của bạn và bạn có thể thay đổi các tùy chỉnh như trên code đã chú thích để chọn cho mình một tiện ích đẹp nhất nha. Cuối cùng bấm <b><i>lưu lại</i></b> và quay trở lại Blog xem kết quả. </span><br /><div style="text-align: left;"><span style="font-size: large;">Ở code tr<span style="font-size: large;">ên <span style="font-size: large;">th<span style="font-size: large;">ì th<span style="font-size: large;">ủ thu<span style="font-size: large;">ật n<span style="font-size: large;">ày s<span style="font-size: large;">ẽ hi<span style="font-size: large;">ển th<span style="font-size: large;">ị <span style="font-size: large;">t<span style="font-size: large;">ất c<span style="font-size: large;">ả c<span style="font-size: large;">ác b<span style="font-size: large;">ài <span style="font-size: large;">ở Web/Blog, n<span style="font-size: large;">ếu mu<span style="font-size: large;">ốn th<span style="font-size: large;">ủ thu<span style="font-size: large;">ật ch<span style="font-size: large;">ỉ hi<span style="font-size: large;">ển th<span style="font-size: large;">ị <span style="font-size: large;">ở m<span style="font-size: large;">ột nh<span style="font-size: large;">ãn nh<span style="font-size: large;">ất <span style="font-size: large;">đ<span style="font-size: large;">ịnh, b<span style="font-size: large;">ạn thay <span style="font-size: large;">th<span style="font-size: large;">ế d<span style="font-size: large;">òng code cu<span style="font-size: large;">ối c<span style="font-size: large;">ùng (m<span style="font-size: large;">àu <span style="font-size: large;">đ<span style="font-size: large;">ỏ) th<span style="font-size: large;">ành <span style="font-size: large;">đ<span style="font-size: large;">o<span style="font-size: large;">ạn code nh<span style="font-size: large;">ư sau:</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div><div style="text-align: left;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"> </span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> </span></div><div style="text-align: left;"><span style="font-size: large;">https://dl.dropbox.com/u/66348944/recent_label_spy.js</span></div><br /><br /><span style="font-size: large;">Với mã code ở trên thì chúng ta sẽ có tiện ích giống như thế này:</span><br /><br /><br /><br /><br /><center><a class="bttoolz" href="http://dunghennessydemo1.blogspot.com/2013/09/bai-viet-voi-hieu-ung-roi-tu-tren-xuong.html" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><br /><br /></div>

TIỆN ÍCH BÀI VIẾT VỚI HIỆU ỨNG RƠI TỪ TRÊN XUỐNG

Để gắn tiện ích bài viết mới có kèm ảnh với hiệu ứng "rơi" từ trên xuống, các bạn cần làm các bước sau: Đầu tiên, bạn đăng nhập Bl...

Đọc thêm »

TẠO 4 BANNER QUẢNG CÁO 125X125 TRONG MỘT TIỆN ÍCH HTML/JAVACRIPT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYNoi6u5TppLJclIB1JGe9bkr9Ntuy9YFGCh48SzF5PR9ro4r-C9Zc-WTJde9ch15iLklTj_2CRw3rnbdWws2eO8Ha7Krx1l5YmZTCZuNhNXP4K_AMa8OHtv19-ZM4FbEeb-iise-OpBgb/s1600/picture+1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYNoi6u5TppLJclIB1JGe9bkr9Ntuy9YFGCh48SzF5PR9ro4r-C9Zc-WTJde9ch15iLklTj_2CRw3rnbdWws2eO8Ha7Krx1l5YmZTCZuNhNXP4K_AMa8OHtv19-ZM4FbEeb-iise-OpBgb/s200/picture+1.jpg" width="190" /></a></div><span style="font-size: large;">Các bạn thường thấy trên các trang Web/Blog họ hay đặt các khung banner quảng cáo nhỏ vào trong một tiện ích HTML/Javacript để tiết kiệm không gian cho Web/Blog.</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn cũng có thể làm được như vậy với các bước sau:</span><br /><a name='more'></a></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên bạn <i><b>đăng nhập vào Blog > Chọn Thiết kế > Chọn Thêm tiện ích > Thêm HTML/Javacript</b></i> rồi dán tất cả các code này vào:</span></div><br /><center><textarea cols="72" name="code" rows="5" style="background: none repeat scroll 0% 0% rgb(169, 245, 169); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;"><div align="center"><table bgcolor="#000000" border="0" cellpadding="2" cellspacing="6" width="265"><tbody><tr><td><center><a href="http://dunghennessy.blogspot.com" rel="nofollow" target="_blank"><img alt="AD DESCRIPTION" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_V0NhyphenhyphensGZnpgMOk4uzSOjPdez2mOOwDADrJ1xDK1_dgUConW8iMf5VDfuzq-uKa3nHc6tSMS8xko3HhaeqOjqpXN0wIroKQVg7zgmpMhzntzam4stClGnqBUNmIMnbDH7hNktEJfg-Pg/" border="0" height="125" width="125" /></a></center></td><td><center><a href="http://dunghennessy.blogspot.com" rel="nofollow" target="_blank"><img alt="AD DESCRIPTION" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_V0NhyphenhyphensGZnpgMOk4uzSOjPdez2mOOwDADrJ1xDK1_dgUConW8iMf5VDfuzq-uKa3nHc6tSMS8xko3HhaeqOjqpXN0wIroKQVg7zgmpMhzntzam4stClGnqBUNmIMnbDH7hNktEJfg-Pg/" border="0" height="125" width="125" /></a></center></td></tr><tr><td><center><a href="http://dunghennessy.blogspot.com" rel="nofollow" target="_blank"><img alt="AD DESCRIPTION" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_V0NhyphenhyphensGZnpgMOk4uzSOjPdez2mOOwDADrJ1xDK1_dgUConW8iMf5VDfuzq-uKa3nHc6tSMS8xko3HhaeqOjqpXN0wIroKQVg7zgmpMhzntzam4stClGnqBUNmIMnbDH7hNktEJfg-Pg/" border="0" height="125" width="125" /></a></center></td><td><center><a href="http://dunghennessy.blogspot.com" rel="nofollow" target="_blank"><img alt="AD DESCRIPTION" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_V0NhyphenhyphensGZnpgMOk4uzSOjPdez2mOOwDADrJ1xDK1_dgUConW8iMf5VDfuzq-uKa3nHc6tSMS8xko3HhaeqOjqpXN0wIroKQVg7zgmpMhzntzam4stClGnqBUNmIMnbDH7hNktEJfg-Pg/" border="0" height="125" width="125" /></a></center></td></tr></tbody></table></div>

Sau đó, bạn thay link liên kết ở dòng lệnh màu đỏ, link ảnh ở dòng lệnh màu xanh hoặc kích thước mình muốn ở height và Width:

<td><center><a href=" http://dunghennessy.blogspot.com " rel="nofollow" target="_blank"><img alt=" " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_V0NhyphenhyphensGZnpgMOk4uzSOjPdez2mOOwDADrJ1xDK1_dgUConW8iMf5VDfuzq-uKa3nHc6tSMS8xko3HhaeqOjqpXN0wIroKQVg7zgmpMhzntzam4stClGnqBUNmIMnbDH7hNktEJfg-Pg/" border="0" height="125" width="125".
Sau đó bấm Lưu là xong, bây giờ bạn trở vào Blog sẽ thấy 4 banner hiển thị trên Blog của bạn.
Nếu muốn thêm nhiều banner nữa, bạn copy code này vào
 
<tbody><tr><br /> <td><center><a href=" http://dunghennessy.blogspot.com " rel="nofollow" target="_blank"><img alt=" " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_V0NhyphenhyphensGZnpgMOk4uzSOjPdez2mOOwDADrJ1xDK1_dgUConW8iMf5VDfuzq-uKa3nHc6tSMS8xko3HhaeqOjqpXN0wIroKQVg7zgmpMhzntzam4stClGnqBUNmIMnbDH7hNktEJfg-Pg/" border="0" height="125" width="125" /></a></center></td><br /> <td><center><a href="http://dunghennessy.blogspot.com" rel="nofollow" target="_blank"><img alt=" " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_V0NhyphenhyphensGZnpgMOk4uzSOjPdez2mOOwDADrJ1xDK1_dgUConW8iMf5VDfuzq-uKa3nHc6tSMS8xko3HhaeqOjqpXN0wIroKQVg7zgmpMhzntzam4stClGnqBUNmIMnbDH7hNktEJfg-Pg/" border="0" height="125" width="125" /></a></center></td><br /> </tr><br /> <tr><br />

Và dán phía trên dòng lệnh: </tbody></table></div>
Chúc các bạn thành công

TẠO 4 BANNER QUẢNG CÁO 125X125 TRONG MỘT TIỆN ÍCH HTML/JAVACRIPT

Các bạn thường thấy trên các trang Web/Blog họ hay đặt các khung banner quảng cáo nhỏ vào trong một tiện ích HTML/Javacript để tiết kiệm khô...

Đọc thêm »

LINK TEXT THAY ĐỔI MÀU LIÊN TỤC KHI RÊ CHUỘT VÀO LINK

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPbeK1e_lmiGtz-hZ-A4ZsF8Yx5MxZo-hHoSyJKxsAtzpU2dLE26Ro7nuwZvfRmdrzpQkIc0Fb9-eeHAMpQ0Ue0Hh1FcJUELHNoMXyxpe5vnRhpLfXXg41rgqQG2ruG1r0DF5mjzjoCbyj/s1600/1304844298142402.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPbeK1e_lmiGtz-hZ-A4ZsF8Yx5MxZo-hHoSyJKxsAtzpU2dLE26Ro7nuwZvfRmdrzpQkIc0Fb9-eeHAMpQ0Ue0Hh1FcJUELHNoMXyxpe5vnRhpLfXXg41rgqQG2ruG1r0DF5mjzjoCbyj/s1600/1304844298142402.gif" /></a></div><span style="font-size: large;">Để cho Blog mình thêm đẹp bạn có nhiều cách tạo hiệu ứng cho nó, trong giới hạn bài viết này, tôi sẽ giới thiệu đến các bạn đổi hình trỏ chuột kết hợp link text sẽ thay đổi màu liên tục khi rê chuột đến link.</span><br /><a name='more'></a></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn <i><b>đăng nhập vào Blog > chọn Thiết kế > chọn Thêm tiện ích > Thêm HTML/Javacript</b></i> rồi dán tất cả các code này vào</span></div><br /><form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Chọn tất cả" /><br /><textarea cols="72" name="MyTextBox" rows="5" wrap="off"><style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/blkglitwrkbgnd.ani"), url("http://lh5.ggpht.com/_TaHzV-QgYq0/S17G6-QTLDI/AAAAAAAAFRE/opaLpGQugtU/redglitter.gif"), auto;}</style><br /> <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/butterflyani1.cur"), url("http://lh5.ggpht.com/_TaHzV-QgYq0/S17G632P9HI/AAAAAAAAFRA/ArKIi6ah1Fo/redglitlnkslct.gif"), auto;}</style><br /> <script src="http://traidatmui-tips.googlecode.com/files/hover_textcolor.js"></script><br />

Và cuối cùng bấm Lưu lại là xong.
Nếu bạn không thích hình con chuột ở trên, bạn có thể thay đổi hình trỏ chuột khác bằng cách thay đổi dòng lệnh này:
http://lh5.ggpht.com/_TaHzV-QgYq0/S17G632P9HI/AAAAAAAAFRA/ArKIi6ah1Fo/redglitlnkslct.gif bằng link hình con trỏ chuột trên TRANG NÀY.
Bây giờ bạn trở lại vào blog để "hưởng thụ" thành quả nha
Chúc vui

LINK TEXT THAY ĐỔI MÀU LIÊN TỤC KHI RÊ CHUỘT VÀO LINK

Để cho Blog mình thêm đẹp bạn có nhiều cách tạo hiệu ứng cho nó, trong giới hạn bài viết này, tôi sẽ giới thiệu đến các bạn đổi hình trỏ chu...

Đọc thêm »

TẠO MENU DỌC CHO NHÃN

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbL0qbAM2uvJvJdhSDD4ACI4JCGsfubz5E_VdkCMXwFqFf79Fv2VpEQPXrnmUB1xWiNqdT2IMQwjNp5pA5-v3S1EgJxVm9MlURE6tX32JQCec6HRRA8DfUb-hDJnSmRc2-GQwiYSj14du/s1600/picture+23.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbL0qbAM2uvJvJdhSDD4ACI4JCGsfubz5E_VdkCMXwFqFf79Fv2VpEQPXrnmUB1xWiNqdT2IMQwjNp5pA5-v3S1EgJxVm9MlURE6tX32JQCec6HRRA8DfUb-hDJnSmRc2-GQwiYSj14du/s200/picture+23.jpg" width="170" /></a></div><span style="font-size: large;">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.</span></div><div style="text-align: justify;"><span style="font-size: large;">Các bước như sau:</span><br /><a name='more'></a></div><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn đăng nhập <i><b>Blog > chọn Thiết kế > Chỉnh sửa HTML</b></i>, bấm đồng thời 2 phím <i><b>Ctrl+F</b></i> để mở hộp tìm kiếm, gõ vào khung lệnh <i><b><span style="color: red;">]]></b:skin></span></b></i>, 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 <i><b>Thiết kế > Thêm tiện ích > Thêm HTML/Javacript</b></i> 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 <a href="http://dunghennessy.blogspot.com/2011/03/tao-menu-doc-cho-blogger.html">TẠI ĐÂY</a>)</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span><span class="Apple-style-span" style="color: red; font-family: Arial,Helvetica,sans-serif;"></span><span style="font-size: large;"> </span></div><div style="text-align: justify;"><b><span style="font-size: large;">Mẫu 1:</span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0vZOHrACZSNj9waxcHUdtX_gYDgLrsY15WzBhU9Zo5MuYxINko0cHZz4o3MpLYYUd_OMWJwX9q0AUFcscVCa9H7iDyT9KFl_38Bd8FmhF2zYZ-JIn2pGglVRb0OaFPMTMNqtXlh7OSGq/s1600/picture.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/AVvXsEiu0vZOHrACZSNj9waxcHUdtX_gYDgLrsY15WzBhU9Zo5MuYxINko0cHZz4o3MpLYYUd_OMWJwX9q0AUFcscVCa9H7iDyT9KFl_38Bd8FmhF2zYZ-JIn2pGglVRb0OaFPMTMNqtXlh7OSGq/s1600/picture.jpg" /></a></div><textarea cols="42" name="code" rows="2" style="background: none repeat scroll 0% 0% rgb(169, 245, 169); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;"> #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: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9LWsC4QCZzUc6ctpBSnTunPMpXp3dqWa3C-T_GTEKqM1CfjG1ql5rSaJHnUpDW-fxafm_4kPasmila25SA3AwPw1fK1cMIMxWxBthgaVLg5kQElsggwinbTwZd04_QbvOTvSYolHMTA/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9LWsC4QCZzUc6ctpBSnTunPMpXp3dqWa3C-T_GTEKqM1CfjG1ql5rSaJHnUpDW-fxafm_4kPasmila25SA3AwPw1fK1cMIMxWxBthgaVLg5kQElsggwinbTwZd04_QbvOTvSYolHMTA/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; }

Dán vào HTML/Javacript
<div id="menu9"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>


Mẫu 2:

#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #8D9179; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfScTtfIJqZkv_oY5piaMVc0Q1jyk_jqR9EfLd4GWQ3GSPn_EvPw5Hp_n_MSPMMQP7hDjepAuvOK1yErxAlzUZ0Awlm9_h_U-z3WWHXkCqq6j6WqyWZWE-yDNC6Vmj74jTro-sCraxbI/); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfScTtfIJqZkv_oY5piaMVc0Q1jyk_jqR9EfLd4GWQ3GSPn_EvPw5Hp_n_MSPMMQP7hDjepAuvOK1yErxAlzUZ0Awlm9_h_U-z3WWHXkCqq6j6WqyWZWE-yDNC6Vmj74jTro-sCraxbI/) 0 -32px; padding: 8px 0 0 10px; }<br />

Dán vào HTML/Javacritp
<div id="menu6"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>


Mẫu 3:

#menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 img { border: none; } #menu3 { width: 200px; border: 1px solid #ccc; margin: 10px; } #menu3 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbZY2rx3DSGQ165dMY785Jd6K-yH05D7gW2xYOScITPCrsA_yTMFK31w6kViKsyaPNSwwAEak-md0CNd_DIJLyuVtNP9hmZa8jqkAqb6McwiyEtesvM2bZjszVQmoBvakYwOVFGM8n4k/); padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li #current, #menu3 li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbZY2rx3DSGQ165dMY785Jd6K-yH05D7gW2xYOScITPCrsA_yTMFK31w6kViKsyaPNSwwAEak-md0CNd_DIJLyuVtNP9hmZa8jqkAqb6McwiyEtesvM2bZjszVQmoBvakYwOVFGM8n4k/) 0 -32px; padding: 8px 0 0 30px; }<br />

Dán vào HTML/Javacritp
<div id="menu3"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>

Mẫu 4:

#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpzCQdXb2j8eq-xxUhaqg3OV025W74CZZYS1z2bcdhDj2qe2psroEI-hRbtO_IcDYtohoMq173SLSev2wx5v-5zKCURNzX2bagejhZexeLO8Q1_4IUaB6yAaewgS5Hm44eUr7_9WmktM/); padding: 8px 0 0 20px; } #menu6 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpzCQdXb2j8eq-xxUhaqg3OV025W74CZZYS1z2bcdhDj2qe2psroEI-hRbtO_IcDYtohoMq173SLSev2wx5v-5zKCURNzX2bagejhZexeLO8Q1_4IUaB6yAaewgS5Hm44eUr7_9WmktM/) 0 -32px; padding: 8px 0 0 20px; }

Dán vào HTML/Javacript
<div id="menu6"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 5:

#menu14 ul { list-style: none; margin: 0; padding: 0; } #menu14 img { border: none; } #menu14 { width: 200px; margin: 10px; } #menu14 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu14 li a:link, #menu14 li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1M53P2ORsYGI1eLvhryJXPCzVrYuHZLOVlszbAHa8sKVQXDNQPjHhXDI_i477m4fiPxKKGm4d6asCZJuiHocVQa3YCa_BUUw5PSNv6SvqZT5rjOGgzYakwORUViSsUYrQiOPdcg6JWSc/s800/menu14.gif) 0 -32px; padding: 8px 0 0 10px; } #menu14 li a:hover { color: #333; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1M53P2ORsYGI1eLvhryJXPCzVrYuHZLOVlszbAHa8sKVQXDNQPjHhXDI_i477m4fiPxKKGm4d6asCZJuiHocVQa3YCa_BUUw5PSNv6SvqZT5rjOGgzYakwORUViSsUYrQiOPdcg6JWSc/s800/menu14.gif); padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu14"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 6:

#menu7 ul { list-style: none; margin: 0; padding: 0; } #menu7 img { border: none; } #menu7 { width: 200px; margin: 10px; } #menu7 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu7 li a:link, #menu7 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWh_m4AuJ0qog2Y1kDgp1IsZi14WupR1QPzEoOMk0NA6VMAuTUXYand6qWycgBf-oFnQehlT0tRamTOoFshzX9tw_j_WnhzGyiKk8Fbvsl5m4Sxwssx9c7bNbXuWSCc05gvu2WPUl-3k/s800/menu7.gif); padding: 8px 0 0 30px; } #menu7 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWh_m4AuJ0qog2Y1kDgp1IsZi14WupR1QPzEoOMk0NA6VMAuTUXYand6qWycgBf-oFnQehlT0tRamTOoFshzX9tw_j_WnhzGyiKk8Fbvsl5m4Sxwssx9c7bNbXuWSCc05gvu2WPUl-3k/s800/menu7.gif) 0 -32px; padding: 8px 0 0 30px; }

Dán vào HTML/Javacript
<div id="menu7"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 7:

#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; border-style: solid solid none solid; border-color: #677D92; border-size: 1px; border-width: 1px; margin: 10px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY6TcYtSLnpylpmER9hjT8WY4X2Z5SayTHFCL2mv6Jsprjwg8B8w6EFGCjfqY9GM8OTY5VfKiqqq4BG7Gj6GFPp9Thvb4btsOtexo3Rx3EC_x_SjeMSYmcerB7tSNl54a2_DcC2KsFVVk/s800/menu2.gif); padding: 8px 0 0 10px; } #menu2 li a:hover, #menu2 li #current { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY6TcYtSLnpylpmER9hjT8WY4X2Z5SayTHFCL2mv6Jsprjwg8B8w6EFGCjfqY9GM8OTY5VfKiqqq4BG7Gj6GFPp9Thvb4btsOtexo3Rx3EC_x_SjeMSYmcerB7tSNl54a2_DcC2KsFVVk/s800/menu2.gif) 0 -32px; padding: 8px 0 0 10px; } #menu2 li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY6TcYtSLnpylpmER9hjT8WY4X2Z5SayTHFCL2mv6Jsprjwg8B8w6EFGCjfqY9GM8OTY5VfKiqqq4BG7Gj6GFPp9Thvb4btsOtexo3Rx3EC_x_SjeMSYmcerB7tSNl54a2_DcC2KsFVVk/s800/menu2.gif) 0 -64px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu2"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 8:

#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin-top: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #E5E8D4; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqNdZoDFfm6EqXghOYk-9KP2KuAageiGLzhNAs4P2zDxTRoP6H1YGA-VOF_2DyloIAL4LNWA0BLJlpYUm4wmsX-pXTLXA9qvP7ICGa5tdpm2J2b38xltXhumC6G2bXYcKkPruhrg-meBg/s800/menu9.gif); padding: 8px 0 0 10px; } #menu9 li a:hover, #menu9 li #current { color: #725033; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqNdZoDFfm6EqXghOYk-9KP2KuAageiGLzhNAs4P2zDxTRoP6H1YGA-VOF_2DyloIAL4LNWA0BLJlpYUm4wmsX-pXTLXA9qvP7ICGa5tdpm2J2b38xltXhumC6G2bXYcKkPruhrg-meBg/s800/menu9.gif) 0 -32px; padding: 8px 0 0 10px; } #menu9 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqNdZoDFfm6EqXghOYk-9KP2KuAageiGLzhNAs4P2zDxTRoP6H1YGA-VOF_2DyloIAL4LNWA0BLJlpYUm4wmsX-pXTLXA9qvP7ICGa5tdpm2J2b38xltXhumC6G2bXYcKkPruhrg-meBg/s800/menu9.gif) 0 -64px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu9"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 9:

#menu12 ul { list-style: none; margin: 0; padding: 0; } #menu12 img { border: none; } #menu12 { width: 200px; margin: 10px; } #menu12 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 22px; text-decoration: none; } #menu12 li a:link, #menu12 li a:visited { color: #666; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbS2vbuIesqDTMGDq2vCFoOLfR-5H_HmLUqgttNcMPTkKM894yMRZGZLAiKPUi8KQ7_qEnRTeZJ3CAaO3-cttOO6nTTrgK-89OQPzb9RqgVxbbPUoZJ6w4v7JdVCuQlm0ThtXid0EwDMA/s800/menu12.gif); padding: 10px 0 0 35px; } #menu12 li a:hover { color: #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbS2vbuIesqDTMGDq2vCFoOLfR-5H_HmLUqgttNcMPTkKM894yMRZGZLAiKPUi8KQ7_qEnRTeZJ3CAaO3-cttOO6nTTrgK-89OQPzb9RqgVxbbPUoZJ6w4v7JdVCuQlm0ThtXid0EwDMA/s800/menu12.gif) 0 -32px; padding: 10px 0 0 35px; }

Dán vào HTML/Javacript
<div id="menu12"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 10:

#menu13 ul { list-style: none; margin: 0; padding: 0; } #menu13 img { border: none; } #menu13 { width: 200px; margin: 10px; } #menu13 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu13 li a:link, #menu13 li a:visited { color: #C7377D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsc2cuL_Vw4oLGIPgNYyCO3C0PIPaR_edTtmlNf1gOADUysEpJkCo3uJpl5B5mREPHBbJ13dh3mHKrBjZSTOMI2-xH3gyPEUljQ_CSx8rGbgEx1NaMTiW7BuSX5dSnJ_EwaynGrPlYFxM/s800/menu13.gif); padding: 8px 0 0 10px; } #menu13 li a:hover { color: #C7377D; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsc2cuL_Vw4oLGIPgNYyCO3C0PIPaR_edTtmlNf1gOADUysEpJkCo3uJpl5B5mREPHBbJ13dh3mHKrBjZSTOMI2-xH3gyPEUljQ_CSx8rGbgEx1NaMTiW7BuSX5dSnJ_EwaynGrPlYFxM/s800/menu13.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu13"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 11:

#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnBKQ0DJaQt6nytM34dNfZamBsABWP8998Q49Pby2LgciWi8l784cuCshQtEwLHC9w-LRVTuGth9pMMB7fs1DDiNJGA46xticSk8ozDGRykbh6JXeNwnzCPa5pmK57wtXJga3GOUvRTjU/s800/menu4.gif); padding: 8px 0 0 30px; } #menu4 li a:hover, #menu4 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnBKQ0DJaQt6nytM34dNfZamBsABWP8998Q49Pby2LgciWi8l784cuCshQtEwLHC9w-LRVTuGth9pMMB7fs1DDiNJGA46xticSk8ozDGRykbh6JXeNwnzCPa5pmK57wtXJga3GOUvRTjU/s800/menu4.gif) 0 -32px; padding: 8px 0 0 30px; } #menu4 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnBKQ0DJaQt6nytM34dNfZamBsABWP8998Q49Pby2LgciWi8l784cuCshQtEwLHC9w-LRVTuGth9pMMB7fs1DDiNJGA46xticSk8ozDGRykbh6JXeNwnzCPa5pmK57wtXJga3GOUvRTjU/s800/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }

Dán vào HTML/Javacript
<div id="menu4"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 12:

#navlist { color: white; background: #17a; border-bottom: 0.2em solid #17a; border-right: 0.2em solid #17a; padding: 0 1px; margin-left: 0; width: 20em; font: normal 10px Verdana, sans-serif; } #navlist li { list-style: none; margin: 0; font-size: 1em; } #navlist a { display: block; text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: white; background: #39c; border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; border-left: 1em solid #fc0; padding: 0.25em 0.5em 0.4em 0.75em; } #navlist a#current { border-color: #5bd #035 #068 #f30; } #navlist a { width: 99%; /* only necessary for Internet Explorer */ } #navlist a { voice-family: "\"}\""; voice-family: inherit; width: 9.6em; /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */ } #navcontainer>#navlist a { width: auto; /* only necessary if you use the hacks above for the Internet Explorer */ } #navlist a:hover, #navlist a#current:hover { background: #28b; border-color: #069 #6cf #5bd #fc0; padding: 0.4em 0.35em 0.25em 0.9em; } #navlist a:active, #navlist a#current:active { background: #17a; border-color: #069 #6cf #5bd white; padding: 0.4em 0.35em 0.25em 0.9em; }

Dán vào HTML/Javacritpt
<div id="navcontainer"><ul id="navlist"><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 13:

#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin-top: 10px; } #menu8 li a { text-decoration: none; height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; } #menu8 li a:link, #menu8 li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5aqEy5_9vyTyVh6IcIE_n2Rq-ijdWhzqeRz-K6o6qOLk8NaJ09r31m59c42vSJGeO1ENJsGHHVpHFOvdzyatCsCizOhFK8ni8cH3RNZ2ZZFlB4iAlunH9Ze2MMJymyVmPF5Ts7FgdEM/s800/menu8.gif); padding: 8px 0 0 20px; } #menu8 li a:hover, #menu8 li #current { color: #257EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5aqEy5_9vyTyVh6IcIE_n2Rq-ijdWhzqeRz-K6o6qOLk8NaJ09r31m59c42vSJGeO1ENJsGHHVpHFOvdzyatCsCizOhFK8ni8cH3RNZ2ZZFlB4iAlunH9Ze2MMJymyVmPF5Ts7FgdEM/s800/menu8.gif) 0 -32px; padding: 8px 0 0 25px; } #menu8 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5aqEy5_9vyTyVh6IcIE_n2Rq-ijdWhzqeRz-K6o6qOLk8NaJ09r31m59c42vSJGeO1ENJsGHHVpHFOvdzyatCsCizOhFK8ni8cH3RNZ2ZZFlB4iAlunH9Ze2MMJymyVmPF5Ts7FgdEM/s800/menu8.gif) 0 -64px; padding: 8px 0 0 25px; }

Dán vào HTML/Javacript
<div id="menu8"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 14:

#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin: 10px; border-style: solid; border-color: #656556; border-size: 1px; border-width: 1px; } #menu8 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu8 li a:link, #menu8 li a:visited { color: #656556 ; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCHjmXD6mhs6ZDcKam4-0cTIk2MRu0X5VuonoMYHvQkA9_oHDohnkIBw13dtsJ795kDJyUbfir3RRjXT6j97u-A9OAlHESv7SCtlKIsuU32UQh64sQVaxDHnX-ThNzvDmDUoG5DPmGDU/s800/menu8.gif) ; padding: 8px 0 0 20px; } #menu8 li a:hover { color: #474739; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCHjmXD6mhs6ZDcKam4-0cTIk2MRu0X5VuonoMYHvQkA9_oHDohnkIBw13dtsJ795kDJyUbfir3RRjXT6j97u-A9OAlHESv7SCtlKIsuU32UQh64sQVaxDHnX-ThNzvDmDUoG5DPmGDU/s800/menu8.gif) 0 -32px; padding: 8px 0 0 20px; }

Dán vào HTML/Javacript
<div id="menu8"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 15:

#menu9 body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; } #menu1 ul { list-style: none; margin: 0; padding: 0; } #menu1 img { border: none; } #menu1 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #3D261D; border-size: 1px; border-width: 1px; } #menu1 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #E4D6CD; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinW4WsgIWyXKv2NQ5TbERciQj-K0PpcHdobOCzmSIM6uZNm_XqSDacfIRinlop3lq22ZIpDzWIW4bJqPIaKzC6m1hAInUlDAAhtTDAwP8jmoJFfaMIW_u1fxtRJ-aQJWvzlnpULo0UuEQ/s800/menu1.gif); padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinW4WsgIWyXKv2NQ5TbERciQj-K0PpcHdobOCzmSIM6uZNm_XqSDacfIRinlop3lq22ZIpDzWIW4bJqPIaKzC6m1hAInUlDAAhtTDAwP8jmoJFfaMIW_u1fxtRJ-aQJWvzlnpULo0UuEQ/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu1"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 16:

#navcontainer { background: #f0e7d7; width: 100%; margin: 0 auto; padding: 1em 0; font-family: georgia, serif; font-size: 13px; text-align: center; text-transform: lowercase; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 100%; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100%; padding: 0.5em 0 0.5em 2em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }

Dán vào HTML/Javacript
<div id="navcontainer"><ul id="navlist"><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 17:

#menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 img { border: none; } #menu3 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #BCD2E6; border-size: 1px; border-width: 1px; } #menu3 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #8BADCF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggttIH_b1g-KKBqlR6kG77f1ep6f6LFdbXFysw6bsd-doxDLM833SdOZPuCXtcrtoY46iA1iFXmr4JQihSmXr9CBYWE1MPm7wQsQfXKGgEv09rIoYFKqBdXZMYbeRmMq_036deVBkKKKE/s800/menu3.gif); padding: 8px 0 0 10px; } #menu3 li a:hover { color: #627EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggttIH_b1g-KKBqlR6kG77f1ep6f6LFdbXFysw6bsd-doxDLM833SdOZPuCXtcrtoY46iA1iFXmr4JQihSmXr9CBYWE1MPm7wQsQfXKGgEv09rIoYFKqBdXZMYbeRmMq_036deVBkKKKE/s800/menu3.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu3"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 18:

#menu11 ul { list-style: none; margin: 0; padding: 0; } #menu11 img { border: none; } #menu11 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #889944; border-size: 1px; border-width: 1px; } #menu11 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu11 li a:link, #menu11 li a:visited { color: #889944; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyWL9WZBHf1KK3H3C1NUziDgJcDUWEBGpSsFlG58iYiOcSvxi58HrIbZtwEhawP715D3myHuSIk9bE2Rk5-w9cxce72WQ-20yaDoWfYRe4j_4J4P6unaqeT9ZQInlbGNhGkjraZVfZqaA/s400/menu11.gif); padding: 8px 0 0 25px; } #menu11 li a:hover { color: #889944; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyWL9WZBHf1KK3H3C1NUziDgJcDUWEBGpSsFlG58iYiOcSvxi58HrIbZtwEhawP715D3myHuSIk9bE2Rk5-w9cxce72WQ-20yaDoWfYRe4j_4J4P6unaqeT9ZQInlbGNhGkjraZVfZqaA/s400/menu11.gif) 0 -32px; padding: 8px 0 0 27px; }


Dán vào HTML/Javacript
<div id="menu11"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 19:

#button { width: 20em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Tahoma, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/ font-size : 10px; background-color: #90bade; color: #333; } #button ul { list-style: none; margin: 0; padding: 0; border: none; } #button li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; } #button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #button li a { width: auto; } #button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } #button li #active { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }<br />

Dán vào HTML/Javacript
<div id="button"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 20:

#menu ul { list-style: none; margin: 0; padding: 0; } #menu img { border: none; } #menu { width: 200px; border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; margin: 10px; } #menu li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #5E7830; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROuVeoSbo4Eyx2_RREHd165R4eFCdWCFvq2S5YL7IH5PNlTXjRoQmcHe2nJIeQw0HSOchpF58Tz145AiTPk25_ZEgc41AhLd6C7IzhbyJs7p8nYrs2tXeSG2uC_zdGd3q0A3DSc3Ym3Q/s800/menu1.gif); padding: 8px 0 0 10px; } #menu li a:hover, #menu li #current { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROuVeoSbo4Eyx2_RREHd165R4eFCdWCFvq2S5YL7IH5PNlTXjRoQmcHe2nJIeQw0HSOchpF58Tz145AiTPk25_ZEgc41AhLd6C7IzhbyJs7p8nYrs2tXeSG2uC_zdGd3q0A3DSc3Ym3Q/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROuVeoSbo4Eyx2_RREHd165R4eFCdWCFvq2S5YL7IH5PNlTXjRoQmcHe2nJIeQw0HSOchpF58Tz145AiTPk25_ZEgc41AhLd6C7IzhbyJs7p8nYrs2tXeSG2uC_zdGd3q0A3DSc3Ym3Q/s800/menu1.gif) 0 -64px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 21:

#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #3688BA; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCoJhVnVRbRYIZMvYSGj3ki26AsOcjNlfumWM7FFuodoNX_TQ0SdOECqYX5JJnV3XY7Iuy76GTRvOpaCzvuuVjZCe0V794XrXYk76Nfbg7uljMiM-6OPx0MqVv3XBIR8s_99Rr3Piz4H4/s800/menu2.gif); padding: 8px 0 0 30px; } #menu2 li a:hover { color: #3688BA; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCoJhVnVRbRYIZMvYSGj3ki26AsOcjNlfumWM7FFuodoNX_TQ0SdOECqYX5JJnV3XY7Iuy76GTRvOpaCzvuuVjZCe0V794XrXYk76Nfbg7uljMiM-6OPx0MqVv3XBIR8s_99Rr3Piz4H4/s800/menu2.gif) 0 -32px; padding: 8px 0 0 32px; }

Dán vào HTML/Javacript
<div id="menu2"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 22:

#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; border-style: none solid none solid; border-color: #D0D0D0; border-width: 1px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfz-DyrArB4tKhr5zhu4EgnZh3QFmhg2_JGIQYszZHglkNG5F_eV-scW1YpZ9FCW-Y4_kytqHF0UDNDK1caWRprUrzqblRE2gebgAx2hlRIO9fxAsvCcKYHmcaJOGe1g7IgAPiDgQpTyo/s800/menu5.gif); padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:hover, #menu5 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfz-DyrArB4tKhr5zhu4EgnZh3QFmhg2_JGIQYszZHglkNG5F_eV-scW1YpZ9FCW-Y4_kytqHF0UDNDK1caWRprUrzqblRE2gebgAx2hlRIO9fxAsvCcKYHmcaJOGe1g7IgAPiDgQpTyo/s800/menu5.gif) 0 -32px; padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfz-DyrArB4tKhr5zhu4EgnZh3QFmhg2_JGIQYszZHglkNG5F_eV-scW1YpZ9FCW-Y4_kytqHF0UDNDK1caWRprUrzqblRE2gebgAx2hlRIO9fxAsvCcKYHmcaJOGe1g7IgAPiDgQpTyo/s800/menu5.gif) 0 -64px; padding: 8px 25px 0 10px; text-align: right; }

Dán vào HTML/Javacript
<div id="menu5"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 23:

#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisO09xhk11lj-7ddK1I0DpblGeW_gRl2ryXAaCpAiE79oC1krXc1CTsS5ICojZWQogXAODNSpndaU8U4LLRo3yFNCZZM4GymFRrai9Rradxc6Chorflq9u0Mp0jJGhIkK_Yi0SKFPX8gk/s800/menu5.gif); padding: 8px 0 0 10px; } #menu5 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisO09xhk11lj-7ddK1I0DpblGeW_gRl2ryXAaCpAiE79oC1krXc1CTsS5ICojZWQogXAODNSpndaU8U4LLRo3yFNCZZM4GymFRrai9Rradxc6Chorflq9u0Mp0jJGhIkK_Yi0SKFPX8gk/s800/menu5.gif) 0 -32px; padding: 8px 0 0 10px; }


Dán vào HTML/Javacript
<div id="menu5"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 24:

#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #000; border-size: 1px; border-width: 1px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #CCC; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQf95MHl-4xjq1Is-DyL0SZscT3NOL3qeCItpKDRdLcRQpp02OZKPpR7vwS4ey_ICO7MeKP6WruhNTCuaMQZmDXYOGS85deUsaeZtj01bHZN4WGyIA4sN8CsoOXds1AMwWwLxMu9noNG0/s800/menu4.gif); padding: 8px 0 0 10px; } #menu4 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQf95MHl-4xjq1Is-DyL0SZscT3NOL3qeCItpKDRdLcRQpp02OZKPpR7vwS4ey_ICO7MeKP6WruhNTCuaMQZmDXYOGS85deUsaeZtj01bHZN4WGyIA4sN8CsoOXds1AMwWwLxMu9noNG0/s800/menu4.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu4"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>



Mẫu 25:

#menu10 ul { list-style: none; margin: 0; padding: 0; } #menu10 img { border: none; } #menu10 { width: 200px; margin: 10px; } #menu10 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu10 li a:link, #menu10 li a:visited { color: #4D4D4D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGywI4prrpWY0XPbNKKOAFM5lOOwJyT5hz6ytY0u9jUmaWkbUW8b6KkGlEz4iIwYSGEmPvUQ5IsLp7TCJb6jerdjj7x_O10psENhNbButSQN3jFmfBxWtjepRUXe_dZF-29Guxj8Y9OaM/s800/menu10.gif); padding: 8px 0 0 10px; } #menu10 li a:hover { color: #FF9834; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGywI4prrpWY0XPbNKKOAFM5lOOwJyT5hz6ytY0u9jUmaWkbUW8b6KkGlEz4iIwYSGEmPvUQ5IsLp7TCJb6jerdjj7x_O10psENhNbButSQN3jFmfBxWtjepRUXe_dZF-29Guxj8Y9OaM/s800/menu10.gif) 0 -32px; padding: 8px 0 0 10px; }

Dán vào HTML/Javacript
<div id="menu10"><ul><li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul></div>v style="text-align: justify;"><br /> <span style="font-size: large;"></span></div>



CHÚC CÁC BẠN CÓ MỘT MENU DỌC ĐẸP CHO BLOG

TẠO MENU DỌC CHO NHÃN

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...

Đọc thêm »