Tạo Menu dọc với hiệu ứng lật bằng JQuery

<br><div class="separator" style="background-color: #f0f2f3; clear: left; float: left; font-family: Arial; font-size: 14px; line-height: 19.59375px; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="Flip Menu - Menu dọc với hiệu ứng lật bằng JQuery" border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEl3wlVowgimMg_FkBPa_2mRJzqieb5JdtxGMSejWgq0FFJ1nT2wSKkVigGhSn21hnrJ4OxxH_Zg1alFQmEtxz3dvTB73oHLqQOd1_BRp0PMhWddUHI2auNT6jI23fMNfVWThNenl2HwL/s200/flipmenu-blogspot-namkna-ngoctra.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Flip Menu - Menu dọc với hiệu ứng lật bằng JQuery" width="160"></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="font-weight: bold;">Mình đã giới thiệu cho các bạn nhiều style menu dạng dropdown, dạng menu doc và hôm nay mình chia sẻ thêm cùng các bạn thủ thuật tạo menu dọc với hiệu ứng lật bằng JQuery. Thật ra thì menu này cũng khá là đơn giản chỉ có phần hiệu ứng là khác biệt nên mình không giới thiệu nhiều</span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><br><div style="text-align: center;"><span style="color: #000099; font-size: x-small; font-weight: bold;"> </span><span style="font-size: x-small;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://namkna-demo.blogspot.com/2012/03/menu-doc-voi-hieu-ung-lat-bang-jquery.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></span></div><br><span style="color: #000099; font-size: x-small; font-weight: bold;">» Bắt đầu thủ thuật</span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><span style="font-size: x-small;"><br></span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><span style="font-size: x-small;">1. Đăng nhập vào tài khoản </span><span style="font-size: x-small; font-weight: bold;">Blogger</span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><span style="font-size: x-small;">2. Vào phần </span><span style="font-size: x-small; font-weight: bold;">thiết kế</span><span style="font-size: x-small;"> (Design)</span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><span style="font-size: x-small;">3. Chọn </span><span style="font-size: x-small; font-weight: bold;">thêm tiện ích</span><span style="font-size: x-small;"> (Add a Gadget)</span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.59375px;"><span style="font-size: x-small;">4. Thêm 1 </span><span style="font-size: x-small; font-weight: bold;">HTML/Javascript </span><span style="font-size: x-small;">và thêm vào code bên dưới</span><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-doc-voi-hieu-ung-lat-bang.html#more">Đọc thêm »</a>

Tạo Menu dọc với hiệu ứng lật bằng JQuery

Mình đã giới thiệu cho các bạn nhiều style menu dạng dropdown, dạng menu doc và hôm nay mình chia sẻ thêm cùng các bạn thủ thuật tạo menu dọ...

Đọc thêm »

Tạo Drop Menu nhiều cấp ( Hướng dẫn chi tiết)

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: left; color: #333333; float: left; margin: 0px 1em 1em 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank"><img alt="create drop menu by css for blogger - Hướng Dẫn Chi Tiết Tạo Drop Menu Nhiều Cấp" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTVW4ukCDtySSWWly-MIHGrE6qtrvfm5BKsm0XfvHnp5wOMJD9VXaoEmkeajZ_TBACim9KEvYmUGqqGRn7nq9W6YLDIKGeAveSzvta0k8FLq3jeTn8Ndp7Bz5A2DRlz1EfBpfDrkqfMTs/s1600/create-drop-menu-by-css-for-blogger_blogspot.png" style="border: 0px; clear: both; margin: 0px; max-width: 580px; min-width: 1px; padding: 0px; position: relative;" title="create drop menu by css for blogger - Hướng Dẫn Chi Tiết Tạo Drop Menu Nhiều Cấp" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Namkna đã viết rất nhiều bài viết tạo drop menu cho web,<a alt="blog" href="http://thuthuatvitinhaz.blogspot.com/search/label/1.Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="blog">blog</a>... nhưng tất cả đều là code có sẵn mà chưa hướng dẫn chi tiết về cách làm nên hôm nay mình viết hướng dẫn này nhằm hỗ trợ mọi người tự thiết kế ra drop menu cho riêng mình. Bài viết này mình sẽ hướng dẫn tạo drop menu từ 1 đến 3 cấp. Tất nhiên khi đã hiểu rồi thì bạn muốn làm bao n.hiêu cấp cũng được.<br><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a class="button green" href="http://dl.dropbox.com/u/66256041/Demo/namkna-blogspot-com/demo-drop-menu-namkna.html" rel="nofollow" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(125, 183, 47)), to(rgb(78, 125, 14))); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border: 1px solid rgb(83, 131, 18); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; color: #006666; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 2px; outline: none; padding: 0.5em 2em 0.55em; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px; vertical-align: baseline; zoom: 1;" target="_blank">View Demo</a></div><h2 style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; margin: 0px; padding: 0px; position: relative;">Phần 1: Một số lưu ý trước khi bắt đầu:</h2><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">1. Về CSS: Một số css mình sẽ sử dụng trong <a alt="thủ thuật" href="http://thuthuatvitinhaz.blogspot.com/" style="color: #333333; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" title="thủ thuật">thủ thuật</a> này:</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="color: red;"><b>display</b></span>: đây là thuộc tính ẩn hiện menu con.</div><ul style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; margin: 0.5em 0px; padding: 0px 2.5em;"><li style="list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="color: red;"><b>display:none</b></span>; ẩn module đi</li><li style="list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="color: red;"><b>display:block;</b></span> hiện module vào 1 block</li><li style="list-style: none; margin: 0px 0px 0.25em; padding: 0px;"><span style="color: red;"><b>display:inline</b></span>; xếp các module vào cùng hàng ngang (để tạo menu ngang)</li></ul><span style="background-color: #f0f2f3; color: blue; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>z-index</b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">: là thuộc tính sắp xếp các lớp menu.</span><br><span style="background-color: #f0f2f3; color: #38761d; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>margin</b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">: và padding: là 2 thuộc tính sắp xếp vị trí tương đối của các đối tượng với nhau</span><br><span style="background-color: #f0f2f3; color: purple; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>width</b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">: là thuộc tính qui định chiều rộng của module</span><br><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">ngoài ra còn 1 số thuộc tính css khác nữa để trang trí cho menu. Bạn có thể tìm hiểu chi tiết tại bài viết </span><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/css-can-ban-trong-thiet-ke-blogspot.html" style="background-color: #f0f2f3; color: #006666; font-family: Arial; font-size: 14px; line-height: 19.59375px; margin: 0px; text-decoration: none; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" target="_blank"><b>CSS căn bản</b></a><br><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>2. </b>Để hỗ trợ cho việc tạo drop menu thì bạn nên tạo 1 file html để làm. Sau khi làm xong chỉ việc lấy code gắng vào template cho đỡ mất thời gian.</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Việc cần làm là click chuột phải trên destop => <b>New =>Text Document</b> và đổi tên file đó thành menu.html</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Dán đoạn code sau vào file menu.html để làm menu.<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-drop-menu-nhieu-cap.html#more">Đọc thêm »</a>

Tạo Drop Menu nhiều cấp ( Hướng dẫn chi tiết)

Namkna đã viết rất nhiều bài viết tạo drop menu cho web, blog ... nhưng tất cả đều là code có sẵn mà chưa hướng dẫn chi tiết về cách làm nên...

Đọc thêm »

