MENU DỌC XỔ XUỐNG CÁC MENU CON (Kiểu 1)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQwmRRVSJjO1RiJtdFLv_HZFgNU4611K1QNgSm011fa1DKAcQyCQsdCnR8yx8Xm0rcpSig8GaVuM1VQ5wo2cf-thF7A5YpZ0iONMox8LfWGi3fLXHMderOfyCYb0fy20VTS5uxrJIoS4A/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQwmRRVSJjO1RiJtdFLv_HZFgNU4611K1QNgSm011fa1DKAcQyCQsdCnR8yx8Xm0rcpSig8GaVuM1VQ5wo2cf-thF7A5YpZ0iONMox8LfWGi3fLXHMderOfyCYb0fy20VTS5uxrJIoS4A/s1600/1.jpg" /></a></div><span style="font-size: large;">Để đáp ứng lời yêu cầu của các bạn, bắt đầu từ bài này mình sẽ lần lượt chia sẻ đến các bạn một số mẫu <i><b>MENU DỌC XỔ XUỐNG CÁC MENU CON.</b></i></span></div><div style="text-align: justify;"><span style="font-size: large;">Với thủ thuật này, trên blog các bạn sẽ có một menu dọc khá đẹp, khi rê chuột vào mỗi menu sẽ có một bản tóm tắt giới thiệu về menu này. Khi bạn bấm chuột vào menu sẽ xuất hiện một số menu con phía dưới, bấm lần nữa thì menu này sẽ rút gọn lên... Bạn bấm vào Xem thử phía dưới để thấy rõ thủ thuật menu dọc này.</span></div><br /><a name="more"></a><br /><br /><center><a class="bttoolz" href="http://dunghennessydemo1.blogspot.com/2013/09/menu-xo-doc-xuong-cac-menu-con-kieu-1.html" rel="nofollow" target="_blank">Xem thử menu</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;"><span id="goog_793425876"></span><span id="goog_793425877"></span>Thủ thuật này cũng khá đơn giản, bạn <i><b>đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML</b></i> rồi dán tất cả các đoạn code vào.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span><br /><div class="csscode"><div class="MsoNormal" style="text-align: left;"><script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/jquery.min.js"></script></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/ddaccordion.js"></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"></script></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><script type="text/javascript"></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">//Initialize Arrow Side Menu:</div><div class="MsoNormal" style="text-align: left;">ddaccordion.init({</div><div class="MsoNormal" style="text-align: left;">            headerclass: "menuheaders", //Shared CSS class name of headers group</div><div class="MsoNormal" style="text-align: left;">            contentclass: "menucontents", //Shared CSS class name of contents group</div><div class="MsoNormal" style="text-align: left;">            revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click", or "mouseover"</div><div class="MsoNormal" style="text-align: left;">            mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover</div><div class="MsoNormal" style="text-align: left;">            collapseprev: true, //Collapse previous content (so only one open at any time)? true/false </div><div class="MsoNormal" style="text-align: left;">            defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.</div><div class="MsoNormal" style="text-align: left;">            onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)</div><div class="MsoNormal" style="text-align: left;">            animatedefault: false, //Should contents open by default be animated into view?</div><div class="MsoNormal" style="text-align: left;">            persiststate: true, //persist state of opened contents within browser session?</div><div class="MsoNormal" style="text-align: left;">            toggleclass: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]</div><div class="MsoNormal" style="text-align: left;">            togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)</div><div class="MsoNormal" style="text-align: left;">            animatespeed: 500, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"</div><div class="MsoNormal" style="text-align: left;">            oninit:function(expandedindices){ //custom code to run when headers have initalized</div><div class="MsoNormal" style="text-align: left;">                        //do nothing</div><div class="MsoNormal" style="text-align: left;">            },</div><div class="MsoNormal" style="text-align: left;">            onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed</div><div class="MsoNormal" style="text-align: left;">                        //do nothing</div><div class="MsoNormal" style="text-align: left;">            }</div><div class="MsoNormal" style="text-align: left;">})</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"></script></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><style type="text/css"></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu{</div><div class="MsoNormal" style="text-align: left;">            width: 250px; /*width of menu*/</div><div class="MsoNormal" style="text-align: left;">            border-style: solid solid none solid;</div><div class="MsoNormal" style="text-align: left;">            border-color: #94AA74;</div><div class="MsoNormal" style="text-align: left;">            border-size: 1px;</div><div class="MsoNormal" style="text-align: left;">            border-width: 1px;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;">            </div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu div a{ /*header bar links*/</div><div class="MsoNormal" style="text-align: left;">            font: bold 12px Verdana, Arial, Helvetica, sans-serif;</div><div class="MsoNormal" style="text-align: left;">            display: block;</div><div class="MsoNormal" style="text-align: left;">            background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXGdr-A4vy2YvQ9Lo2lzvgslZgLaJ0Hj1MvQ_VLmvRb8RVz1yykUfcnQ4etriDYiKKSEytuAI5NU-mLr4Ov3N7pttxnbxg3rff3xk6j2Ctp9-ciFYk9iAPgQqvmEI5wafxJdADNk4mXTXb/s1600/arrowgreen.gif) 100% 0;</div><div class="MsoNormal" style="text-align: left;">  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/</div><div class="MsoNormal" style="text-align: left;">            padding: 4px 0 4px 10px;</div><div class="MsoNormal" style="text-align: left;">            line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/</div><div class="MsoNormal" style="text-align: left;">            text-decoration: none;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;">            </div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu div a:link, .arrowsidemenu div a:visited{</div><div class="MsoNormal" style="text-align: left;">            color: #26370A;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu div a:hover{</div><div class="MsoNormal" style="text-align: left;">            background-position: 100% -32px;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu div.unselected a{ /*header that's currently not selected*/</div><div class="MsoNormal" style="text-align: left;">            color: #6F3700;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">            </div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu div.selected a{ /*header that's currently selected*/</div><div class="MsoNormal" style="text-align: left;">            color: blue;</div><div class="MsoNormal" style="text-align: left;">            background-position: 100% -64px !important;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu ul{</div><div class="MsoNormal" style="text-align: left;">            list-style-type: none;</div><div class="MsoNormal" style="text-align: left;">            margin: 0;</div><div class="MsoNormal" style="text-align: left;">            padding: 0;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu ul li{</div><div class="MsoNormal" style="text-align: left;">            border-bottom: 1px solid #a1c67b;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu ul li a{ /*sub menu links*/</div><div class="MsoNormal" style="text-align: left;">            display: block;</div><div class="MsoNormal" style="text-align: left;">            font: normal 12px Verdana, Arial, Helvetica, sans-serif;</div><div class="MsoNormal" style="text-align: left;">            text-decoration: none;</div><div class="MsoNormal" style="text-align: left;">            color: black;</div><div class="MsoNormal" style="text-align: left;">            padding: 5px 0;</div><div class="MsoNormal" style="text-align: left;">            padding-left: 10px;</div><div class="MsoNormal" style="text-align: left;">            border-left: 10px double #a1c67b;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;">.arrowsidemenu ul li a:hover{</div><div class="MsoNormal" style="text-align: left;">            background: #d5e5c1;</div><div class="MsoNormal" style="text-align: left;">}</div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"></style></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><div class="arrowsidemenu"></div><div class="MsoNormal" style="text-align: left;"><br /></div><div class="MsoNormal" style="text-align: left;"><div><a href="http://www.dunghennessy.blogspot.com" title="Home">● TRANG CHỦ</a></div></div><div class="MsoNormal" style="text-align: left;"><div class="menuheaders"><a href="#" title="Nhập dòng mô tả giới thiệu về menu cha tại đây">▼ Tên menu cha</a></div></div><div class="MsoNormal" style="text-align: left;">            <ul class="menucontents"></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 1</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 2</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 3</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 4</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 5</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 6</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 7</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 8</a></li></div><div class="MsoNormal" style="text-align: left;">            </ul></div><div class="MsoNormal" style="text-align: left;"><div class="menuheaders"><a href="#" title="Nhập dòng mô tả giới thiệu về menu cha tại đây">▼ Tên menu cha</a></div></div><div class="MsoNormal" style="text-align: left;">            <ul class="menucontents"></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 1</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 2</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 3</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 4</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 5</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 6</a></li></div><div class="MsoNormal" style="text-align: left;">            </ul></div><div class="MsoNormal" style="text-align: left;"><div class="menuheaders"><a href="#" title="Nhập dòng mô tả giới thiệu về menu cha tại đây">▼ Tên menu cha</a></div></div><div class="MsoNormal" style="text-align: left;">            <ul class="menucontents"></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 1</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 2</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 3</a></li></div><div class="MsoNormal" style="text-align: left;">            </ul></div><div class="MsoNormal" style="text-align: left;"><div class="menuheaders"><a href="#" title="Nhập dòng mô tả giới thiệu về menu cha tại đây">▼ Tên menu cha</a></div></div><div class="MsoNormal" style="text-align: left;">            <ul class="menucontents"></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 1</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 2</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 3</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 4</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 5</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 6</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 7</a></li></div><div class="MsoNormal" style="text-align: left;">            <li><a href="#">Tên menu con 8</a></li></div><div class="MsoNormal" style="text-align: left;">            </ul></div><div class="MsoNormal" style="text-align: left;"></div></div></div><span style="font-size: large;"><br /></span><br /><div style="text-align: justify;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;">Bây giờ, bạn thay đổi các <i style="color: red;"><b>Tên menu cha và con</b></i>, thay dấu <i style="color: red;"><b>"#"</b></i> là các đường link mà mình muốn liên kết đến, thêm dòng giới thiệu menu ở mục <b style="color: red;"><i>"title="</i></b>, bạn cũng có thể thay đổi chiều rộng của menu ở mục <b style="color: red;"><i>Width</i></b>, thay đổi màu nền của menu ở các mục <i style="color: red;"><b>background</b></i> và bấm <i><b>Lưu</b></i> lại là xong.</span></span></span></span></div><div style="text-align: justify;"><i><b><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;">Mở rộng thêm:</span></span></span></b></i></div><div style="text-align: justify;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;">Nếu bạn muốn thêm menu con nữa thì copy dòng lệnh này:</span></span></span></div><div style="color: lime; text-align: justify;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><li><a href="#">Tên menu con </a></li> </span></span></span></div><div style="text-align: justify;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;">và dán tiếp theo phía dưới ở mỗi menu cha.</span></span></span></div><div style="text-align: justify;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><br />Còn muốn thêm một menu cha thì copy đoạn code này:</span></span></span></div><div style="color: yellow; text-align: justify;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"><div class="menuheaders"><a href="#" title="Nhập dòng mô tả giới thiệu về menu cha tại đây">▼ Tên menu cha</a></div><br />    <ul class="menucontents"><br />    <li><a href="#">Tên menu con 1</a></li><br />    <li><a href="#">Tên menu con 2</a></li><br />    <li><a href="#">Tên menu con 3</a></li><br />    </ul></span></span></span></div><div style="text-align: justify;"><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;">Dán tiếp theo trên thẻ đóng </div> cuối cùng...</span></span></span></div><span style="font-size: large;"><span style="font-size: large;"><span style="font-size: large;"></span></span></span><br /><div style="text-align: justify;"><span style="font-size: large;"><span style="font-size: large;"><i><b><span style="font-size: large;">Chúc các bạn thành công!!!</span></b></i></span></span></div><span style="font-size: large;"><span style="font-size: large;"> <div style="text-align: justify;"><br /></div><h2 class="title" style="text-align: right;"> <span style="font-size: small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </i></span></h2></span></span></div>

MENU DỌC XỔ XUỐNG CÁC MENU CON (Kiểu 1)

Để đáp ứng lời yêu cầu của các bạn, bắt đầu từ bài này mình sẽ lần lượt chia sẻ đến các bạn một số mẫu MENU DỌC XỔ XUỐNG CÁC MENU CON. Với t...

Đọc thêm »

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TRÊN BLOG (Phần 3)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmHhBCViGJYSh7xYGojqJqpUt5AqwWItyzpTEc399KmtnuOKNCUFkZK_G0WIYkmpCh18Lqfy_1lTn7idc299q4L0gWsp0y0PlwVRCe27Na-FRbKC4VCPeEF9JbK3msBT7XmlEaA1wgafc/s1600/CaptureWiz003.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmHhBCViGJYSh7xYGojqJqpUt5AqwWItyzpTEc399KmtnuOKNCUFkZK_G0WIYkmpCh18Lqfy_1lTn7idc299q4L0gWsp0y0PlwVRCe27Na-FRbKC4VCPeEF9JbK3msBT7XmlEaA1wgafc/s320/CaptureWiz003.png" width="320" /></a></div><span style="font-size: large;">Trước đây, tôi có chia sẻ với các bạn các thủ thuật để xem được các tờ báo ngay trên Blog (Xem <a href="http://dunghennessy.blogspot.com/2011/10/tien-ich-xem-bao-truc-tiep-ngay-tai.html" target="_blank">TẠI ĐÂY</a>)</span></div><div style="text-align: justify;"><span style="font-size: large;">Hôm nay, mình chia sẻ tiếp cho các bạn một thủ thuật khác cũng tương tự như thủ thuật trên đó là: các bạn có thể xem tin tức mới nhất ở các tờ báo. Với thủ thuật này, tin tức được chia thành nhiều mục nhỏ như: Kinh tế, xã hội, văn hoá, thể thao, pháp luật...</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn bấm vào Xem thử phía dưới để trải nghiệm trước thủ thuật này.</span></div><div style="text-align: justify;"><span style="font-size: large;"></span></div><a name="more"></a><br /><br /><br /><center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/04/tien-ich-xem-bao-ngay-truc-tiep-tai.html" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Đơn giản, bạn chỉ cần <i><b>đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML</b></i>, rồi dán đoạn code phía dưới vào và bấm <i><b>Lưu</b></i> lại là xong.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><br /><br /><center><textarea cols="70" name="code" rows="5" style="-moz-border-radius: 7px; background: #EFF5FB; border-left: 20px solid #0174DF; border: 1px solid #ccc; color: black; line-height: 1.5em; padding: 5px;"><table><tbody><tr><td colspan="2" style= "vertical-align: middle; text-align: center; width: 100%; height: 0px;"><br /><span class="title"><a href="http://dunghennessy.blogspot.com" target= "_top"></a></span></td></tr><tr><td colspan="2"></td></tr><tr><td colspan="2"><br /><div style= "border: 1px solid rgb(102, 204, 255); padding: 3px; background: white none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><div style= "border: 2px solid rgb(102, 204, 255); padding: 2px; background: white none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><iframe id="1413930556" src= "http://1.open.gmodules.com/gadgets/ifr?container=open&mid=1&v=153c7aa74ecf7cc9b33dc1a2e1487ece&lang=all&country=ALL&view=home&up_savelasttab=0&url=http%3A%2F%2Fwww.xemngay.com%2FVietNewsGadget.aspx&source=http%3A%2F%2Fpleiku.gialai.edu.vn%2F%3Fmain%3Dnews%26task%3Ddetail%26NewID%3D202&parent=http%3A%2F%2Fpleiku.gialai.edu.vn%2F%3Fmain%3Dnews%26task%3Ddetail%26NewID%3D202&libs=core%3Acore.io%3Arpc#rpctoken=1413930556" style="display: block; height: 250px;" width="520" frameborder="0" height="340" scrolling="auto"></iframe><script type= "text/javascript">function adjustHeight(sizeInPx){document.getElementById('1413930556').style.height=sizeInPx+'px';}gadgets.rpc.register('resize_iframe',adjustHeight);gadgets.rpc.setAuthToken('1413930556','1413930556'); </script></div></div></td></tr><tr><td style= "text-align: left; vertical-align: middle; height: 38px;"><br /><td style= "text-align: right; vertical-align: middle; height: 38px;"><br /><span class="powered"><a href="http://dunghennessy.blogspot.com" target= "_top"></a></span></td><br /></td></tr></tbody></table>

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

▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TRÊN BLOG (Phần 3)

Trước đây, tôi có chia sẻ với các bạn các thủ thuật để xem được các tờ báo ngay trên Blog (Xem TẠI ĐÂY ) Hôm nay, mình chia sẻ tiếp cho các ...

Đọc thêm »

MENU NGANG ĐỔI MÀU TAB KHI RÊ CHUỘT (Kiểu 1)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj34Gx9rMQrDS9TguuWHnGdVzVPLVF3_JKgqvubsir6I5B-sKdFHVkmjjTjquWqNDeWenOBHCrqIZ79fHVuIGVvS2p5-ZFK9hAudqKK6WcncnKz_UvMaW6d8CKLS5wYn2LpKNLa7mM9g8/s1600/picture.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj34Gx9rMQrDS9TguuWHnGdVzVPLVF3_JKgqvubsir6I5B-sKdFHVkmjjTjquWqNDeWenOBHCrqIZ79fHVuIGVvS2p5-ZFK9hAudqKK6WcncnKz_UvMaW6d8CKLS5wYn2LpKNLa7mM9g8/s320/picture.png" width="320" /></a></div><span style="font-size: large;">Trước đây, tôi có post một bài về các mẫu menu ngang (Xem <a href="http://dunghennessy.blogspot.com/2011/04/cac-mau-menu-ngang.html" target="_blank"><i><b>TẠI ĐÂY</b></i></a>). Hôm nay, tôi "post" thêm một mẫu menu ngang đơn giản nhưng khá đẹp, menu ngang này sẽ có hiệu ứng đổi màu các Tab khi bạn rê chuột vào.</span></div><div style="text-align: justify;"><span style="font-size: large;">Menu này không có menu con nên rất thích hợp với các blog có ít nhãn. Mới bạn bấm vào "Xem thử" phía dưới để thấy rõ menu ngang này.</span></div><div style="text-align: justify;"><span style="font-size: large;"></span><br /><a name="more"></a></div><br /><br /><br /><center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bạn <i><b>đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML </b></i>rồi dán code này vào.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: left;"><span style="font-size: large;"><style><br />#bt4unavmenu{height:46px;display:block;overflow:hidden;padding:5px 0;margin-bottom:6px;border:1px solid #333;-moz-border-radius:07px; -khtml-border-radius:07px;-moz-border-radius:15px; -khtml-border-radius:15px;box-shadow:0px 0px 15px #252525;<br />-webkit-box-shadow:0px 0px 10px #252525;<br />-moz-box-shadow: 0px 0px 10px #252525;background:#222 url() left top repeat-x}<br />#bt4unavmenu .current-cat a{background:#dc0000 url() top left repeat-x;color:#FFF;-moz-border-radius:15px; -khtml-border-radius:15px;border:1px solid #111}<br />#bt4unav a,#subMenusContainer a{text-decoration:none;display:block}<br />#bt4unav a{margin:0;float:left;background:none;padding:15px 15px 15px 15px;color:<span style="color: red;">#fff</span>;text-transform:uppercase;font-weight:bold;font-size:<span style="color: red;">12</span>px;border:1px solid #222}<br />#bt4unav li a:hover,#bt4unav li a:focus,#bt4unav a.mainMenuParentBtnFocused{background:<span style="color: red;">#8eda22</span> url() top left repeat-x;color:#fff;-moz-border-radius:15px; -khtml-border-radius:15px;border:1px solid #333}<br />#bt4unav,#bt4unav ul,#bt4unav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em}<br />#bt4unav ol,#bt4unav ul,#subMenusContainer ul,#subMenusContainer ol{background:none;left:0}<br />#bt4unav li{cursor:pointer;float:left;margin:0 2px 0 0;padding:0 2px 0 4px;height:44px;display:inline;background:url() left center no-repeat}<br />#bt4unav li:first-child{background:none;padding:0 2px 0 0}<br />#bt4unav{width:<span style="color: red;">940</span>px;margin:0 auto;clear:both;overflow:hidden;font-size:12px;display:block}<br /></style><br /><div id='bt4unavmenu'><br /><ul id='bt4unav'><br /><li class='current-cat'><a href='http://anhdepblog.blogspot.com/'>Trang chủ</a></li><br /><li><a href='<span style="color: red;">#</span>'>Tên menu</a></li><br /><li><a href='<span style="color: red;">#</span>'></span><span style="font-size: large;">Tên menu</span><span style="font-size: large;"></a></li><br /><li><a href='<span style="color: red;">#</span>'></span><span style="font-size: large;">Tên menu</span><span style="font-size: large;"></a></li><br /><li><a href='<span style="color: red;">#</span>'></span><span style="font-size: large;">Tên menu</span><span style="font-size: large;"></a></li><br /><li><a href='<span style="color: red;">#</span>'></span><span style="font-size: large;">Tên menu</span><span style="font-size: large;"></a></li><br /><li><a href='<span style="color: red;">#</span>'></span><span style="font-size: large;">Tên menu</span><span style="font-size: large;"></a></li><br /><li><a href='<span style="color: red;">#</span>'></span><span style="font-size: large;">Tên menu</span><span style="font-size: large;"></a></li><br /><li><a href='<span style="color: red;">#</span>'></span><span style="font-size: large;">Tên menu</span><span style="font-size: large;"></a></li><br /></ul><br /></div></span></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div style="text-align: left;"><span style="font-size: large;">Bây giờ, bạn có thể thay đổi các dòng lệnh màu đỏ để phù hợp với blog của mình. Trong đó:</span></div><div style="text-align: left;"><span style="font-size: large;">Color: <span style="color: red;">#fff</span> là màu chữ của menu</span></div><div style="text-align: left;"><span style="font-size: large;">Font size: <span style="color: red;">12px</span> là kích cỡ của chữ</span></div><div style="text-align: left;"><span style="font-size: large;">Background: <span style="color: red;">#8eda22</span>: màu tab khi rê chuột vào. </span></div><div style="text-align: left;"><span style="font-size: large;">Width: <span style="color: red;">940px</span> là chiều dài của thanh menu.</span></div><div style="text-align: left;"><span style="font-size: large;">Thay các dấu thăng <span style="color: red;">"#" </span>thành các link mà bạn muốn liên kết đến.</span></div><div style="text-align: left;"><span style="font-size: large;">Thay đổi tên menu thành tên khác mà bạn muốn.</span></div><div style="text-align: left;"><span style="font-size: large;">Sau cùng bấm <b><i>Lưu lại</i></b> và trở vào blog xem thành quả nha.</span></div><div style="text-align: left;"><span style="font-size: large;">Chúc các bạn thành công.</span></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div style="text-align: right;"><br /></div><div style="text-align: right;"><span style="font-size: large;"><i><span style="font-size: small;">Nguồn: Thủ thuật code</span></i></span></div>

MENU NGANG ĐỔI MÀU TAB KHI RÊ CHUỘT (Kiểu 1)

Trước đây, tôi có post một bài về các mẫu menu ngang (Xem TẠI ĐÂY ). Hôm nay, tôi "post" thêm một mẫu menu ngang đơn giản nhưng kh...

Đọc thêm »