Tạo menu xổ dọc với CSS 3 ( hướng dẫn chi tiết)

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img alt="Drop menu with CSS 3 " border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI3kRg3rnL6tUqFvNXljLVcbcc4QYpun3EE5cy_jZPvUpJDf_ohOAN_GV2iGYq_S-Tw7ltgpB_WgxTzT_2rMIBI3HtpHPO3EjGCXWX0qiwySG51rOptlXgWIZGuZELijpyx7qhOFQcleM/s200/how-to-create-drop-menu-1-hover-with-css3.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Drop menu with CSS 3 - Hướng dẫn chi tiết cách tạo menu xổ dọc với CSS 3" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Hiện nay menu là thành phàn quan trọng của blogger/website. Blog của bạn sẽ chuyên nghiệp hơn. Có rất nhiều cách làm thanh menu này như dùng javascript dùng jquery hay CSS. Tiếp theo bài viết <b style="color: #006666; text-decoration: none;"><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-drop-menu-nhieu-cap.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">hướng dẫn làm Dropmenu nhiều cấp</a> </b>trước đây hôm nay mình sẽ hướng dẫn tạo menu xổ dọc 1 cấp với CSS 3.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><br><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><i>Ảnh minh họa:</i></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Drop menu with CSS 3 " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqlqrXFZ3vU5GZk1CWFnKGCrnMJaOB01vdYOn7BYWuS8pbwE2TJmxLaGN68tyh5cjl-I2X2larwJ6CXU246Om3NwPeynm6Sl2lhGYTwdYn96G3DOAZyFX4oN7M8ctQzIxu4yTpFQ16pLU/s1600/drop-menu-1-hover-with-css3.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Drop menu with CSS 3 - Hướng dẫn chi tiết cách tạo menu xổ dọc với CSS 3"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Trong bài viết này mình sẽ chí làm 2 phần.</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>Phần 1: </b>Giới thiệu code hoàn chỉnh của Menu drop với CSS3</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>Phần 2: </b>Các bước để tạo nên menu với CSS 3. Với phần này bạn sẽ học được cách để tạo một menu với CSS.</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Sau đây ta đi tìm hiểu từng phần.<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-xo-doc-voi-css-3.html#more">Đọc thêm »</a>

Tạo menu xổ dọc với CSS 3 ( hướng dẫn chi tiết)

Hiện nay menu là thành phàn quan trọng của blogger/website. Blog của bạn sẽ chuyên nghiệp hơn. Có rất nhiều cách làm thanh menu này như dùng...

Đọc thêm »

Tạo Menu trượt lên xuống từ CSS3 cho blogspot

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNFO00iTtqhhm_tX6YtQnWG-npZx3bqQjaR6rNgHtoByU-JlbXEFyvt6bRzks_nYBiMEME8w3tNm0Imx3NeEeD2D3X3joVerXtIY94BJoh4qHrxACE676MeQKir2q4SmbEu86H3Jut_12N/s1600/menu-ngang-voi-hieu-ung-thay-doi-khi-de-chuot-namkna-blogspot-com.png" imageanchor="1" style="clear: left; color: #006666; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNFO00iTtqhhm_tX6YtQnWG-npZx3bqQjaR6rNgHtoByU-JlbXEFyvt6bRzks_nYBiMEME8w3tNm0Imx3NeEeD2D3X3joVerXtIY94BJoh4qHrxACE676MeQKir2q4SmbEu86H3Jut_12N/s200/menu-ngang-voi-hieu-ung-thay-doi-khi-de-chuot-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Hôm nay, mình sẽ hướng dẫn các bạn cách tạo một menu ngang với hiệu ứng thay đổi khi dê chuột qua mỗi một sub menu Thêm nữa menu này chỉ hiện ra khi dê chuột lên đầu trang.<br><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more"></a>Ảnh minh họa:<br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoK23Rqxfgnj21wAFt7aiHJrj-NxERCE_9Chl7ElB1Gfm2EFFbPeY2mdXidROb-knMhAUC34bA2nCIeqd5v3Nt51R4cLW7n9mugXXlyJqoEgsBHaz0Cd5IRP3u4BoxiF6J2tlK5u-ETg/s1600/menu-ngang-voi-hieu-ung-thay-doi-khi-de-chuot-namkna-blogspot-com-demo.gif" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Menu trượt lên xuống từ CSS3 cho blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJoK23Rqxfgnj21wAFt7aiHJrj-NxERCE_9Chl7ElB1Gfm2EFFbPeY2mdXidROb-knMhAUC34bA2nCIeqd5v3Nt51R4cLW7n9mugXXlyJqoEgsBHaz0Cd5IRP3u4BoxiF6J2tlK5u-ETg/s1600/menu-ngang-voi-hieu-ung-thay-doi-khi-de-chuot-namkna-blogspot-com-demo.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu trượt lên xuống từ CSS3 cho blogspot"></a></div>Mình sẽ giới thiệu cho các bạn <b>2</b> style:<br><ul style="border: 0pt none; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; list-style: none outside none; margin: 0pt; padding: 0pt;"><li style="border: 0pt none; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0pt; padding: 0pt;"><b>Style 1:</b> Menu nằm trên đầu log và sẽ hiện ra khi ta dê chuột lên phần đầu của blog.</li><li style="border: 0pt none; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0pt; padding: 0pt;"><b>Style 2</b>: Menu nằm ở chân của blog và sẽ hiện ra khi ta dê chuột vào phần chân của blog.</li></ul><blockquote class="tr_bq" style="background-color: #f0fdff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(150, 215, 226); margin: 0px; padding: 10px;"> Các bạn có thể dê chuột lên đầu hoặc xuống chân blog của mình để xem demo:</blockquote><h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; margin: 0px; padding: 3px;">Bước 1: Tạo một widget chứa code XML</h3><span style="color: red;"><b>☼ Cách tiến hành:</b></span><br><br><b>1- Đăng nhập </b>vào Blog<br><b>2- </b>Vào <b>Phần tử trang </b><br><b>3-</b> Chọn <b>Thêm tiện ích -> </b>tạo một tiện ích <b>HTML/javarscip </b>(Xem video)<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-truot-len-xuong-tu-css3-cho.html#more">Đọc thêm »</a>

Tạo Menu trượt lên xuống từ CSS3 cho blogspot

Hôm nay, mình sẽ hướng dẫn các bạn cách tạo một menu ngang với hiệu ứng thay đổi khi dê chuột qua mỗi một sub menu Thêm nữa menu này chỉ hiệ...

Đọc thêm »

Tạo Menu ngang có hiệu ứng khi rê chuột

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img alt="Tạo Menu ngang có hiệu ứng khi rê chuột đẹp dành cho blogspot" border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRZ7CcbJkbM1BSWd1HCgNfvB6cNdN_e1tVdiLX3kYmU4MAZF7I-gzeJSO-cB86ho8J7tzG96uuUeWFJlJX0ikvEath3gpHeYHjzpx3SMLf2U7jd1x5kgoepKTvDuoOuWBvDJsSXXPx1KGP/s200/menu-ngang-co-hieu-ung-chuyen-dong-khi-de-cuot-namkna-blogspot-ngoctra.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo Menu ngang có hiệu ứng khi rê chuột đẹp dành cho blogspot" width="200"></a></div><span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><b>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).</b></span><br><span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><b>Mời bạn xem mẫu (bạn thử rê chuột vào một menu bất kỳ để xem hiệu ứng chuyển động). hiệu ứng rất đẹp và kiểu dáng khá bắt mắt,</b></span><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"> </span><br><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><br><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><br></span><br><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: center;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://namkna-demo.blogspot.com/2012/03/tao-menu-ngang-co-hieu-ung-khi-re-chuot.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></div><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: #f0f2f3; color: black; font-family: Arial; line-height: 19.59375px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody><tr><td><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Tạo Menu ngang có hiệu ứng khi rê chuột" border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl4tD9xY8QGeXgsuV6a3MprEbLsaeq2qPt9fHruqG7pUncrJY76rYKBJEmRmfqPb2JWEb47txf8FKuP3ErK0i50Exr1EXQhKfDiC453saEa74ZQ53qCA9P9-zBlThFRUGt_nf0CPBQ42zB/s400/menu-ngang-co-hieu-ung-dong-khi-re-chuot-namkna.bmp" style="border: 0px; clear: both; margin-left: auto; margin-right: auto; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo Menu ngang có hiệu ứng khi rê chuột" width="400"></a></td></tr><tr><td class="tr-caption"><i><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><span style="font-size: small;">Ảnh minh họa</span></a></span></i></td></tr></tbody></table><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><div style="color: blue;"><b><span style="font-family: Arial, Helvetica, sans-serif;">Cách tiến hành:</span></b></div><ol style="font-family: Arial, Helvetica, sans-serif;"><li>Bạn <i><b>Đăng nhập vào Blog </b></i></li><li>Chọn<i><b> Thiết kế </b></i></li><li>Chọn<i><b> Chỉnh sửa HTML</b></i></li><li>Dán đoạn code sau vào bên trên thẻ <b style="background-color: #999999; color: lime;"> ]]></b:skin> </b>.</li></ol></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-ngang-co-hieu-ung-khi-re-chuot.html#more">Đọc thêm »</a>