TẠO BẢNG THÔNG BÁO (KIỂU 5)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFLSbVxMheMQqwjs9si_B_NzZRSuPTYfKwF71cYavPvShNbR6Jb3ZmEf3qJY141HVl8XMn1YkIdq8Zsm_Xn9EcRGY6-vW8BiI68E0WmtjYpEaBeCTxB3nFLZGLD-dQLED5Kg41S41XC6c/s1600/1334115971.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFLSbVxMheMQqwjs9si_B_NzZRSuPTYfKwF71cYavPvShNbR6Jb3ZmEf3qJY141HVl8XMn1YkIdq8Zsm_Xn9EcRGY6-vW8BiI68E0WmtjYpEaBeCTxB3nFLZGLD-dQLED5Kg41S41XC6c/s1600/1334115971.png" /></a></div><span style="font-size: large;">Tiếp theo bảng thông báo kiểu 4 (xem <i style="color: cyan;"><b><a href="http://dunghennessy.blogspot.com/2012/03/tao-bang-thong-bao-kieu-4.html" target="_blank">TẠI ĐÂY</a></b></i>), hôm nay mình sẽ giới thiệu tiếp với các bạn code để tạo bảng thông báo kiểu 5 dưới đây.</span></div><div style="text-align: justify;"><span style="font-size: large;">Với thủ thuật này, thì các dòng chữ gởi đến khách tham quan sẽ được chạy từ bên trái của blog trông khá mướt. Các dòng chữ này các bạn có thể thay đổi thời gian "chạy" của nó, ngoài ra bạn còn có thể thay đổi Font chữ, kích cỡ chữ, thay đổi chiều rộng hoặc chiều cao của hộp thông báo đều được.</span></div><div style="text-align: justify;"><span style="font-size: large;">Mời bạn bấm vào "xem thử" phía dưới để trải nghiệm trước thủ thuật này.</span></div><div style="text-align: justify;"><span style="font-size: large;"></span><br /><a name="more"></a></div><div style="text-align: justify;"></div><br /><br /><br /><center><a class="bttoolz" href="http://dungheineken1.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bạn <i><b>đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML</b></i> rồi dán đoạn code phía dưới vào.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: left;"><span style="font-size: small;"><script language="JavaScript1.2"><br /><span style="color: red;">var delay</span>=3000<br /><span style="color: red;">var scrollwidth</span>="420px"<br /><span style="color: red;">var scrollheight</span>="70px"<br />var message=new Array()<br />var openingtag='<<span style="color: red;">font face</span>="Arial" <span style="color: red;">size</span>=4>'<br />message[0]='<b>dunghennessy xin chào các bạn</b>'<br />message[1]='<b>nhập nội dung vào đây</b>'<br />message[2]='<b></span><span style="font-size: small;">nhập nội dung vào đây</span><span style="font-size: small;"></b>'<br />message[3]='<b></span><span style="font-size: small;">nhập nội dung vào đây</span><span style="font-size: large;"><span style="font-size: small;"></b>'</span></span></div><div style="color: cyan; text-align: left;"><span style="font-size: large;"><span style="font-size: small;">//Muốn thêm dòng thông báo nữa thì copy đoạn code message phía trên dán vào tiếp tục và thay đổi số lần trong ngoặc móc là xong.</span></span></div><div style="text-align: left;"><span style="font-size: large;"><span style="font-size: small;"><br />var closingtag='</font>'<br /><br />var hoffset=-10<br /><br /></script><br /><br /><br /><ilayer width=&{scrollwidth}; height=&{scrollheight}; name="sslide"><br /><layer name="sslide2" width=&{scrollwidth}; height=&{scrollheight};></layer><br /></ilayer><br /><br /><script language="JavaScript1.2"><br /><br />var inc=1<br />var ns4=document.layers<br />var ie5ns6=document.getElementById||document.all<br /><br />if (ie5ns6)<br />document.write(openingtag+'<div id="flyin" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';">'+message[0]+'</div>'+closingtag)<br /><br /><br />function updatemsg(){<br />crossobj.style.left="-2000px"<br />crossobj.style.fontStyle="italic"<br />crossobj.innerHTML=message[inc]<br />crossobj.style.left=crossobj.offsetWidth*(-1)+hoffset+"px"<br />start=setInterval("animatein()",50)<br />inc=(inc<message.length-1)? inc+1 : 0<br />}<br /><br />function animatein(){<br />if (parseInt(crossobj.style.left)<0)<br />crossobj.style.left=parseInt(crossobj.style.left)+20+"px"<br />else{<br />crossobj.style.left=0+"px"<br />crossobj.style.fontStyle="normal"<br />clearInterval(start)<br />}<br />}<br /><br />function updatemsgns4(){<br />document.sslide.document.sslide2.document.write(openingtag+message[inc]+closingtag)<br />document.sslide.document.sslide2.document.close()<br />inc=(inc<message.length-1)? inc+1 : 0<br />}<br /><br />function initialize(){<br />if (ie5ns6){<br />crossobj=document.getElementById? document.getElementById("flyin") : document.all.flyin<br />setInterval("updatemsg()",delay+1000)<br />}<br />else if (ns4){<br />document.sslide.document.sslide2.document.write(openingtag+message[0]+closingtag)<br />document.sslide.document.sslide2.document.close()<br />setInterval("updatemsgns4()",delay)<br />}<br />}<br /><br />window.onload=initialize<br /></script></span></span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn có thể thay đổi các dòng lệnh màu đỏ theo ý thích của mình, trong đó:</span></div><div style="text-align: justify;"><span style="font-size: large;"><span style="color: red;">Var delay</span>: Tốc độ chạy của chữ (số càng cao chữ chạy càng chậm)</span></div><div style="text-align: justify;"><span style="font-size: large;"><span style="color: red;">Var scrollwidth</span>: Chiều rộng của hộp thông báo.</span></div><div style="text-align: justify;"><span style="font-size: large;"><span style="color: red;">Var scrollheight</span>: Chiều cao của hộp thông báo.</span></div><div style="text-align: justify;"><span style="font-size: large;"><span style="color: red;">Font face</span>: Font của chữ.</span></div><div style="text-align: justify;"><span style="font-size: large;"><span style="color: red;">Size</span>: kích cỡ chữ.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;">Nếu bạn muốn thêm dòng thông báo nữa thì "cứ việc" copy đoạn code phía dưới dán vào và thay đổi số lần liên tiếp, thí dụ ở đoạn code phía trên là 3, bây giờ thêm một nữa là 4 (theo như hướng dẫn trên code):</span></div><div style="color: cyan; text-align: justify;"><span style="font-size: small;">message[4]='<b></span><span style="font-size: small;">nhập nội dung vào đây</span><span style="font-size: large;"><span style="font-size: small;"></b>'</span></span></div><br /><span style="font-size: large;">Chúc các bạn thành công!!!</span><br /><div style="text-align: justify;"><span style="font-size: large;"><span style="color: red;"><br /></span></span></div><h2 class="title" style="text-align: right;"> <i><span style="font-size: small;">▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀</span></i></h2><h2 class="title" style="text-align: right;"> <i><span style="font-size: small;"> </span></i></h2>

TẠO BẢNG THÔNG BÁO (KIỂU 5)

Tiếp theo bảng thông báo kiểu 4 (xem TẠI ĐÂY ), hôm nay mình sẽ giới thiệu tiếp với các bạn code để tạo bảng thông báo kiểu 5 dưới đây. Với ...

Đọc thêm »

SẮM "GÓC TIỆN ÍCH" CHO BLOGSPOT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmwembZPhi0FGqb3-GgphQbFwq-r6suN7WgOI1z6Wt1Eh4WfSDCIht4f-vovgyWum-eA_ZEQXm6bdukZyMV0K36Hg8676BGskg5G4dgTVwA0QkZ49sx_5FLMnYkhL9PCGji7c8bVps7s/s1600/picture.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmwembZPhi0FGqb3-GgphQbFwq-r6suN7WgOI1z6Wt1Eh4WfSDCIht4f-vovgyWum-eA_ZEQXm6bdukZyMV0K36Hg8676BGskg5G4dgTVwA0QkZ49sx_5FLMnYkhL9PCGji7c8bVps7s/s1600/picture.jpg" /></a></div><span style="font-size: large;">Trước đây, tôi có chia sẻ với các bạn code để làm "Góc giải trí cho blogspot" (xem <a href="http://dunghennessy.blogspot.com/2012/03/sam-goc-giai-tri-cho-blogspot.html" target="_blank"><i style="color: cyan;"><b>TẠI ĐÂY</b></i></a>). Bạn cũng có thể sắm thêm "Góc tiện ích cần thiết" cho Blogspot với đoạn code tôi sắp trình bày trong bài.</span></div><div style="text-align: justify;"><span style="font-size: large;">Ngoài việc trang trí cho blog thêm đẹp, "Góc tiện ích" này còn giúp bạn theo dõi các thông tin cần thiết như: Giá vàng, Tỉ  giá ngoại tệ, dự báo thời tiết, lịch âm dương...</span><br /><span style="font-size: large;">Những thông tin này sẽ di chuyển từ dưới lên và sẽ ngừng lại khi bạn rê chuột vào, khi bấm chuột bất kỳ một thông tin thì trên blog của bạn sẽ có một bảng nhỏ xuất hiện để tiện cho bạn xem được thông tin đó và không cần rời khỏi trang blog của mình.</span><span style="font-size: large;"> </span><br /><a name="more"></a><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn xem hình minh hoạ:</span></div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX61mjmOw8XZ3i7Xrz9bk4AyfjipYKspv17QATehI2-8M9-d3l35071Yxr9irtTlmf0dq9SbiTjM4KO0_Jh7dM1XpZ3gKaCOStngJg0N6yK7grcCCUS93LEkNKovDQP0X8Tk-A_kYA7Nk/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX61mjmOw8XZ3i7Xrz9bk4AyfjipYKspv17QATehI2-8M9-d3l35071Yxr9irtTlmf0dq9SbiTjM4KO0_Jh7dM1XpZ3gKaCOStngJg0N6yK7grcCCUS93LEkNKovDQP0X8Tk-A_kYA7Nk/s640/1.PNG" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;">Bạn bấm vào "xem thử" phía dưới để trải nghiệm nha:</span></div><div style="text-align: justify;"></div><br /><br /><br /><br /><center><a class="bttoolz" href="http://dungheineken10.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Rất đơn giản, bạn chỉ cần <b><i>đăng nhập vào Blog > Chọn Thiết kế > Thêm HTML/Javacript</i></b> rồi dán đoạn code phía dưới vào và bấm <i><b>Lưu lại</b></i> là xong.</span></div><br /><div class="csscode"><style type="text/css"><br />#itechconnect{margin:0; padding: 0; height:200px; overflow: auto; background:url(<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfYeh6vZ8UUx97QRHzN_ZEae9B8Tl1brE6f-UnpygPxWqdcmJVOzB2LmX-SAfeI-SN24GhkN40Vy-tWweY-ztm3xfPT3QUrumTPEEzHH-M7Kz8br_EoKEV1arXewx_GENn0tDJLYIuThE/s1600/0211_17559.gif</span>) no-repeat bottom right; font-weight:bold} <br />#itechconnect p {margin:0; padding:2px 10px} <br />.favicon {width:25px; height:25px; margin-right:5px} <br />.connect {width:48px; height:48px; margin:5px 10px -15px 0}<br /></style> <br /><div id="itechconnect"> <br /><script language="JavaScript"><br />    function popUp(URL) {<br />    day = new Date();<br />    id = day.getTime();<br />    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=500,height=350,left = 200,top = 120');");<br />    }<br />    </script><br /><marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='195' width='100%'> <br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLDf6rru-NXZHzjosTmVHm2Jm5A4ZysGStah2rn6POtGkCKtQmpdsukOe-AYQp6WMJtvDDEE7b3C4cmigdpvoMvocR_BNEnKjj0bwdlqbu13Wn3UlylG0m6a6SuMkFDWSucn2nJWEAWqg/s1600/Green-Dollar-icon.png" class="favicon" /><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=exchangerates')">Tỉ giá ngoại tệ</a></li><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-u2bK1L6xYz28QXiygPK0Fyj0v0ZjC_cHa7N_snT7OPrpuDAIvBy8Q3wjv8N7YEOEgfitv8k1vFJmYrgKw3rbJ1yrwvPxLupEvCfSZ8Bca6wEGrILSB-_iyEA0bgjpia1feD6t4cM_l4/s1600/gold-bullion-icon.png" class="favicon" /><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=goldrates')">Bảng giá vàng</a></li> <br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj1f8OoSa5iHzdymqVayNdBgaqgrCQPuNFT3Ca913Bln5XkNz1KR39TbySwox5sHP2sqbLnh_yqAhn1f7PVmenWf8elwMqAl_Z_UW3pr-YMg3-4um7hcB_H5KFyVlsUxLopRXi2S-qtz8/s1600/telefono-icon.png" class="favicon" /><a href="javascript:popUp('http://www.muabanso1.vn/bancanbietchitiet.aspx?id=325')">Mã vùng điện thoại các tỉnh thành Việt Nam</a></li><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5AL0XApTJIplBp5iaKMZaNM9tdr54hkZJZ_h5xomlUMk4IQeyJyLOqmdt4ObaUDpumnXoTz06rU_8UUtvrufUGEpVLbmC-Jzr6E-ofFTX1UV-OjPvwUmEBTQyF_S0wt-WHuiuKSbJW_k/s1600/calendar2-icon.png" class="favicon" /><a href="javascript:popUp('http://thanhcavietnam.net/calendar/index.html')">Xem lịch âm dương</a></li><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieu53lMBHb2GEvrKttx2GT5Vpz1EFVCJ7bsprqGSHjT2J6PjrLuPjWR_ZdEFZCrlLZhR_clLXBC-VgV-QMR7h3vYIYtBibZfGTdCRQL1bOO1krHS6_FjgQ-Jd9L1t3fhttKM_8nn7M0KU/s1600/agt-multimedia-icone-6366-128.png" class="favicon" /> <a href="javascript:popUp('http://vietbao.vn/vn/lich-chieu-phim/')">Lịch chiếu phim</a></li><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVCfHVYdR15gF6PaQOH7m0z6lB6TY_t3nUG8MCHDUbpQ3IlyxmF_zDyn9w8Wm7LnH9ccBi2OOZ7UBkMba1ttljonr_II5-at6oFNtvY6-2MAbwE0MUtWvbS0iWKE4EMbKP6fMsf8MkOoc/s1600/Apps-world-clock-icon.png" class="favicon" /><a href="javascript:popUp('http://www.timeanddate.com/worldclock/')">Giờ các quốc gia trên thế giới</a></li><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0NPnuy90_5bKTpihVoukwua1D78BNqiJDouF2p7V5TWnORIept_hN7AMDvmH-EbiQl1AvQrUa_iJB5LNqg_OfdzP06siNO3lRTC7Xxe8JxYfDH1MBmHg2KG_w-VrKZPq_4Y8o9bjstfw/s1600/Aqua-Ball-Green-icon2.png" class="favicon" /><a href="javascript:popUp('http://www.xosotructiep.vn/')">Kết quả xổ số</a></li> <br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwAiw2IKciwWJEiwdZOPCVmMW2EI6hIAqHWIx3aZAIGCBg6MXJTFbcUCF1roZTrzROZzKjQnikl_cNKrs20kAXEsQgs9uMJqGedRZkiiTnLcVr9Q5bSdFih-R37tezcUw_Fze5Yc33Sjs/s1600/Games-Soccer-icon.png" class="favicon" /><a href="javascript:popUp('http://bongdaplus.vn/home.bbd')">Lịch bóng đá</a></li><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwt8cwdOV8ICzgHqqUwbbHUyaQ5wOP2L-qBemrVUV14rLvEqhv7xLwvvPyHLxh2XjW1qprRPm-Th7UIltUcOsXKLiHXjMSAHVy9xuNH3hvEwdO3VTKIC2zz6PZMUc4Ha2PH5gWr4FpH84/s1600/Devices-video-television-icon.png" class="favicon" /><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=tvschedules')">Lịch truyền hình</a></li><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr2i3mCm50Dc2csgBczUXGYqVKEJIzHfi3m0yu2HuLWpRzhKi3oTQ8Z7J38t2rBoPx6svziNbHzYfc6qg4KgpeIpG8qzjbJ_cF-eLI6lkQsTnyc2qKTKHDoEBIOCBe6eSL_rNklGXizJU/s1600/Sunny-Period-icon.png" class="favicon" /><a href="javascript:popUp('http://vov.vn/services/infopage.aspx?svc=weathers')">Dự báo thời tiết</a><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJtz3WYOOcPMFRKJRt0MFKKqIcNHkqRK1gIzx-oiAetiPSb76haxd1YN8gMiP2SbAIGSzLFA_E6gBt5MthimECXvJ-emJzpBS6pDeFehBnLaLmdHSVruuiUBQmEHXAWtCuLo3cwPJxGdE/s1600/maps-icon.png" class="favicon" /><a href="javascript:popUp('http://www.diadiem.com/')">Tìm đường trên bản đồ</a></li><br /><br /><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxn468VkF7jax2ZonRP4o7LBDR3gfUT17kxvuRLZnPXmUCTh5lZQXE1M2ZpSVN8vZbOODCSKPXaBtBtsySlrVxs6FrnUCpNocDSDe5TWAfh9H0Vl9OiqB2CAAwapF4fq8m_2WDwwDDb2o/s1600/Phone-icon.png" class="favicon" /><a href="javascript:popUp('http://www.countrycallingcodes.com/')">Mã vùng điện thoại các nước trên Thế Giới</a></li><br /><br /></li></marquee> <br /></div><br /><br /></div><br /><div style="text-align: justify;"><span style="font-size: large;">Bạn có thể thay thế ảnh nền bằng ảnh nền khác của bạn bằng cách thay link ảnh vào <span style="color: red;">link màu đỏ</span> ở trên code </span></div><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn trở vào Blog của mình sẽ thấy có một góc tiện ích cần thiết ở tại blog của mình...</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><i><span style="font-size: large;">Chúc các bạn vui!!!</span></i></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"></div><h2 class="title" style="text-align: right;"> <i><span style="font-size: x-small;">▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀</span></i></h2>