Tạo Menu ngang có hiệu ứ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). Mời bạn xem mẫu (bạn thử rê chuộ...

Đọc thêm »

Tạo Menu dọc xổ ngang nhiều cấp cho blogspot

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img alt="Menu dọc xổ ngang nhiều cấp cho blogspot" border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIZY9NlCqU4HS1_yfpd7asjYVK-NwytBn9__Z91iQm89rawAOvr8Y9mdeQwcFU-kAJRbYfhDNYknJyQ18bhyphenhyphen5DoTufs5Us57iHAZ5vwPlBu4asAL3HQ8Hi_PyJ7dVSptx6-crRH9uwhuRU/s200/menu-doc-xo-ngang-nhieu-cap-cho-blogspot-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu dọc xổ ngang nhiều cấp cho blogspot" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>Nhằm làm tăng thêm bộ sưu tầm các mẫu menu cho blog nên hôm nay namkna sẽ giới thiệu thêm cho các bạn một mẫu menu dọc xổ ngang khá đẹp Menu có thể xổ dọc đến 3 cấp, Mẫu này rất thích hợp cho các bạn không thích sử dụng menu ngang.</b></div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Các bạn có thể xem Demo để thấy rõ hơn về menu này:</span><br><div style="background-color: #f0f2f3; font-family: inherit; font-size: 14px; line-height: 19.59375px;"><br></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><span style="font-family: inherit; font-size: x-small;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://namkna-demo.blogspot.com/2012/05/menu-doc-xo-ngang-nhieu-cap-cho.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></span><span style="font-family: inherit; font-size: x-small;"></span></div><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Ảnh minh họa:</span><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Menu dọc xổ ngang nhiều cấp cho blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjus_Evc_DhQzf-D2TGrwXtzzZO3Zp0H8z4Uykd1ADGciAOeXQVLcNQkVpQNZB2dZmqVt6kCXv6j23GzPWUTvn7CAzoOUImP3ICLICNk8GP4RuneeXPWeNS-uczuSBgBQtHj5tf-qX1Iu6A/s1600/menu-doc-xo-ngang-nhieu-cap-cho-blogspot-namkna-blogspot-com-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu dọc xổ ngang nhiều cấp cho blogspot"></a></div><div style="background-color: #f0f2f3; color: red; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; margin: 0px; padding: 3px; text-align: justify;"><b>☼ Cách thêm menu dọc xổ ngang nhiều cấp cho blogspot:</b></h3></div><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">1- Đăng nhập</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> vào Blog</span><br><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">2-</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> Vào </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">thiết kế</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> (Mẫu)</span><br><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">3-</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> Chọn</span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> Phần tử trang</b><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-doc-xo-ngang-nhieu-cap-cho.html#more">Đọc thêm »</a>

Tạo Menu dọc xổ ngang nhiều cấp cho blogspot

Nhằm làm tăng thêm bộ sưu tầm các mẫu menu cho blog nên hôm nay namkna sẽ giới thiệu thêm cho các bạn một mẫu menu dọc xổ ngang khá đẹp Menu...

Đọc thêm »

Tạo Menu drop trượt đẹp cho blogger

<div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">AJAX Navigation menu cho blogger là menu mới được tạo ra cho nền tảng Blogger sử dụng Blogger JSON nguồn cấp dữ liệu API và AJAX. Menu điều hướng này được lấy cảm hứng từ trang web cũ <a href="http://mashable.com/" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">Mashable.com.</a> Tôi mã hóa widget này một vài tháng trước đây, nhưng không có thời gian để xuất bản bài viết này. Và bây giờ tôi thêm các tính năng tùy biến.</div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">Làm thế nào nó hoạt động?</span></h3><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Widget này hoạt động dựa trên thư viện jQuery và Blogger JSON feed API. Blog của bạn phải để chế độ cho khách cộng đồng (puplish). Nếu không Blogger JSON Feed API sẽ không hoạt động.</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Menu hoạt động giống như trình đơn thả xuống bình thường khi javascript bị vô hiệu hóa, Và nó sẽ tạo trình đơn thả xuống AJAX hỗ trợ khi được kích hoạt javascript.</div><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><a class="button big" href="http://namkna-demo.blogspot.com/2013/01/deno-ajax-navigation-menu-truot-ep-cho.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;"><b>X</b></span><b><span style="color: red;">EM</span><span style="color: white;"> DEMO</span></b></a><br><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Ảnh minh họa:</span><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="AJAX Navigation Menu drop trượt đẹp cho blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh20X7IdyQwNpwmQ2iaKw-bDRieEr2o9wF9MaokNjWtrXcOQicq1YSXztyJie7rktm-G_tUFj6JY2clYElvMsLdpTuGdTeZTgkp5RqD7C2inuWNms9ZZwH21ykKw7j8P2zxK4QrLaMQJl8/s1600/AJAX-Navigation-Menu-For-Blogger-blogspot-menu-drop.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="AJAX Navigation Menu drop trượt đẹp cho blogger"></a></div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">+ Cách tiến hành</span></h3><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">1. Đăng nhập</b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"> vào tài khoản Blogger</span><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-drop-truot-dep-cho-blogger.html#more">Đọc thêm »</a>

Tạo Menu drop trượt đẹp cho blogger

AJAX Navigation menu cho blogger là menu mới được tạo ra cho nền tảng Blogger sử dụng Blogger JSON nguồn cấp dữ liệu API và AJAX. Menu điều ...

Đọc thêm »

Tạo Menu xổ dọc với 2 cột sub cho blog

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="Dropmenu style black for blogger - Menu xổ dọc với 2 cột sub cho blogger" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW9msF2Ot3frqxfmF-8YQR3TUDN2UcplXT0VTb77Ff3oKCmDEmcr1BPdsTzoGN3NwRd_VRWnkweXSJp3hCbqsk3PaDRhfAACnkaifwSQPwyMIRidZJQ6YKYN0kc6qyqz07K7W4WbfzlXI/s200/mega-drop-menu-style-black-from-css-for-blogger-blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Dropmenu style black for blogger - Menu xổ dọc với 2 cột sub cho blogger" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Hôm nay mình sẽ giới thiệu thêm cho các bạn một mẫu drop menu mới. Với mẫu nàu menu con sẽ chia thành 2 cột thay vì một cột như các style trước đây mà namkna đã giới thiệu.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Các bạn có thể xem Demo để thấy rõ hơn,</span><br><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><a class="button big" href="http://namkna-test.blogspot.com/2013/02/demodropmenu-style-black-for-blogger.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;"><b>X</b></span><b><span style="color: red;">EM</span><span style="color: white;"> DEMO</span></b></a><br><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Ảnh minh họa:</span><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Dropmenu style black for blogger - Menu xổ dọc với 2 cột sub cho blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpVYyT4SOu5aP8IOCvXqTN6Jlhndm8HxEUfYujRsMFfB2l69lcsqD34sv17ryj6H0GUhU-QIT3iANLuOFv80vof15ZtwQ_U6WpqMjMVpXoTKR23lf12Hri13RWefrKRpzRoC77ayBMIY/s1600/mega-drop-menu-style-black-from-css-for-blogger-blogspot_demo.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Dropmenu style black for blogger - Menu xổ dọc với 2 cột sub cho blogger"></a></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><br></div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">Cách tiến hành:</span></h3><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>1. Đăng nhập</b> vào blog</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>2. </b>Chọn <b>Bố cục</b></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>3. </b>Chọn <b>Thêm Tiện ích </b>=> <b>Tạo HTML/Javarscip</b> và dán code bên dưới vào.<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-xo-doc-voi-2-cot-sub-cho-blog.html#more">Đọc thêm »</a>

Tạo Menu xổ dọc với 2 cột sub cho blog

Hôm nay mình sẽ giới thiệu thêm cho các bạn một mẫu drop menu mới. Với mẫu nàu menu con sẽ chia thành 2 cột thay vì một cột như các style tr...

Đọc thêm »

Tạo Menu xổ nhiều cấp giống facebook cho blog

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="Menu sổ nhiều cấp giống facebook cho blogger/blogspot" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihhyvycsJ-y8DmL5_0FvRaElJyR1KGMk11IiExUQCDXpeNch2ekwuD3Gf9bvUfMjSV6emImHrWBfA1jGwu91bRMrDj4oX1dV7Bj-I4KqVPRUv9P6cZW-8Ah-Bd7jssJhhCpAzk6Ll2KZk/s200/dropmenu-facebook-for-blogger-blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu sổ nhiều cấp giống facebook cho blogger/blogspot" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Hôm nay mình sẽ giới thiệu thêm cho các bạn mẫu menu sổ dọc nhiều cấp với phong cách của faceebook. Với mẫu này menu con sẽ sổ 2 cấp hoặc 3 cấp. Thích hợp cho các blog có nhiều chuyên mục</div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">» Đặc điểm của menu này:</span></h3><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">¤ hoàn toàn từ CSS (không sử dụng Javascripts nhằm tăng tốc độ lòa blog của bạn.</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">¤ Hoạt dộng tốt trên các trình duyệt phổ biến như: moliza firefox, google chroome, sarafi, opera,...</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">¤ Có nhiều cấp để các bạn lựa chọn. Bài viết này namkna sẽ hướng dẫn 2 dạng một dạng xổ dọc 2 cấp, và một dạng xổ dọc 3 cấp cho các bạn lựa chọn.</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">¤ Giao diện bắt mắt, dế tùy biến</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><br></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">¤ Các bạn có thể xem Demo</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><a class="button big" href="http://namkna-test.blogspot.com/2013/02/demo-menu-facebook-for-blogger.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;"><b>X</b></span><b><span style="color: red;">EM</span><span style="color: white;"> DEMO</span></b></a><br><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Ảnh minh hoạ:</span><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Menu sổ nhiều cấp giống facebook cho blogger/blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAsdaePbnqDHJGskYSjLG7NE0dpzMW1rE7ZNXTIJErVlHeNmZx7eRvkh8j4YbLjTgWtXAuXpDnJVV2V4eZamLWCzMfnuf_sUVi02yMApX-8QdGU96NxHQKpDpMhUAMyCO15g6Er0xJ9Po/s1600/dropmenu-facebook-for-blogger-blogspot-demo.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu sổ nhiều cấp giống facebook cho blogger/blogspot"></a></div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">» Cách tiến hành:</span></h3><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>1. Đăng nhập</b> vào blog</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>2. </b>Chọn <b>Bố cục</b></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>3. </b>Chọn <b>Thêm Tiện ích</b> => Tạo <b>HTML/Javarscip</b> và chọn một trong 2 đoạn code bên dưới và dán vào.<br><b>¤  Style 1: Menu Facebook dropdown 2 cấp!</b><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-so-nhieu-cap-giong-facebook.html#more">Đọc thêm »</a>

Tạo Menu xổ nhiều cấp giống facebook cho blog

Hôm nay mình sẽ giới thiệu thêm cho các bạn mẫu menu sổ dọc nhiều cấp với phong cách của faceebook. Với mẫu này menu con sẽ sổ 2 cấp hoặc 3 ...

Đọc thêm »

Tạo Dropmenu đa cấp từ CSS3 và icon

<div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Với menu này các menu con và các hiệu ứng hoàn toàn từ CSS3 giúp tốc độ blog của bạn tối ưu hơn so với các menu từ javarscrip và Jquery. Điểm đặc biệt là menu chạy tốt trên nhiều trình duyệt khác nhau như: Moliza Firefox, Google Chroome, Opera (10 và 11), Internet explorer (6,7,8,9,10), Safari,...</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><br></div><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Mẫu menu này thích hợp cho các blog có nhiều chuyên mục và nhãn con với các icon hình ảnh tương ứng với mỗi nhãn và bạn có thể thay thế theo ý bạn.. Giúp blog của bạn trở nên khoa học và đẹp mắt hơn. menu được phát triển bởi tác giả </span><a href="http://www.bloggertrix.com/2013/01/add-multilevel-css3-menu-bar-with-icons.html" rel="nofollow" style="background-color: #f0f2f3; color: #006666; font-family: Arial; line-height: 19.59375px; text-decoration: none;" target="_blank">bloggertrix</a><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">.</span><br><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><br></span><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Dropmenu đa cấp từ CSS3 và icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikDyciWPOtQF1weotBs2-cgJg8sjzocbuAVCfnmNGgqfhDQxGHv-GSlJa1SRqu1wlrctUvBYFDlUTkpcuFGgGuxitFpGXu0XnZsa83yDo-Kk9NgaQoQ3cUB1TOduhBUKA2Gny7VlrKVii2/s1600/drop-menu-css3-bar-dep-da-cap-voi-icon-rieng.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Dropmenu đa cấp từ CSS3 và icon"></a></div><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><a class="button big" href="http://namkna-demo.blogspot.com/2013/06/demo-dropmenu-cap-tu-css3-va-icon.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">VIEW</span><span style="color: white;"> DEMO</span></a><br><br><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">¤ Thêm Multilevel css3 menu bar với icons cho blogger.</span></h3><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">1. Đăng nhập </b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">vào blog </span><br><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">2- </b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Vào </span><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">bảng điều khiển </b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Blogger </span><br><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">3-</b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"> Vào </span><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">bố cục</b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"> (Layout) -> </span><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Thêm tiện ích</b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"> (Add a widget) -></span><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"> HTML/Javascript</b><br><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">4. D</b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">án đoạn code dưới đây vào tiện ích </span><b style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">HTML/Javascript</b><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"> vừa thêm:</span><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-dropmenu-da-cap-tu-css3-va-icon.html#more">Đọc thêm »</a>

Tạo Dropmenu đa cấp từ CSS3 và icon

Với menu này các menu con và các hiệu ứng hoàn toàn từ CSS3 giúp tốc độ blog của bạn tối ưu hơn so với các menu từ javarscrip và Jquery. Điể...

Đọc thêm »

Tạo Dropmenu xổ dọc theo cột cho blogspot

<div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Hôm nay mình sẽ giới thiệu đến cho các bạn một mẫu menu mới hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,.... Mẫu này có đặc điểm là các menu con sẽ sắp xếp thành từng cột với những chuyên mục lớn và chuyên mục nhỏ.  Các bạn có thể xem ảnh demo bên dưới.</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><br></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Dropmenu xổ dọc theo cột cho blogger blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5pkkPjP1hisTE8GWxqaGnEApACAncFmfsCAHipo1UVgmwkbiGWdqF4kwLHd2BcnBpRQiNqcRuKAt0c8yVrj50umspXL3e5Y2WiHZiSSuBWmQ7MKcuX46Is2QSauuB4pQaMaUyrYTQlFC/s1600/dropmenu-xo-doc-theo-cot-cho-blogger-blogspot.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Dropmenu xổ dọc theo cột cho blogger blogspot"></a></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"></div><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><a class="button big" href="http://namkna-demo.blogspot.com/2013/06/demo-dropmenu-xo-doc-theo-cot-cho.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;">VIEW</span><span style="color: white;"> DEMO</span></a><br><br><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">» Cách thêm Dropmenu xổ dọc theo cột cho blogger</span></h3><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>1. Đăng nhập</b> vào blog</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>2. </b>Chọn<b> Bố cục</b> (layout)</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>3. </b>Chọn <b>Thêm Tiện ích</b> (Add widget) => Tạo <b>HTML/Javarscip</b> và dán đoạn code bên dưới vào.<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-dropmenu-xo-doc-theo-cot-cho.html#more">Đọc thêm »</a>

Tạo Dropmenu xổ dọc theo cột cho blogspot

Hôm nay mình sẽ giới thiệu đến cho các bạn một mẫu menu mới hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,.... Mẫu này...

Đọc thêm »

Tạo Colume Dropmenu có Search cho blogspot

<div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Mẫu Dropmenu menu này có đặc điểm là Sub menu chia thành nhiều cột, giúp bạn bố chí các mục theo các chủ đề lớn nhỏ. Menu sử dụng CSS và hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,... Đặc biệt namkna tích hợp thêm khung searck giúp menu đep hơn và chuyên nghiệp hơn.</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><br></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Colume Dropmenu with Search for blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNEcTiVUlym03siAKcn1A4ixz3-bX063VvP35R5ZyJNVBhb2lFsP_foiRumiWsIncCWwYt7U7amMkxzPAaYN1ZeTjGtk4yZ7-TMQwyWZMui46S508VHGBLLFhyOwj3KCg2FxCMvouAUoI/s1600/Colume+Dropmenu+with+Search+for+blogspot.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Colume Dropmenu with Search for blogspot"></a></div><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a> <br><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;"><span style="font-size: small;">» Cách thêm Colume Dropmenu with Search cho blogger</span></h3><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>1. Đăng nhập </b>vào blog</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>2.</b> Chọn <b>Bố cục </b>(layout)</div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><b>3. </b>Chọn <b>Thêm Tiện ích </b>(Add widget) => <b>Tạo HTML/Javarscip </b>và dán đoạn code bên dưới vào.<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-colume-dropmenu-co-search-cho.html#more">Đọc thêm »</a>

Tạo Colume Dropmenu có Search cho blogspot

Mẫu Dropmenu menu này có đặc điểm là Sub menu chia thành nhiều cột, giúp bạn bố chí các mục theo các chủ đề lớn nhỏ. Menu sử dụng CSS và hoạ...

Đọc thêm »

Tạo menu đổ xuống cho nhãn (drop down menu for label)

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTE37y_1amz7QfmxglwGUljFWmirjvvJhKQj5nRllfRBSl-X-4L742m1SkyrN58X4AIGId45kxn6z5gwz-q3DYBmcU8AvdOzzMlQfjobo1HrhDiROdH47WSNdg1jsMfomJKgJ0dRTmXFdp/s200/tao-drop-laber-blogspot-tao-menu-do-xuong-cho-nhan-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Mình đã từng giới thiệu cho bạn cách <b><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-drop-down-don-gian.html" style="color: #006666; text-decoration: none;" target="_blank">Tạo một Menu Drop đơn giản</a></b> để áp dụng cho các bài viết. Nhược điểm của phương pháp đó là khi áp dụng cho nhãn thường phải Update bằng tai do vậy hôm nay mình xin giới thiệu cho các bạn cách tạo Menu Drop cho nhãn một cách tự động</span></div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">Phương pháp này chỉ áp dụng cho nhãn còn bài viết thì Xem <a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-drop-down-don-gian.html" style="color: #006666; text-decoration: none;" target="_blank"><b>TẠI ĐÂY</b></a></span><br><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">Bạn có muốn tạo một Menu như thế này</div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><img alt="Tạo menu đổ xuống cho nhãn (drop down menu for label)" border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQ5a5Q20ZT9Rh2VkVy8EQr-7GzylTrM5DcXVMrFgiLSLvwNd5ghdlA6MIthDg17n_kAWqrIfwfqMbEhwBBA2hn_5iQaC1AkLKo7oTqZztlSprXl2Ngi1XFJfUgKyDtYS5QIbuBUtlCnSv/s200/menu-drop-cho-nhan.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo menu đổ xuống cho nhãn (drop down menu for label)" width="200"></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">thay vì như thế này không ?</div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Tạo menu đổ xuống cho nhãn (drop down menu for label)" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHg83ATqwm9Ak40x1r8qE-TQGLn5qPVFKf796BBJwcTIKoTTZ_QR_nQqxnjqtR5Z5KEVbeTPop-klZiOkklD_bGrWbVDSpLjuQF_Wna-vLBmfgMg2YLMD250pGyZyYKOCreuxijvWd9Hm6/s400/menu-drop-cho-nhan1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo menu đổ xuống cho nhãn (drop down menu for label)" width="202"></a></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">Nếu muốn hiển thị một drop down menu thì hãy vào <b>Chỉnh Sửa HTML</b> chọn <b>Mở rộng mẫu tiện ích</b> và  tìm đoạn code phía dưới :<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-do-xuong-cho-nhan-drop-down.html#more">Đọc thêm »</a>

Tạo menu đổ xuống cho nhãn (drop down menu for label)

Mình đã từng giới thiệu cho bạn cách  Tạo một Menu Drop đơn giản  để áp dụng cho các bài viết. Nhược điểm của phương pháp đó là khi áp dụng ...

Đọc thêm »

Tạo menu Drop Down đơn giản

<div><br></div><div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img alt="Tạo 1 menu Drop Down đơn giản" border="0" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTrgyJkyyX-7pEUetN0JjdFTu4WjQOTM2CRtTc_6gi5vEiGG7XqPep_kpYc9Wgh1XOUQmgJjqMvxtDY5CA8ywxkArlKpqxsBdTJeyIK1ZeXaNjSjYOL6viuZ0SX1G7sPAx-Y1iNcxlEj98/s320/Dropdowwn-namkna.jpg" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo 1 menu Drop Down đơn giản" width="180"></a><span style="font-weight: bold;">Để tạo menu, bạn chỉ cần tạo 1 Widget, rồi dán code vào rồi đặt widget vào nơi muốn hiển thị.</span><br><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more"></a> Hình minh họa</div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Tạo 1 menu Drop Down đơn giản" border="0" height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTrgyJkyyX-7pEUetN0JjdFTu4WjQOTM2CRtTc_6gi5vEiGG7XqPep_kpYc9Wgh1XOUQmgJjqMvxtDY5CA8ywxkArlKpqxsBdTJeyIK1ZeXaNjSjYOL6viuZ0SX1G7sPAx-Y1iNcxlEj98/s320/Dropdowwn-namkna.jpg" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo 1 menu Drop Down đơn giản" width="180"></a></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><span style="font-weight: bold;"></span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">Đây là code cho menu Drop Down:<br></div></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-drop-down-don-gian.html#more">Đọc thêm »</a>

Tạo menu Drop Down đơn giản

Để tạo menu, bạn chỉ cần tạo 1 Widget, rồi dán code vào rồi đặt widget vào nơi muốn hiển thị.  Hình minh họa Đây là code cho menu Drop Down:...

Đọc thêm »

Tạo menu dọc cho blog

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img alt="Tạo menu dọc cho blogger - http://namkna.blogspot.com/" border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgshNGXeFKqV2IO6RLdC5tlc7758S86QrWzn90lDbUrXecu0DATTn7O00miMQg6Y5J2rFZUJrx5qKLENL9Zn-GNjVreTywy0m4GZGr9MGfXrMh7wuVK9O_eo4uGu5qgmbr1uZoiEKZwYJZI/s200/Menu-doc-dep-khong-dung-hinh-anh-cho-blogspot-namkna-blogspot-com.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo menu dọc cho blogger - http://namkna.blogspot.com/" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;">Trong thiết kế blog thì việc sắp xép các laber chủ đề cho blogspot là rất quan trọng. Việc sắp sép của bạn nhìn sẽ hợp lý và đẹp hơn thay vì sử dụng các thanh menu laber có sẵn của blogspot. Namkna đã từng giới thiệu cho các bạn rất nhiều mẫu menu dọc đẹp, nếu thích bạn có thể xem lại<a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-dep-dat-tai-sidebar-cho-blog.html" rel="" style="color: #006666; text-decoration: none;" target="_blank"><b> tại đây</b></a>. Hôm nay namkna sẽ giới thiệu cho các bạn thêm một mẫu menu mới.</div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">Các bạn có thể xem Demo:</div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><br></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://namkna-demo.blogspot.com/2012/04/demo-tao-menu-doc-on-gian-cho-blogger.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></span><span style="font-family: Arial, Helvetica, sans-serif;"></span></div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">Hình minh họa.</span></span><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html" target="_blank"><img alt="Tạo menu dọc cho blogger - http://namkna.blogspot.com/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHsWUKAedAmT-aMnNZtC8KJxMCgb1bus43HMs37tC0EZ3Mhet793siK5Vces1kkAPo9ZkhMYC3GGA3j2JB0IUTURJORCJhqa1epLvWcQgnfrTayaF3Yg-QFG8QB37RlVs_PXYnUXy4gzwm/s1600/Menu-doc-dep-khong-dung-hinh-anh-cho-blogspot-namkna-blogspot-com-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo menu dọc cho blogger - http://namkna.blogspot.com/"></a></div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><img border="0" height="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5L13hR03a_Sjs41Q1_VBNhlQaquBhWV2NeC6w45HfMMci9HIF4pqe2BNC2TiaqUV5thaY_XwMEsVqYlmhLFmdHXRAiVQjKaf5nG56LFpYEpw0zX8OzljiB_UT8uxuW35Ww-bjoShyphenhyphen53OJ/s200/23.PNG" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="1"></div><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #000099; font-weight: bold;">» Bắt đầu thủ thuật</span></span></span><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-doc-cho-blog.html#more">Đọc thêm »</a>

Tạo menu dọc cho blog

Trong thiết kế blog thì việc sắp xép các laber chủ đề cho blogspot là rất quan trọng. Việc sắp sép của bạn nhìn sẽ hợp lý và đẹp hơn thay vì...

Đọc thêm »

Tạo menu đẹp đặt tại Sidebar cho blog

<br><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><img align="right" alt="Tạo menu đẹp mắt đặt tại Sidebar by: http://namkna.blogspot.com/" border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyOheDzP8OoaTOwgekX0NNc4sbTu4WFg20D84Z-6CI8Q-dJhApWzNOP3h2c7JMXEJe1gkx9vcGxqZ4dfvTo-SJFy3uqR14_fQnYvkYPHz8x40TaxRXBF3vQ_DPunhUAbpIzu1PT-e3Z-0/?imgmax=800" style="border: 0px; clear: both; display: inline; margin: 0px 0px 0px 10px; max-width: 580px; min-width: 1px; padding: 0px;" title="Tạo menu đẹp mắt đặt tại Sidebar by: http://namkna.blogspot.com/" width="172">Có rất nhiều cách để tạo một menu đặt tại Sidebar, từ đơn giản đến phức tạp, với cách tạo Menu đặt tại Sidebar như dưới ban chỉ cần copy rồi dán code vào tiện ích HTML/Script là xong, tùy thuộc vào bố cục cũng như màu sắc của blog mà bạn chỉnh sửa cho phù hợp.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Menu kiểu này giống như dạng Label, tuy nhiên với Label bạn chỉ có thể tùy chọn thêm hoặc bớt các Label và sắp xếp theo thứ tự Alphabet hoặc theo số lượng bài trong label mà không thể tùy chọn sắp xếp theo ý thích. Với cách sau ngoài các tùy chọn trên bạn hoàn toàn có thể sắp đặt chúng theo thứ tự mà bạn lựa chọn.</div><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><a class="button big" href="http://demo-namkna.blogspot.com/2012/03/tao-menu-ep-mat-at-tai-sidebar.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(0, 85, 85); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset; color: #519ad6; font-family: Arial; font-size: 14px; line-height: 19.59375px; outline: none; padding: 10px 20px; text-decoration: none;" target="_blank"><span style="color: red;"><b>X</b></span><b><span style="color: red;">EM</span><span style="color: white;"> DEMO</span></b></a><br><br><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">Bước 1 . Tạo Menu</h3><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>1- Đăng nhập </b>vào Blogger Dashboard</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>2-</b> Chọn <b>Bố cục </b>(Layout)</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><b>3- </b>Bấm vào <b>Thêm Tiện ích</b> (Add A Gadget) và chọn <b>HTML/JavaScript</b> sau đó copy đoạn code dưới dán vào trong vùng HTML/JavaScript Content.<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/07/tao-menu-dep-dat-tai-sidebar-cho-blog.html#more">Đọc thêm »</a>

Tạo menu đẹp đặt tại Sidebar cho blog

Có rất nhiều cách để tạo một menu đặt tại Sidebar, từ đơn giản đến phức tạp, với cách tạo Menu đặt tại Sidebar như dưới ban chỉ cần copy rồi...

Đọc thêm »

Menu ngang xổ dọc một cấp cho blogspot Style 1

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI2BRxjePNsTIIkziwvcG7ktjOJ_edq1lanmspbd7iDg6VOwwkalXk_QBTPu4mHxkxvMTxfoBk9pAWUgQDolsi4-O595a2UTwfJ7kw1KJu_1mLbY36hIy9y01IzY8GPrDCSEk-kxnvYouM/s1600/Drop-menu-1-cap-cho-blogspot-namkna-ngoctra.png" imageanchor="1" style="clear: left; color: #006666; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Menu ngang xổ dọc một cấp cho blogspot Style 1" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI2BRxjePNsTIIkziwvcG7ktjOJ_edq1lanmspbd7iDg6VOwwkalXk_QBTPu4mHxkxvMTxfoBk9pAWUgQDolsi4-O595a2UTwfJ7kw1KJu_1mLbY36hIy9y01IzY8GPrDCSEk-kxnvYouM/s200/Drop-menu-1-cap-cho-blogspot-namkna-ngoctra.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu ngang xổ dọc một cấp cho blogspot Style 1" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Hôm nay Namkna sẽ giới thiệu cho các bạn thêm một mẫu Menu ngang sổ dọc nữa, lạo Menu này chỉ có 1 cấp. tuy nhiên nhìn rất đẹp thích hợp cho nhiều blog khác nhau. Các bạn có thể xem Demo để thấy rõ hơn. Nếu không thích bạn có thể xem mẫu khác đẹp hơn <a href="http://thuthuatvitinhaz.blogspot.com/2013/06/menu-ngang-xo-doc-mot-cap-cho-blogspot.html" style="color: #006666; text-decoration: none;" target="_blank"><b>tại đây</b></a></span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: center;"><br></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: center;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://namkna-demo.blogspot.com/2012/03/style-2-menu-ngang-xo-doc-mot-cap-cho.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: #f0f2f3; color: black; font-family: Arial; line-height: 19.59375px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody><tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJNPPSU36oR6M63W9gUy8yWBeyrpszRuVcf9hKztlbtUDhSYjppsmmu5JUL0-hJ0ZjJIYz4ShMtfhein0hUG1XLha2tlfCVL2Skiw0hBXlzGbvq5ZSPlkr9Jb1pWucCsZYiCaQnW8xdx23/s1600/Drop-menu-1-cap-cho-blogspot-namkna-ngoctra-style1-1.png" imageanchor="1" style="color: #006666; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="Menu ngang xổ dọc một cấp cho blogspot Style 1" border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJNPPSU36oR6M63W9gUy8yWBeyrpszRuVcf9hKztlbtUDhSYjppsmmu5JUL0-hJ0ZjJIYz4ShMtfhein0hUG1XLha2tlfCVL2Skiw0hBXlzGbvq5ZSPlkr9Jb1pWucCsZYiCaQnW8xdx23/s400/Drop-menu-1-cap-cho-blogspot-namkna-ngoctra-style1-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu ngang xổ dọc một cấp cho blogspot Style 1" width="400"></a></td></tr><tr><td class="tr-caption"><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Hình minh họa</span></i></td></tr></tbody></table><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"><b style="color: blue;">Cách tiến hành:</b></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">   1- <b>Đăng nhập</b> vào Blog</div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">   2- Vào <b>thiết kế</b></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">   3- Chọn <b>Chỉnh sử HTML</b> (Không cần mở rộng tiện ích mẫu)<br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/06/menu-ngang-xo-doc-mot-cap-cho-blogspot_26.html#more">Đọc thêm »</a>

Menu ngang xổ dọc một cấp cho blogspot Style 1

Hôm nay Namkna sẽ giới thiệu cho các bạn thêm một mẫu Menu ngang sổ dọc nữa, lạo Menu này chỉ có 1 cấp. tuy nhiên nhìn rất đẹp thích hợp cho...

Đọc thêm »

Menu ngang xổ dọc một cấp cho blogspot Style 2

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJ2Hf0qwObySd8XYLZDn2K4JbvuDaLNDLxdSq3s4SZUpK1_kfPod0tsYXLca3ilUurDwlhxIQn-dwcF97K1LTzc8Sp8OIaq3KQSOFDleC9LHLI2vgAqQDY7T6AC1BRDM5DUnaWDv6QjC3/s1600/menu+ngang-xo-doc-mot-cap-cho-blogspot-namkna-ngoctra.png" imageanchor="1" style="clear: left; color: #006666; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Menu ngang xổ dọc một cấp cho blogspot Style 2 - http://namkna.blogspot.com/" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJ2Hf0qwObySd8XYLZDn2K4JbvuDaLNDLxdSq3s4SZUpK1_kfPod0tsYXLca3ilUurDwlhxIQn-dwcF97K1LTzc8Sp8OIaq3KQSOFDleC9LHLI2vgAqQDY7T6AC1BRDM5DUnaWDv6QjC3/s200/menu+ngang-xo-doc-mot-cap-cho-blogspot-namkna-ngoctra.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu ngang xổ dọc một cấp cho blogspot Style 2 - http://namkna.blogspot.com/" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px; text-align: justify;">Hôm nay namkna sẽ giới thiệu cho các bạn một mẫu menu Drop mới dành cho các bạn có nhu cầu. Đặc điểm của Menu này là chỉ xổ 1 cấp, tuy nhiên giao diện nhìn hấp dẫn hơn so với mẫu<a href="http://thuthuatvitinhaz.blogspot.com/2013/06/menu-ngang-xo-doc-mot-cap-cho-blogspot_26.html" style="color: #006666; text-decoration: none;" target="_blank"><b> lần trước mình giới thiệu</b></a>.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"></a><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;">Demo</span><br><br><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: center;"><span style="border-width: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: purple;"><a class="button" href="http://namkna-demo.blogspot.com/2012/03/tao-menu-ngang-co-menu-con-xo-xuong-mot.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">Demo for Post</span></span></a></b></span></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;"><br></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px; text-align: justify;">Ảnh minh họa</div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo8zkWMIgHafhXUkTWnzeOFFU9H2oDRpXBEJC26wLpMpwGHxlCMaosnHXQq7WCWrS0FFk50MLKn_JvBLTHfSYdxCKbpQBOk-OgJlukNLp52-XGRxWVqFn1JcfcKN3L5I-IqN4l3gGTVDg4/s1600/menu+ngang-xo-doc-mot-cap-cho-blogspot-namkna-ngoctra-1.png" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Menu ngang xổ dọc một cấp cho blogspot Style 2 - http://namkna.blogspot.com/" border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo8zkWMIgHafhXUkTWnzeOFFU9H2oDRpXBEJC26wLpMpwGHxlCMaosnHXQq7WCWrS0FFk50MLKn_JvBLTHfSYdxCKbpQBOk-OgJlukNLp52-XGRxWVqFn1JcfcKN3L5I-IqN4l3gGTVDg4/s400/menu+ngang-xo-doc-mot-cap-cho-blogspot-namkna-ngoctra-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu ngang xổ dọc một cấp cho blogspot Style 2 - http://namkna.blogspot.com/" width="400"></a></div><span style="background-color: #f0f2f3; font-family: Arial; line-height: 19.59375px;"><b style="color: blue; font-family: Arial, Helvetica, sans-serif;">☼ </b></span><b style="background-color: #f0f2f3; color: blue; font-family: Arial; line-height: 19.59375px;"><span style="font-family: Arial, Helvetica, sans-serif;">Cách tiến hành:</span></b><br><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">   1- <b>Đăng nhập</b> vào Blog</div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">   2- Vào <b>thiết kế</b></div><div style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">   3- Chọn <b>Chỉnh sử HTML</b> (Không cần mở rộng tiện ích mẫu)</div><span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">   4- Thêm đoạn code sau vào trước thẻ </span><b style="background-color: #999999; color: lime; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;"> ]]></b:skin> </b><span style="background-color: #f0f2f3; font-family: Arial, Helvetica, sans-serif; line-height: 19.59375px;">.</span><br><a href="http://thuthuatvitinhaz.blogspot.com/2013/06/menu-ngang-xo-doc-mot-cap-cho-blogspot.html#more">Đọc thêm »</a>

Menu ngang xổ dọc một cấp cho blogspot Style 2

Hôm nay namkna sẽ giới thiệu cho các bạn một mẫu menu Drop mới dành cho các bạn có nhu cầu. Đặc điểm của Menu này là chỉ xổ 1 cấp, tuy nhiên...

Đọc thêm »

Các mẫu Menu ngang cho Blogspot

<br><div class="separator" style="background-color: #f0f2f3; clear: left; float: left; font-family: Arial; font-size: 14px; line-height: 19.59375px; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh56MlPgUP4ZCoswO-5G3tAem-NZ6jC8w5k9ENdNsDdD8bBJlOHiGLLTXP1WaOb1aS1UU_Qh2FMJLOSO7xR_dKuLW-RMA39bO8_eWxjc1ndLqnNSrRWdf9I1IUlqyJcN0REMXvNXhrLO9kl/s200/tong-hop-cac-menu-ngang-dep-danh-cho-blogspot.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="200"></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Để khách truy cập blog có thể xem blog một cách rễ ràng hơn, và để blog của bạn trở nên khoa học hơn thì việc bố trí xắp xếp các mục để mọi người tiện theo rõi là một việc rất cần thiết. Trước đây, tôi có hướng dẫn tạo menu ngang cho Blogger (xem <a href="http://thuthuatvitinhaz.blogspot.com/2013/06/tao-menu-ngang-cho-blogspot-va-css-menu.html" style="color: #006666; text-decoration: none;" target="_blank"><b>TẠI ĐÂY</b></a>), nay có các mẫu mới các bạn xem nếu thấy thích thì chép code dán vào blog theo như bài tạo menu ngang cho Blogger.</span></div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">* Menu 1:</b><br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><img border="0" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilqqPVXhfkg50JDbAOp9wADv-BuWUjkBtQpgSJb89KUByE3n7vXGKX29I_lXWG1oZnTUlcSrTOHc4qWgZVoEauSYYvlhp9c6kuHZvtb7-7YOkIz61w3UUSp8waJojnzOjdwYAytTWRuLy5/s400/tong-hop-cac-menu-ngang-dep-danh-cho-blogspot-1.gif" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" width="400"></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/06/cac-mau-menu-ngang-cho-blogspot.html#more">Đọc thêm »</a>

Các mẫu Menu ngang cho Blogspot

Để khách truy cập blog có thể xem blog một cách rễ ràng hơn, và để blog của bạn trở nên khoa học hơn thì việc bố trí xắp xếp các mục để mọi ...

Đọc thêm »

Menu ngang xổ dọc xuống nhiều cấp (kiểu 1)

<br><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinQziR9RpXOl760ANKJhaAtmBtR9Uzd8mbE4lqJA0LidiMuXjvACWTlHcF9L_0pn7Zrn4kX34EgL3Znucs9U6rmsr_GIySPuztHRPFeGg2j5ojDND_8rTyxZu9l7ya8GaRV7UfXXKiLdb-/s1600/menu-ngang-xo-doc-nhieu-cap-dropmenu-for-blogspot-style-1-namkna-ngoctra.png" imageanchor="1" style="clear: left; color: #006666; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Menu ngang xổ dọc xuống nhiều cấp (kiểu 1) - Update 15/03/2012" border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinQziR9RpXOl760ANKJhaAtmBtR9Uzd8mbE4lqJA0LidiMuXjvACWTlHcF9L_0pn7Zrn4kX34EgL3Znucs9U6rmsr_GIySPuztHRPFeGg2j5ojDND_8rTyxZu9l7ya8GaRV7UfXXKiLdb-/s200/menu-ngang-xo-doc-nhieu-cap-dropmenu-for-blogspot-style-1-namkna-ngoctra.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu ngang xổ dọc xuống nhiều cấp (kiểu 1) - Update 15/03/2012" width="200"></a></div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Nếu blog của bạn có quá nhiều trang riêng lẻ, các nhãn, các chủ đề thì các <a href="http://thuthuatvitinhaz.blogspot.com/2013/06/tao-menu-ngang-cho-blogspot-va-css-menu.html" style="color: #006666; text-decoration: none;" target="_blank"><b>menu đơn giản</b></a> hoặc menu <a href="http://namkna.blogspot.com/2012/03/menu-ngang-xo-doc-mot-cap-cho-blogspot.html" style="color: #006666; text-decoration: none;" target="_blank"><b>drop 1 cấp</b></a> không thể đáp ứng được do vậy vấn đề đặt ra là ta phải có một menu chứa được tất cả các chủ đề đó nhưng vẫn đảm bảo blog gọn gàng đẹp mắt.</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Mẫu Menu ngang xổ dọc hôm nay mình giới thiệu sẽ giúp bạn làm cho blog của bạn trở nên khoa học hơn. với việc từ một menu chính sẽ xổ ra rất nhiều Sub menu con làm cho blog của bạn đẹp hơn và bắt mắt hơn.</div><a href="http://www.blogger.com/blogger.g?blogID=1679931166315534550" name="more" style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"></a><br style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Bạn có thể xem Demo     </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><a href="http://namkna-demo.blogspot.com/2012/03/menu-ngang-xo-doc-xuong-nhieu-cap-kieu.html" rel="nofollow" style="background-color: #006666; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(221, 221, 221); box-shadow: rgb(249, 249, 249) 0px 0px 1px inset, rgb(223, 223, 223) 1px 1px 1px; color: #357798; cursor: pointer; font-stretch: inherit; line-height: 1.2; margin: 0px; padding: 6px 12px; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: baseline;" target="_blank"><span style="color: purple;"><span style="color: white;">View Demo</span></span></a></b><br><br><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">Hoặc xem hình minh hoạ sau:</div><div class="separator" style="background-color: #f0f2f3; clear: both; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2raXrZ9AiC4Lwy_Sj8tXyMnaB7a0h-cFvwnXQUcqSBFz9sSfopexmUihXhM8RCF7XPb6OQNnLgzsqpMxYW14c4r9oTOw42Pdd6gcAopUV9k22ZbAOCEsBx4dmWEASFh5LRHOjdq7WSp8/s1600/menu-ngang-xo-doc-nhieu-cap-dropmenu-for-blogspot-style-1-namkna-ngoctra-1.png" imageanchor="1" style="color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Menu ngang xổ dọc xuống nhiều cấp (kiểu 1) - Update 15/03/2012" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2raXrZ9AiC4Lwy_Sj8tXyMnaB7a0h-cFvwnXQUcqSBFz9sSfopexmUihXhM8RCF7XPb6OQNnLgzsqpMxYW14c4r9oTOw42Pdd6gcAopUV9k22ZbAOCEsBx4dmWEASFh5LRHOjdq7WSp8/s1600/menu-ngang-xo-doc-nhieu-cap-dropmenu-for-blogspot-style-1-namkna-ngoctra-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu ngang xổ dọc xuống nhiều cấp (kiểu 1) - Update 15/03/2012"></a></div><h3 style="background-color: #f0f2f3; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.59375px; margin: 0px; padding: 3px; text-align: justify;">☼ Cách tiến hành:</h3><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">1- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Đầu tiên, bạn </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">đăng nhập</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> vào Blog</span><br><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">2- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Chọn </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Mẫu </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">(Template)</span><br><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">3- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Chọn </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">chỉnh sửa HTML</b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> (Edit HTML)</span><br><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">4- </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Dán đọn code sau vào trước thẻ: </span><span style="background-color: #eeeeee; font-family: Arial; font-size: 14px; line-height: 19.59375px;"><b>]]></b:skin> </b></span><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;"> (Mẹo: bấm </span><b style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">Ctrl+F </b><span style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px;">để mở hộp tìm kiếm và gõ vào)</span><br><pre style="background-color: #e9e9e9; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.59375px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;">/* Drop menu by http://namkna.blogspot.com/ */<br>/* ddsmoothmenu */<br>.ddsmoothmenu{<br>font: bold 12px Verdana;<br>background: <b style="color: red;">#414141</b>; <span style="color: #6aa84f;">/*Màu nền của thanh menu phần khi chưa có Menu con*/</span><br>width: 100%;<br>}<br>.ddsmoothmenu ul{<br>z-index:100;<br>margin: 0;<br>padding: 0;<br>list-style-type: none;<br>}<br>/*Top level list items*/<br>.ddsmoothmenu ul li{<br>position: relative;<br>display: inline;<br>float: left;<br>}<br>/*Top level menu link items style*/<br>.ddsmoothmenu ul li a{<br>display: block;<br>background: <b style="color: red;">#414141</b>; <span style="color: #6aa84f;">/*Màu nền của thanh menu khi chứa menu con*/</span><br>color: white;<br>padding: 8px 10px;<br>border-right: 1px solid #778;<br>color: #2d2b2b;<span style="color: #6aa84f;">/*Màu chữ */</span><br>text-decoration: none;<br>}<br>* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/<br>display: inline-block;<br>}<br>.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{<br>color: white;<br>}<br>.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/<br>background: black; <br>color: white;<br>}<br>.ddsmoothmenu ul li a:hover{<br>background: black; /*background of menu items during onmouseover (hover state)*/<br>color: white;<br>} <br>/*1st sub level menu*/<br>.ddsmoothmenu ul li ul{<br>position: absolute;<br>left: 0;<br>display: none; /*collapse all sub menus to begin with*/<br>visibility: hidden;<br>}<br>/*Sub level menu list items (undo style from Top level List Items)*/<br>.ddsmoothmenu ul li ul li{<br>display: list-item;<br>float: none;<br>}<br>/*All subsequent sub menu levels vertical offset after 1st level sub menu */<br>.ddsmoothmenu ul li ul li ul{<br>top: 0;<br>}<br>/* Sub level menu links style */<br>.ddsmoothmenu ul li ul li a{<br>font: normal 13px Verdana;<br>width: 160px; /*width of sub menus*/<br>padding: 5px;<br>margin: 0;<br>border-top-width: 0;<br>border-bottom: 1px solid gray;<br>}<br>/* Holly Hack for IE \*/<br>* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/<br>/* ######### CSS classes applied to down and right arrow images ######### */<br>.downarrowclass{<br>position: absolute;<br>top: 12px;<br>right: 7px;<br>}<br>.rightarrowclass{<br>position: absolute;<br>top: 6px;<br>right: 5px;<br>}<br>/* ######### CSS for shadow added to sub menus ######### */<br>.ddshadow{<br>position: absolute;<br>left: 0;<br>top: 0;<br>width: 0;<br>height: 0;<br>background: silver;<br>}<br>.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/<br>opacity: 0.8;<br>}<br>/* ddsmoothmenu-v */<br>.ddsmoothmenu-v ul{<br>margin: 0;<br>padding: 0;<br>width: 170px; /* Main Menu Item widths */<br>list-style-type: none;<br>font: bold 12px Verdana;<br>border-bottom: 1px solid #ccc;<br>}<br>.ddsmoothmenu-v ul li{<br>position: relative;<br>}<br>/* Top level menu links style */<br>.ddsmoothmenu-v ul li a{<br>display: block;<br>overflow: auto; /*force hasLayout in IE7 */<br>color: white;<br>text-decoration: none;<br>padding: 6px;<br>border-bottom: 1px solid #778;<br>border-right: 1px solid #778;<br>}<br>.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{<br>background: #414141; /*background of menu items (default state)*/<br>color: white;<br>}<br>.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/<br>background: black; <br>color: white;<br>}<br>.ddsmoothmenu-v ul li a:hover{<br>background: black; /*background of menu items during onmouseover (hover state)*/<br>color: white;<br>}<br>/*Sub level menu items */<br>.ddsmoothmenu-v ul li ul{<br>position: absolute;<br>width: 170px; /*Sub Menu Items width */<br>top: 0;<br>font-weight: normal;<br>visibility: hidden;<br>}<br>/* Holly Hack for IE \*/<br>* html .ddsmoothmenu-v ul li { float: left; height: 1%; }<br>* html .ddsmoothmenu-v ul li a { height: 1%; }<br>/* End */<br></pre><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">- Để đổi màu Menu bạn đổi mã màu mà mình đã tô màu đỏ (<span style="color: red;"><b>#414141</b></span>) ở bên trên nha. bạn có thể lấy các mã màu <a href="http://thuthuatvitinhaz.blogspot.com/2013/03/bang-ma-mau.html" style="color: #006666; text-decoration: none;" target="_blank"><b>Tại đây</b></a>.</div><div style="background-color: #f0f2f3; font-family: Arial; font-size: 14px; line-height: 19.59375px; text-align: justify;">5.  Bạn dán đoạn code bên dưới vào trước thẻ  <span style="background-color: #eeeeee;"><b></head></b></span>  :<img alt="Menu ngang xổ dọc xuống nhiều cấp (kiểu 1) - Update 15/03/2012" class="decoded" height="1" src="http://i1183.photobucket.com/albums/x467/namkna/03-1.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Menu ngang xổ dọc xuống nhiều cấp (kiểu 1) - Update 15/03/2012" width="1"><br></div><a href="http://thuthuatvitinhaz.blogspot.com/2013/06/menu-ngang-xo-doc-xuong-nhieu-cap-kieu-1.html#more">Đọc thêm »</a>

Menu ngang xổ dọc xuống nhiều cấp (kiểu 1)

Nếu blog của bạn có quá nhiều trang riêng lẻ, các nhãn, các chủ đề thì các  menu đơn giản  hoặc menu  drop 1 cấp  không thể đáp ứng được do ...

Đọc thêm »