SẮM "GÓC TIỆN ÍCH" CHO BLOGSPOT

Trước đây, tôi có chia sẻ với các bạn code để làm "Góc giải trí cho blogspot" (xem TẠI ĐÂY ). Bạn cũng có thể sắm thêm "Góc t...

Đọc thêm »

MENU NGANG TIỆN ÍCH

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07nhEe0oPPt2YYCiRfLcjdoiX6gigSe84DfIOJcThlqe2cWG3dpdwNYfm_3UJJfvTa1ZfgxoqfyV2CipLXKoYXpJdSJ9i0ZpJKH1kiUOLZVzaAbgZekbYOepvwc6UfOE_foSETjUTvWw/s1600/picture.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07nhEe0oPPt2YYCiRfLcjdoiX6gigSe84DfIOJcThlqe2cWG3dpdwNYfm_3UJJfvTa1ZfgxoqfyV2CipLXKoYXpJdSJ9i0ZpJKH1kiUOLZVzaAbgZekbYOepvwc6UfOE_foSETjUTvWw/s320/picture.jpg" width="320" /></a></div><span style="font-size: large;">Chỉ với một đoạn code ngắn và đơn giản, blog của bạn sẽ có một thanh menu ngang khá đẹp chứa các tiện ích khá thông dụng cho một Web/Blog.</span><br /><span style="font-size: large;">Các tiện ích bao gồm: Đồng hồ, các bảng dịch ra tiếng nước ngoài, các trang mạng chia sẻ nổi tiếng, nút bấm lên đầu trang xuống cuối trang...và cuối cùng là nút thu gọn cho menu.</span><br /><a name="more"></a><br /><span style="font-size: large;">Menu ngang này sẽ nằm ở cuối màn hình, và di chuyển theo thanh trượt (có nghĩa là dù bạn di chuyển lên đầu, giữa hoặc cuối trang Web/Blog thì menu này vẫn xuất hiện luôn sẳn sàng cho bạn sử dụng, nếu không muốn thấy nó thì bấm vào nút cuối để ẩn menu này đi).</span><br /><span style="font-size: large;">Các bạn xem hình minh hoạ: </span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTXzl_OUTtgCdwjRyorZKXzZKSG4C_bEuUm485kmYVULpCyrE1T3xNU9wULbnyhPRVMjV534Ss5in26ujupHzM5BTB13MRmmi7G23GkUy1Yv9riIEnG6P6ezQ6MGJ_gLq5cfcGDOny76Y/s1600/picture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTXzl_OUTtgCdwjRyorZKXzZKSG4C_bEuUm485kmYVULpCyrE1T3xNU9wULbnyhPRVMjV534Ss5in26ujupHzM5BTB13MRmmi7G23GkUy1Yv9riIEnG6P6ezQ6MGJ_gLq5cfcGDOny76Y/s1600/picture.jpg" /></a></div><br /><span style="font-size: large;">Bạn bấm vào xem thử phía dưới để thấy "tận mắt" thanh menu ngang nha.</span><br /><span style="font-size: large;"><br /></span><br /><br /><br /><center><a class="bttoolz" href="http://dungheineken10.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><span style="font-size: large;">Đầu tiên, bạn <i><b>đăng nhập vào Blog > chọn Thiết kế > Chọn chỉnh sửa HTML</b></i> rồi bấm cặp phím <i><b>Ctrl+F</b></i> để mở hộp tìm kiếm và gõ vào đó dòng lệnh <i style="color: red;"><b></body></b></i>, sau đó dán code menu ngang vào dưới dòng lệnh <i style="color: red;"><b></body></b></i>. Cuối cùng bấm <b><i>Lưu mẫu</i></b> rồi trở lại Blog xem kết quả.</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbvV8E519iOpb9GhxiFsGPClMo9WNqBZRIMwq2XWNkO1Mqm-DYHEIhyfjlFp9avYe8P33xWkDeGfp3SK24iEJqdDCpX1fFV7lLK8SD7aIQ_4EPSX7EPSIBKdGn_s2G51NF78btqa5mTBM/s1600/1.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbvV8E519iOpb9GhxiFsGPClMo9WNqBZRIMwq2XWNkO1Mqm-DYHEIhyfjlFp9avYe8P33xWkDeGfp3SK24iEJqdDCpX1fFV7lLK8SD7aIQ_4EPSX7EPSIBKdGn_s2G51NF78btqa5mTBM/s640/1.bmp" width="640" /></a></div><br /><span style="font-size: large;">Dưới đây là vài mẫu menu ngang, bạn thích mẫu nào thì chép code phía dưới để dán dưới dòng lệnh <i style="color: red;"><b></body></b></i> như hướng dẫn ở trên.</span><br /><span style="font-size: large;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtuc1-r5EOnrQzXLQopBFXUQQJPRVzmWrEVlxd0q2oBOReSzrJ7mYPpqVj-dEspCPd2vzXBYO-qtHu8DDFkuuQ7hW0y93UK7367UgMSpRie_hq0kMQ1CR3PxVKmd22fRllYilXzF05c6s/s1600/picture1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtuc1-r5EOnrQzXLQopBFXUQQJPRVzmWrEVlxd0q2oBOReSzrJ7mYPpqVj-dEspCPd2vzXBYO-qtHu8DDFkuuQ7hW0y93UK7367UgMSpRie_hq0kMQ1CR3PxVKmd22fRllYilXzF05c6s/s1600/picture1.jpg" /></a></div><span style="font-size: large;">Code mẫu 1: </span><br /><div style="text-align: left;"><span style="font-size: large;"><div id='navigbar_36035'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/1-20718.js' type='text/javascript'/></div></span></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH4FvV3q5UU-Gtaw-O-n0nmkuWFE0yb1wK1FQiiL9Cl8ARgXu4vqE6KEl1Ja1pHqP3q31rtc6aelubAmAb9WwX5czKEBtnn6065UGd5ommReGgld768A2Ep8HXv-rPsdND4wWIxHPVQ64/s1600/picture2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH4FvV3q5UU-Gtaw-O-n0nmkuWFE0yb1wK1FQiiL9Cl8ARgXu4vqE6KEl1Ja1pHqP3q31rtc6aelubAmAb9WwX5czKEBtnn6065UGd5ommReGgld768A2Ep8HXv-rPsdND4wWIxHPVQ64/s1600/picture2.jpg" /></a></div><div style="text-align: left;"><span style="font-size: large;">Code mẫu 2:</span></div><div style="text-align: left;"><span style="font-size: large;"><div id='navigbar_60048'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/2-35153.js' type='text/javascript'/></div></span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPP1qcy_QLTPtGI_KUg2mJFHNSS0JVIurkavuN7dzglJIPAfuoW0eGlcHpYTXCMtvt_yDkC7EupPJt9nHjam4ZQAdw8-2kls8RhwZZ22481RosGGDBVQCi7U-OOz9caKLJlgDiqqNZ-EM/s1600/picture3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPP1qcy_QLTPtGI_KUg2mJFHNSS0JVIurkavuN7dzglJIPAfuoW0eGlcHpYTXCMtvt_yDkC7EupPJt9nHjam4ZQAdw8-2kls8RhwZZ22481RosGGDBVQCi7U-OOz9caKLJlgDiqqNZ-EM/s1600/picture3.jpg" /></a></div><div style="text-align: left;"><span style="font-size: large;">Code mẫu 3:</span></div><div style="text-align: left;"><span style="font-size: large;"><div id='navigbar_73239'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/3-31159.js' type='text/javascript'/></div></span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLo-u0facfVA9UVCtbIIA1Fv1348g1XRbGaCdlgAGVe08RsYhHaR0M1-p2j6-BwYLwfIh0j_1yQnnKmNpIjp7943-2OioNHQ0ukxQAiqhRHL2EuUsEVosuhs7M3bKdLrA8jcZ-o-O4rHo/s1600/picture4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLo-u0facfVA9UVCtbIIA1Fv1348g1XRbGaCdlgAGVe08RsYhHaR0M1-p2j6-BwYLwfIh0j_1yQnnKmNpIjp7943-2OioNHQ0ukxQAiqhRHL2EuUsEVosuhs7M3bKdLrA8jcZ-o-O4rHo/s1600/picture4.jpg" /></a></div><div style="text-align: left;"><span style="font-size: large;">Code mẫu 4:</span></div><div style="text-align: left;"><span style="font-size: large;"><div id='navigbar_22953'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/5-75278.js' type='text/javascript'/></div></span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHt0TpbXzK4QbAc3FrVBop-r22ROc46ROvVq3CinUGGx3BYWUsphsQevczdUIT4U8odcLJSl31_yV7mqiIbEI79QXePxkhA6K1dotFSePVg-wHgQ6X-WwMGNAfYbjXvF1gbMf4Gx33PxI/s1600/picture5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHt0TpbXzK4QbAc3FrVBop-r22ROc46ROvVq3CinUGGx3BYWUsphsQevczdUIT4U8odcLJSl31_yV7mqiIbEI79QXePxkhA6K1dotFSePVg-wHgQ6X-WwMGNAfYbjXvF1gbMf4Gx33PxI/s1600/picture5.jpg" /></a></div><div style="text-align: left;"><span style="font-size: large;">Code mẫu 5:</span></div><div style="text-align: left;"><span style="font-size: large;"><div id='navigbar_53326'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/7-38795.js' type='text/javascript'/></div></span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibUpcRXmCcD_zucaFdRlHI0_k6DiU_c4D2qucs93Lw8tXbO1uVlpSm1XiX2lSz61KHnAK4hGguKbGjzHNhXiX3OWmpaxM52eWlgzSXAMYQSAIdjhuWtPEDiloM2Thyphenhyphen6pL6_2qMYp5AKvM/s1600/picture6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibUpcRXmCcD_zucaFdRlHI0_k6DiU_c4D2qucs93Lw8tXbO1uVlpSm1XiX2lSz61KHnAK4hGguKbGjzHNhXiX3OWmpaxM52eWlgzSXAMYQSAIdjhuWtPEDiloM2Thyphenhyphen6pL6_2qMYp5AKvM/s1600/picture6.jpg" /></a></div><div style="text-align: left;"><span style="font-size: large;">Code mẫu 6:</span></div><div style="text-align: left;"><span style="font-size: large;"><div id='navigbar_55305'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/8-47887.js' type='text/javascript'/></div></span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHEJAughO9aOlDihKNQJcLdILsJBPg1AavwdKaC-uK7R4Hb90oRwhG-sCBWGFgb_rVVZckn9g-SH2kWiLzWwwoaBn-wxwnoeObZDZmOuIimY9_ofHz8ttsQ1J_UuUqjxwkD8yCYLKjLQ/s1600/picture7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHEJAughO9aOlDihKNQJcLdILsJBPg1AavwdKaC-uK7R4Hb90oRwhG-sCBWGFgb_rVVZckn9g-SH2kWiLzWwwoaBn-wxwnoeObZDZmOuIimY9_ofHz8ttsQ1J_UuUqjxwkD8yCYLKjLQ/s1600/picture7.jpg" /></a></div><div style="text-align: left;"><span style="font-size: large;">Code mẫu 7:</span></div><div style="text-align: left;"><span style="font-size: large;"><div id='navigbar_21820'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/9-89293.js' type='text/javascript'/></div></span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhe5SqGPCAA1ovIxWzhaYD3DNwmubpdLyAzVmeqBXDIpG0CB4wsmAN9H4I4ykoSZAWTnVIK3kiCwFDq8G_DxaE-xLHHsXvWKvfSnpKPFnNPnzNNrxCUXSFi1_gUwFbZa0Adh8xy-BCnws/s1600/picture8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhe5SqGPCAA1ovIxWzhaYD3DNwmubpdLyAzVmeqBXDIpG0CB4wsmAN9H4I4ykoSZAWTnVIK3kiCwFDq8G_DxaE-xLHHsXvWKvfSnpKPFnNPnzNNrxCUXSFi1_gUwFbZa0Adh8xy-BCnws/s1600/picture8.jpg" /></a></div><div style="text-align: left;"><span style="font-size: large;">Code mẫu 8:</span></div><div style="text-align: left;"><span style="font-size: large;"><div id='navigbar_38605'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/10-72634.js' type='text/javascript'/></div></span></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><div style="text-align: left;"><span style="font-size: large;">Chúc các bạn có một menu ngang đẹp cho Blog của mình!!!</span></div><div style="text-align: left;"><span style="font-size: large;"><br /></span></div><h2 class="title" style="text-align: right;"> <span style="font-size: small;">▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀</span></h2><br /></div>

MENU NGANG TIỆN ÍCH

Chỉ với một đoạn code ngắn và đơn giản, blog của bạn sẽ có một thanh menu ngang khá đẹp chứa các tiện ích khá thông dụng cho một Web/Blog. C...

Đọc thêm »

TẠO NÚT BẤM "DEMO" CHO WEB/BLOG

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzIyfx_epESrzmxBvnACrgYdLK66g5eGztTbg5SXQKAw6ywRX5nkpLeNwCabnoaJcY_SPb1r_Z26ue5QSoK0sA32giqhJH38iUrcOKA85Ir0tx5B77wrdl32Y85rpUbxFkfJzOK_t8rzM/s1600/www.loogix.com_10163462.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzIyfx_epESrzmxBvnACrgYdLK66g5eGztTbg5SXQKAw6ywRX5nkpLeNwCabnoaJcY_SPb1r_Z26ue5QSoK0sA32giqhJH38iUrcOKA85Ir0tx5B77wrdl32Y85rpUbxFkfJzOK_t8rzM/s1600/www.loogix.com_10163462.gif" /></a></div><span style="font-size: large;">Nút bấm "Demo" là nút bấm khá quan trọng trong các trang Web/Blog chia sẻ về các thủ thuật, nút bấm này sẽ dẫn khách tham quan đến một bản mẫu minh hoạ cho thủ thuật đó.</span></div><div style="text-align: justify;"><span style="font-size: large;">Có khá nhiều cách để các bạn làm nút bấm này nhưng để được một nút bấm "Demo" ưng ý bạn phải tốn nhiều công sức và cần đến một trong các phần mềm hỗ trợ (Photoshop chẳng hạn...).</span></div><div style="text-align: justify;"><span style="font-size: large;"></span></div><a name="more"></a><span style="font-size: large;">Thủ thuật tôi sắp trình bày ở đây khá đơn giản, chỉ cần trong tay các bạn có 2 hình nút bấm "Demo" là các bạn có thể tạo ra một nút bấm khá đẹp để minh hoạ cho bài viết của mình.</span><br /><div style="text-align: justify;"><span style="font-size: large;">Mời các bạn rê chuột vào các mẫu nút bấm phía dưới để thấy hiệu ứng đổi màu nút hoặc đổi màu chữ "Demo" nha!!! (các bạn chờ trang load xong thì hiệu ứng mới có hiệu lực).</span><br /><br /></div><div style="text-align: justify;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://dunghennessy.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLeVWzaG71ESGV1lVt12FqXpHhirtxnVpQkN4zuKpan9d8lMsl12xVMDIDD76x3AIW0_0QekLXofXJqEa9lZSjAEdBrfE1u_1XM3lYH9_Pg8Rv38_WH1pnbSNPDvoKTVO1j2N0qz8kDhI/s1600/coollogo_com-70542140.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsFZ6OCZ1404SvS4qX5_Nvn4Scbwl-aUHQc3sLw98Rs0kXhtnC1yG7y8DUmrnzT8agRtcyKluGVDThLrp5lHmLoL27YK2SltYZTSXJOnC4VduijrJiMDskZnojyOLKmftmWAmHRzOHpA/s1600/coollogo_com-23767420.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLeVWzaG71ESGV1lVt12FqXpHhirtxnVpQkN4zuKpan9d8lMsl12xVMDIDD76x3AIW0_0QekLXofXJqEa9lZSjAEdBrfE1u_1XM3lYH9_Pg8Rv38_WH1pnbSNPDvoKTVO1j2N0qz8kDhI/s1600/coollogo_com-70542140.png" /></a><a href="http://dunghennessy.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMFI2Pj1YaZueyNzrfeVJ0bRPTkQAZnqenflLOYyNKhCe3X6T5hWiSYy8vjH2CUGBkWlpPBnurXyIcNho5_hWZtLeG4I8KqqF_ZGT8tcdr5dThsxo2uTanA9tuQYSEJaVkK8BIBDogN28/s1600/coollogo_com-70541906.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrYs4IECj6V2D_mUxptiaO86HXhbvobDjXvikRi2W8gLzO8R_BWia9AYu3-mJdxeKGLamcH_bbwkZV7HfG372t6H2JGEYzxbYw2NiBcOpx_WO8uFtXppdT0VJPT0hDVCpYk9ugY5rxH6Y/s1600/coollogo_com-69281226.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMFI2Pj1YaZueyNzrfeVJ0bRPTkQAZnqenflLOYyNKhCe3X6T5hWiSYy8vjH2CUGBkWlpPBnurXyIcNho5_hWZtLeG4I8KqqF_ZGT8tcdr5dThsxo2uTanA9tuQYSEJaVkK8BIBDogN28/s1600/coollogo_com-70541906.png" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://dunghennessy.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVX_b0thAVzAC7Nnhfl3iq08Sm2hWGovHpgJKoA6HKl8LOIhGbXnIPlmNnpcwdduGNykOjx1RiW2K8n6bpz0WlcFcGVGaQIA5aVN8y4Bc7tNlJyADQl1Ai1x6z3C23zNdHmb79rGGdDIg/s1600/cooltext671109242.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpT0O5YKGbilGkj6yOL3B6QVE23POoxkD3_zj6jpgsATM0u0i87p15XVkY4vM40uLoNcRIRAQci7sAdj9rWzmlJdUaMPHdA3IKCG2unSzCk1WBqxWsYmFWqhNoWRSJ4uD1eGiBUjvdcS0/s1600/cooltext671109351.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVX_b0thAVzAC7Nnhfl3iq08Sm2hWGovHpgJKoA6HKl8LOIhGbXnIPlmNnpcwdduGNykOjx1RiW2K8n6bpz0WlcFcGVGaQIA5aVN8y4Bc7tNlJyADQl1Ai1x6z3C23zNdHmb79rGGdDIg/s1600/cooltext671109242.png" /></a><a href="http://dunghennessy.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR2w4_N4YHGBQ2Lt5yyWmp2-zIVWjflne5vgJ-czOPSyrREQRHBAZb8_qYDR6aQkcI9Vw7ufsx2neReDFZvpe2EbiJfWukjaHSaD6l1qIG6z9HXE3hJkVHWG4GhI2BNkwt5EEZsWj35WQ/s1600/cooltext671110301.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgju5TqmdD-cCbidCS3UpO_Rs64wi4UltrNzM5-iB78nkXx5pngph8HL0DbGR5ZvJdibBkTfPNLSXlrnBWbo8_UonXvB9m1ko7ivxBbWYHP5NNnkExAJ3PKDsDVvIyjh506TQ3qEgQB-kQ/s1600/cooltext671110400.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR2w4_N4YHGBQ2Lt5yyWmp2-zIVWjflne5vgJ-czOPSyrREQRHBAZb8_qYDR6aQkcI9Vw7ufsx2neReDFZvpe2EbiJfWukjaHSaD6l1qIG6z9HXE3hJkVHWG4GhI2BNkwt5EEZsWj35WQ/s1600/cooltext671110301.png" /></a></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Tương tự như cách làm nút "Download" cho Web/Blog, các bạn chỉ việc thay thế link ảnh nút "Download" bằng link ảnh nút "Demo" là xong.</span></div><div style="text-align: justify;"><span style="font-size: large;">Các bạn có thể xem cách làm <a href="http://dunghennessy.blogspot.com/2012/03/tao-nut-bam-download-cho-webblog.html" target="_blank">TẠI ĐÂY</a>.</span></div><br /><div style="text-align: justify;"><span style="font-size: large;">Nếu chưa có ảnh của nút "Demo" các bạn bấm vào thẻ phía dưới để xem và tải nút "Demo" về upload lên host riêng rồi thay thế link vào, hoặc các bạn có thể bấm phải chuột vào nút bấm chọn <i><b>Copy link location</b></i> để lấy link thay vào là xong.</span></div><br /><br /><br /><br /><center><a class="bttoolz" href="http://anhdepblog.blogspot.com/2012/03/nut-bam-demo-cho-webblog.html" rel="nofollow" target="_blank">Xem và tải nút Demo</a></center><br /><br /><br /><h2 class="title" style="text-align: right;"><span style="font-size: small;">▀▄▀▄▀▄ <i>dunghennessy.blogspot.com</i> ▄▀▄▀▄▀</span></h2>

TẠO NÚT BẤM "DEMO" CHO WEB/BLOG

Nút bấm "Demo" là nút bấm khá quan trọng trong các trang Web/Blog chia sẻ về các thủ thuật, nút bấm này sẽ dẫn khách tham quan đến...

Đọc thêm »