GẮN ẢNH VÀO LINK LIÊN KẾT

<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/AVvXsEgckYuxvGakkAb5ZSELNuyTyuwofFeWWlMbSbBXRV_Ws70xOyUoST_DfHsiQ6kRM2GGmzFSXn1QriWMpPa9IbTh7K-AKq8l1h2vA5FvFIMREBmC_NsLJVgDi7kceTwjcCiUa6wJDTY5Iao/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/AVvXsEgckYuxvGakkAb5ZSELNuyTyuwofFeWWlMbSbBXRV_Ws70xOyUoST_DfHsiQ6kRM2GGmzFSXn1QriWMpPa9IbTh7K-AKq8l1h2vA5FvFIMREBmC_NsLJVgDi7kceTwjcCiUa6wJDTY5Iao/s1600/picture.jpg" /></a></div><div style="text-align: justify;"><span style="font-size: large;">Khi bạn bấm vào một link liên kết bất kỳ trên Web/Blog, nó sẽ dẫn các bạn đến một trang Web/Blog nào đó do người quản trị gắn liên kết.</span></div><div style="text-align: justify;"><span style="font-size: large;">Với thủ thuật dưới đây, các bạn sẽ giao thêm "nhiệm vụ" cho link liên kết đó là: khi bạn rê chuột vào link liên kết lập tức sẽ xuất hiện một bảng nhỏ có hình ảnh và vài dòng giới thiệu khá đẹp mắt cho link liên kết</span></div><div style="text-align: justify;"><div style="text-align: justify;"><span style="font-size: large;">Mời bạn bấm rê chuột xuống các link liên kết phía dưới để thấy rõ hơn thủ thuật này.</span></div><a name='more'></a></div><br /><br /><style type="text/css"> .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 80px; /*position where enlarged image should offset horizontally */ } </style><br /><br /><a class="thumbnail" href="http://anhdepblog.blogspot.com/2012/04/anh-ong-i-love-you.html">Ảnh động trái tim<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzpn1HXffzQ3Q7qKRq33IlR28cyjO2o5ufQr7x1IwHVzii2EDbBGExxu5azQBWu-3OUPx4R9QAIfZsNmQXfVkhfRGNJJzKPYvxYAI2OO-W3L8VXt3SJwMlrhyphenhyphenQeyog1-Uey5PQ08xiP6Y_/s1600/0024.gif" /><br />Đây là trang ảnh động có chủ đề trái tim với kích thước 240x320. Bấm vào link hoặc vào ảnh để đến trang này</span></a><br /><br /><a class="thumbnail" href="http://anhdepblog.blogspot.com/2012/04/anh-ong-song-ho.html">Ảnh động sông hồ<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWIDyPewceVu-_L_TWMc25ije6kYs-YoSlivaAuMun_-Ou_IePeMMYwBCgtXgGn5jGifAspP0iIpmXGamJQ0hwxkoh7iupxtakVHEdKJkpPD1_zWAln5MSQrHXU9jCH38YpaJDp00x7bI/s1600/0018.gif" /><br />Tại đây, các bạn sẽ được chiêm ngưỡng một số ảnh động có chủ đề sông hồ khá đẹp mắt. Bấm vào link hoặc vào ảnh để đến trang Web này.</span></a><br /><br /><a class="thumbnail" href="http://anhdepblog.blogspot.com/2012/03/anh-ong-thac-nuoc.html">Ảnh động thác nước<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSC4MXv9JujJLfS1cc5hI7MpV3X2Kjr9zib4Krj7NaAMYcGSKVGC1-NX559kB6jexU1kTkx6yARQjZPSnh2VO-5_Q1DJ3JLVwoYxE9tzoBYaMq0bg8eL4wR4T15v67UCsVIehSIn30UI/s1600/0037.gif" /><br />Thác nước là một trong những cảnh đẹp của thiên nhiên, bạn bấm vào link hoặc vào ảnh xem những cảnh đẹp này </span></a><br /><br /><a class="thumbnail" href="http://anhdepblog.blogspot.com/2012/03/anh-ong-con-rong-phan-2.html">Ảnh động con rồng<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4YN3O2X0Y_hiKN6SlBvqz_eQf0yCZEWFwy9hQlZTI6bTW4fMrAZlbYz70ruREj42-D23j8llWyoroS59r-6Ae8cuJy7QzVHqi8L1XyVnea5mZCiwedBG83R9Kd1nYTNew2PhGcsHPpt0/s1600/0071.gif" /><br />Tại đây, bạn có thể dễ dàng tìm thấy những ảnh động CON RỒNG khá đẹp với kích thước 240x320. Bấm vào link hoặc vào ảnh để đến trang Web này. Chúc bạn vui</span></a><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơ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.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><style type="text/css"><br /><br />.thumbnail{<br />position: relative;<br />z-index: 0;<br />}<br /><br />.thumbnail:hover{<br />background-color: transparent;<br />z-index: 50;<br />}<br /><br />.thumbnail span{ /*CSS for enlarged image*/<br />position: absolute;<br />background-color: lightyellow;<br />padding: 5px;<br />left: -1000px;<br />border: 1px dashed gray;<br />visibility: hidden;<br />color: black;<br />text-decoration: none;<br />}<br /><br />.thumbnail span img{ /*CSS for enlarged image*/<br />border-width: 0;<br />padding: 2px;<br />}<br /><br />.thumbnail:hover span{ /*CSS for enlarged image on hover*/<br />visibility: visible;<br />top: 0;<br />left: 80px; /*position where enlarged image should offset horizontally */<br /><br />}<br /><br /></style><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi các dòng lệnh <span style="color: red;">màu đỏ</span> để phù hợp với blog của bạn và bấm <b><i>Lưu</i></b> lại là xong. </span><br /><br /><span style="font-size: large;">Mở rộng thêm:</span><br /><span style="font-size: large;">Nếu muốn nhiều hơn link liên kết, bạn chỉ việc copy thêm đoạn code này và dán phía dưới, cuối cùng bấm <b><i>Lưu </i></b>lại là xong.</span><br /><br /><a class="thumbnail" href="<span style="color: red;">địa chỉ link liên kết</span>"><span style="color: red;">Tên link liên kết</span><span><img src="<span style="color: red;">Link ảnh</span>" /><br /><span style="color: red;">Nhập mô tả cho hình tại đây</span></span></a><br /><br /><br /></div><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><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>

GẮN ẢNH VÀO LINK LIÊN KẾT

Khi bạn bấm vào một link liên kết bất kỳ trên Web/Blog, nó sẽ dẫn các bạn đến một trang Web/Blog nào đó do người quản trị gắn liên kết. Với ...

Đọc thêm »

BẢNG THÔNG BÁO CHO BLOG (Kiểu 6)

<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><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhhjuvhQ6ESWvDMMeOsrvLpMQasyPd-FwjA3AOK-ASw9SnFeaZVWPLCtroa_lYa8aSekHxulUt8HkpMWKKZqY9F1dN-Ultfpz04RcGRP7ZvwRTZxWpcYF3Be71BhjqcD64Fp_5hhetyo/s1600/picture.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhhjuvhQ6ESWvDMMeOsrvLpMQasyPd-FwjA3AOK-ASw9SnFeaZVWPLCtroa_lYa8aSekHxulUt8HkpMWKKZqY9F1dN-Ultfpz04RcGRP7ZvwRTZxWpcYF3Be71BhjqcD64Fp_5hhetyo/s320/picture.png" width="320" /></a></div><span style="font-size: large;">Trước đây, tôi có chia sẻ với các bạn một số mẫu để làm Bảng Thông báo cho Web/Blog (Xem <a href="http://dunghennessy.blogspot.com/search/label/TH%C3%94NG%20B%C3%81O" target="_blank">TẠI ĐÂY</a>).</span><br /><span style="font-size: large;">Hôm nay, tôi chia sẻ thêm cho các bạn một mẫu Thông báo (kiểu 6).</span><br /><span style="font-size: large;">Với kiểu này, thì ở góc bên phải của bảng thông báo sẽ có nút tắt để đóng thông báo lại, đặc biệt hơn là bạn có thể bấm trái chuột vào tiêu đề của bảng thông báo để di chuyển bảng thông báo này đến bất cứ nơi nào bạn muốn trên Web/Blog. <i style="color: cyan;"><b>(Lưu ý thủ thuật này chỉ áp dụng thành công trên giao diện V2 được tải trên mạng về, không áp dụng cho giao diện mặc định của Blogspot.)</b></i></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 nha. </span><br /><br /><a name='more'></a></div><br /><br /><br /><center><a class="bttoolz" href="http://dungheineken8.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơ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.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><script type="text/javascript"><br /><br /><br />var ns4=document.layers<br />var ie4=document.all<br />var ns6=document.getElementById&&!document.all<br /><br />//drag drop function for NS 4////<br />/////////////////////////////////<br /><br />var dragswitch=0<br />var nsx<br />var nsy<br />var nstemp<br /><br />function drag_dropns(name){<br />if (!ns4)<br />return<br />temp=eval(name)<br />temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)<br />temp.onmousedown=gons<br />temp.onmousemove=dragns<br />temp.onmouseup=stopns<br />}<br /><br />function gons(e){<br />temp.captureEvents(Event.MOUSEMOVE)<br />nsx=e.x<br />nsy=e.y<br />}<br />function dragns(e){<br />if (dragswitch==1){<br />temp.moveBy(e.x-nsx,e.y-nsy)<br />return false<br />}<br />}<br /><br />function stopns(){<br />temp.releaseEvents(Event.MOUSEMOVE)<br />}<br /><br />//drag drop function for ie4+ and NS6////<br />/////////////////////////////////<br /><br /><br />function drag_drop(e){<br />if (ie4&&dragapproved){<br />crossobj.style.left=tempx+event.clientX-offsetx<br />crossobj.style.top=tempy+event.clientY-offsety<br />return false<br />}<br />else if (ns6&&dragapproved){<br />crossobj.style.left=tempx+e.clientX-offsetx+"px"<br />crossobj.style.top=tempy+e.clientY-offsety+"px"<br />return false<br />}<br />}<br /><br />function initializedrag(e){<br />crossobj=ns6? document.getElementById("showimage") : document.all.showimage<br />var firedobj=ns6? e.target : event.srcElement<br />var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"<br />while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){<br />firedobj=ns6? firedobj.parentNode : firedobj.parentElement<br />}<br /><br />if (firedobj.id=="dragbar"){<br />offsetx=ie4? event.clientX : e.clientX<br />offsety=ie4? event.clientY : e.clientY<br /><br />tempx=parseInt(crossobj.style.left)<br />tempy=parseInt(crossobj.style.top)<br /><br />dragapproved=true<br />document.onmousemove=drag_drop<br />}<br />}<br />document.onmouseup=new Function("dragapproved=false")<br /><br />////drag drop functions end here//////<br /><br />function hidebox(){<br />crossobj=ns6? document.getElementById("showimage") : document.all.showimage<br />if (ie4||ns6)<br />crossobj.style.visibility="hidden"<br />else if (ns4)<br />document.showimage.visibility="hide"<br />}<br /><br /></script><br /><br /><br /><div id="showimage" style="position:absolute;width:<span style="color: cyan;">250</span>px;left:<span style="color: cyan;">40</span>px;top:<span style="color: cyan;">110</span>px"><br /><br /><table border="0" width="<span style="color: red;">400</span>" bgcolor="<span style="color: red;">#025E02</span>" cellspacing="0" cellpadding="0"><br />  <tr><br />    <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"<br />    height="36px"><br />      <tr><br />        <td id="dragbar" style="cursor:hand; cursor:pointer" width="100%" onmousedown="initializedrag(event)"><ilayer width="100%" onselectstart="return false"><layer width="100%" onmouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onmouseout="dragswitch=0"><center><font face="Verdana"<br />        color="<span style="color: red;">#FFFFFF</span>"><strong><medium><span style="color: red;">TIÊU ĐỀ THÔNG BÁO</span></medium></strong></font></center></layer></ilayer></td><br />        <td style="cursor:hand"><a href="#" onclick="hidebox();return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtmDPuUtfME2SP1r2Wnq_jKEaWsEmsDAgX3SfhvAhLQXIxnppu6L4Xdc20wsq7GNJmXj12pFZ0epeShn_jBbbQqDE3Ji5F2XOh6OedZEj1zaLDroglsKWALoeY3qIX4g79M9wSQZNDJk/s1600/Sign-Close-icon.png" width="20px" <br /> height="20px" border="2" /></a></td><br />      </tr><br />      <tr><br />        <td width="100%" bgcolor="<span style="color: red;">#FFF380</span>" style="padding:4px" colspan="2"><br /><br /><span style="color: red;">BẠN NHẬP NỘI DUNG CỦA BẢNG THÔNG BÁO TẠI ĐÂY</span><br /></td><br />      </tr><br />    </table><br />    </td><br />  </tr><br /></table><br /></div></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi các dòng lệnh <span style="color: red;">màu đỏ</span> (bao gồm kích thước, màu nền, tiêu đề và nội dung của bảng thông báo), <span style="color: cyan;">màu xanh</span> (nơi bảng thông báo xuất hiện) để phù hợp với blog của bạn và bấm <b><i>Lưu</i></b> lại là xong.</span></div><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><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>

BẢNG THÔNG BÁO CHO BLOG (Kiểu 6)

Trước đây, tôi có chia sẻ với các bạn một số mẫu để làm Bảng Thông báo cho Web/Blog (Xem TẠI ĐÂY ). Hôm nay, tôi chia sẻ thêm cho các bạn mộ...

Đọc thêm »

ĐÓNG KHUNG CHO FLASH (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/AVvXsEjfP0jAM7C5GuihxVEEUuEhobQDt0Zvn577-fSwnSYSVhDOvookNSpbvyhXKReICGIug7wBsGIaHNahc1LeUYbmUKC-iFk67ej-27b84IgvrNZqWC_twt8WOt1l-vY03YX-SHaj99DL_7M/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/AVvXsEjfP0jAM7C5GuihxVEEUuEhobQDt0Zvn577-fSwnSYSVhDOvookNSpbvyhXKReICGIug7wBsGIaHNahc1LeUYbmUKC-iFk67ej-27b84IgvrNZqWC_twt8WOt1l-vY03YX-SHaj99DL_7M/s1600/picture.jpg" /></a></div><span style="font-size: large;">Flash là một thành phần không thể thiếu trên một Web/Blog, các file Flash này sẽ làm cho Web/Blog của bạn thêm sinh động hơn. </span></div><div style="text-align: justify;"><span style="font-size: large;">Với thủ thuật dưới đây, các bạn sẽ làm file Flash trông đẹp hơn nhờ vào việc đóng khung cho nó.</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn xem thử vài mẫu phía dưới nha:</span></div><div style="text-align: justify;"><span style="font-size: large;"></span><br /><a name='more'></a></div><br /><br /><br /><br /><center><iframe height="300" name="cwindow" src="http://img87.imageshack.us/img87/7264/81cj5.swf" style="border: 15px double green;" width="500"></iframe><br /><br /><iframe height="300" name="cwindow" src="http://img5.imageshack.us/img5/5221/29911937440511vu5.swf" style="border: 15px double red;" width="500"></iframe><br /><br /><iframe height="300" name="cwindow" src="http://img73.imageshack.us/img73/9848/78712008960741lu4.swf" style="border: 15px double blue;" width="500"></iframe></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Rất đơ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.</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;"><iframe name="cwindow" style="border:15px double <span style="color: lime;">green</span>" width=<span style="color: red;">500 </span>height=<span style="color: red;">300</span> src="<span style="color: red;">dán địa chỉ  file flash vào đây</span>"></iframe></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 chỉ việc thay đường link file Flash vào và thay đổi chiều rộng (Width), chiều cao (Height), bạn có thể đổi màu cho khung như: green, blue, red, organe, white, black, yellow...theo ý thích của mình. Cuối cùng bấm <i><b>Lưu</b></i> lại là xong.</span><br /><span style="font-size: large;">Bạn cũng có thể áp dụng thủ thuật này để đóng khung cho ảnh cũng được, bạn xem mẫu phía dưới:</span><br /></div><div style="text-align: left;"><br /><center><iframe height="320" name="cwindow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzpn1HXffzQ3Q7qKRq33IlR28cyjO2o5ufQr7x1IwHVzii2EDbBGExxu5azQBWu-3OUPx4R9QAIfZsNmQXfVkhfRGNJJzKPYvxYAI2OO-W3L8VXt3SJwMlrhyphenhyphenQeyog1-Uey5PQ08xiP6Y_/s1600/0024.gif" style="border: 15px double green;" width="240"></iframe><br /><br /><center><iframe height="320" name="cwindow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikWYe1tMkwOiJomLPydGYNohLjg9hX8K7HtxRRfaLnEuJyNOp1j0f7tSXEjKPx203nGMh3dCdB3K71Zsaw4Qow9If8vsY0UBtB9yDA0ajRQ81faQB8zkc3sVwBBC6oLrhDyDU51Fh3FPo/s1600/0195.gif" style="border: 15px double yellow;" width="240"></iframe><br /></center></center></div><div style="text-align: left;"><br /><span style="font-size: large;"><i><b>Chúc các bạn thành công!!!</b></i></span></div><div style="text-align: left;"><br /></div><h2 class="title" style="text-align: right;"> <span style="font-size: small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀</i></span><span style="font-size: large;"><i><b> </b></i></span></h2><div style="text-align: left;"><span style="font-size: large;"><br /></span></div>

ĐÓNG KHUNG CHO FLASH (Kiểu 1)

Flash là một thành phần không thể thiếu trên một Web/Blog, các file Flash này sẽ làm cho Web/Blog của bạn thêm sinh động hơn. Với thủ thuật ...

Đọc thêm »

CHỮ CHẠY DƯỚI CHÂN BLOG

<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/AVvXsEj3Ba9hPmG9uikMiHq_ORy04FpudJgS7Cn63qlbItcKSUbOjeyrT52qFzLut3PBF9D5N5AgNys9W_ZJEEVF8mhEkNW1O2lR6Ak_yn70jUCaezPmRo5s-9yNDGw_80RqDOg8xXFODZiFRic/s1600/1.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Ba9hPmG9uikMiHq_ORy04FpudJgS7Cn63qlbItcKSUbOjeyrT52qFzLut3PBF9D5N5AgNys9W_ZJEEVF8mhEkNW1O2lR6Ak_yn70jUCaezPmRo5s-9yNDGw_80RqDOg8xXFODZiFRic/s320/1.PNG" width="320" /></a></div><span style="font-size: large;">Chi với đoạn code nhỏ gọn, bạn có thể gắn các dòng chữ để gởi đến khách tham quan, bè bạn (ví dụ: lời chào, lời cám ơn...hoặc những thông điệp có ý nghĩa khác). Dòng chữ này sẽ chạy qua chạy lại trên blog, khi bạn kéo thanh trượt lên xuống thì dòng chữ này vẫn "theo bạn" và nó chỉ xuất hiện ở một vị trí duy nhất là dưới màn hình vì vậy nó sẽ không cản trở việc xem bài của bạn...</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 nha. </span><br /><br /><a name='more'></a></div><br /><br /><center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/04/chu-chay-phia-duoi-man-hinh.html" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơ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.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><div style=<br />"position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 49999; height: 30px; background-image: url(''); background-position: center center; background-repeat: no-repeat; text-align: center;"><br /><div style="width: 85%; height: 25px;"><br /><table cellspacing="0" cellpadding="0" border="0" width="100%"><br /><tr><br /><td height="25px" align="center" style=<br />"color: rgb(5, 255, 25); font-size: <span style="color: red;">12</span>pt;"><font face=<br />"Arial, Helvetica, sans-serif"><marquee width="1024" bottom:=""<br />scrollamount="<span style="color: red;">3</span>" behavior="alternate"><a style=<br />"color: <span style="color: red;">#00ff00</span>;"><strong><span style="color: red;">Cám ơn các bạn đã ghé tham quan và ủng hộ dunghennessy</span></strong></a></marquee></font></td><br /></tr><br /></table><br /></div></div></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ để phù hợp với blog của bạn và bấm <b><i>Lưu</i></b> lại là xong.</span></div><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><h2 class="title" style="text-align: right;"><span style="font-size: x-small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </i></span></h2>

CHỮ CHẠY DƯỚI CHÂN BLOG

Chi với đoạn code nhỏ gọn, bạn có thể gắn các dòng chữ để gởi đến khách tham quan, bè bạn (ví dụ: lời chào, lời cám ơn...hoặc những thông đi...

Đọc thêm »

MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (Kiểu 3)

<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTyHp8POFjlS95umQDAvHdrHHfTq_zE0DpwwYOZdEKFnG-32JiclkcnVR7NhEMpdCQsMZwywA0d2-ne4Hw934_CrzvueScWEIUsAMZqxL-v_wL0Na2y9NutiXB-nyCYFhIY4NJF3eeD80/s1600/002.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTyHp8POFjlS95umQDAvHdrHHfTq_zE0DpwwYOZdEKFnG-32JiclkcnVR7NhEMpdCQsMZwywA0d2-ne4Hw934_CrzvueScWEIUsAMZqxL-v_wL0Na2y9NutiXB-nyCYFhIY4NJF3eeD80/s320/002.png" width="320" /></a></div><span style="font-size: large;">Tương tự kiểu 1 (Xem <a href="http://dunghennessy.blogspot.com/2011/05/tao-menu-ngang-co-nhieu-menu-con-xo-doc.html" target="_blank">TẠI ĐÂY</a>) và kiểu 2 (Xem <a href="http://dunghennessy.blogspot.com/2011/08/menu-ngang-xo-doc-xuong-nhieu-cap-kieu.html" target="_blank">TẠI ĐÂY</a>). Menu ngang này cũng xổ dọc xuống nhiều cấp khi bạn bấm vào một menu chính phía trên. </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 nha. </span><br /><br /><a name='more'></a></div><br /><br /><br /><center><a class="bttoolz" href="http://hoangdung70.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơ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.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><link rel="stylesheet" type="text/css" href="https://sites.google.com/site/dunghennessyjs/ddlevelsmenu-base.css" /><br /><link rel="stylesheet" type="text/css" href="https://sites.google.com/site/dunghennessyjs/ddlevelsmenu-xanhgoc.css" /><br /><link rel="stylesheet" type="text/css" href="https://sites.google.com/site/dunghennessyjs/ddlevelsmenu-sidebar.css" /><br /><br /><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/ddlevelsmenu.js"><br /></script><br /><br /><div id="ddtopmenubar" class="ubercolortabs"><br /><ul><br /><li><a href="http://www.dunghennessy.blogpsot.com"><span><span style="color: red;">Trang chủ</span></span></a></li><br /><li><a href="#" rel="ddsubmenu1"><span><span style="color: red;">Tên menu chính số 1</span></span></a></li><br /><li><a href="#" rel="ddsubmenu2"><span><span style="color: red;">Tên menu chính số 2</span></span></a></li><br /><li><a href="http://anhdepblog.blogspot.com/"><span><span style="color: red;">Ảnh đẹp cho Blog</span></span></a></li><br /><li><a href="#" rel="ddsubmenu3"><span><span style="color: red;">Tên menu chính số 3</span></span></a></li><br /></ul><br /></div><br /><br /><script type="text/javascript"><br />ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")<br /></script><br /><span style="color: cyan;"><!--dunghennessy: Dưới đây là các tên menu con của Menu chính số 1, các bạn thay đổi tên và thay dấu "#" bằng link liên kết mà bạn muốn liên kết đến--></span><br /><br /><ul id="ddsubmenu1" class="ddsubmenustyle"><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a><br />  <ul><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  </ul><br /></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a><br />  <ul><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a><br />    <ul><br />    <li><a href="#"><span style="color: red;">Tên menu cấp 3</span></a></li><br />    <li><a href="#"><span style="color: red;">Tên menu cấp 3</span></a></li><br />    <li><a href="#"><span style="color: red;">Tên menu cấp 3</span></a></li><br />    <li><a href="#"><span style="color: red;">Tên menu cấp 3</span></a></li><br />    </ul><br />  </li><br />    </ul><br /></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /></ul><br /><br /><br /><span style="color: cyan;"><!--dunghennessy: Dưới đây là các tên menu con của Menu chính số 2, các bạn thay đổi tên menu con và thay dấu "#" bằng link liên kết mà bạn muốn liên kết đến--></span><br /><br /><ul id="ddsubmenu2" class="ddsubmenustyle"><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a><br />  <ul><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  </ul><br /></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a><br />  <ul><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a></li><br />  <li><a href="#"><span style="color: red;">Tên menu cấp 2</span></a><br />    <ul><br />    <li><a href="#"><span style="color: red;">Tên menu cấp 3</span></a></li><br />    <li><a href="#"><span style="color: red;">Tên menu cấp 3</span></a></li><br />    <li><a href="#"><span style="color: red;">Tên menu cấp 3</span></a></li><br />    <li><a href="#"><span style="color: red;">Tên menu cấp 3</span></a></li><br />    </ul><br />  </li><br />    </ul><br /></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /></ul><br /><br /><span style="color: cyan;"><!--dunghennessy: Dưới đây là các tên menu con của Menu chính số 3, các bạn thay đổi tên và thay dấu "#" bằng link liên kết mà bạn muốn liên kết đến--></span><br /><br /><ul id="ddsubmenu3" class="ddsubmenustyle"><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /><li><a href="#"><span style="color: red;">Tên menu cấp 1</span></a></li><br /></ul></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi tên <i style="color: red;"><b>menu chính và con</b></i>, thay dấu <span style="color: red;">"#"</span> là các địa chỉ link mình cần liên kết đến và bấm <b><i>Lưu</i></b> lại là xong.</span></div><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><h2 class="title" style="text-align: right;"><span style="font-size: x-small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </i></span></h2>

MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (Kiểu 3)

Tương tự kiểu 1 (Xem TẠI ĐÂY ) và kiểu 2 (Xem TẠI ĐÂY ). Menu ngang này cũng xổ dọc xuống nhiều cấp khi bạn bấm vào một menu chính phía trên...

Đọc thêm »

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

<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje7-3V0NcFg-BxRxP7xGqAYBMDwm50ub0r4p1XYZYR258U2Di67hplUV2vz55cPhcPDznmf3NVA2V1k1-qoI_GL0CPWEHcvYl02NLJ1HgMaDzSGBp5Yu-hhYHnxtGUR-fkmPdXONzw7DI/s1600/1.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje7-3V0NcFg-BxRxP7xGqAYBMDwm50ub0r4p1XYZYR258U2Di67hplUV2vz55cPhcPDznmf3NVA2V1k1-qoI_GL0CPWEHcvYl02NLJ1HgMaDzSGBp5Yu-hhYHnxtGUR-fkmPdXONzw7DI/s320/1.PNG" width="320" /></a></div><span style="font-size: large;">Tương tự kiểu 1 (Xem <a href="http://dunghennessy.blogspot.com/2012/04/menu-ngang-cho-blogspot.html" target="_blank">TẠI ĐÂY</a>), menu ngang này sẽ đổi màu Tab khi bạn rê chuột vào. </span><br /><span style="font-size: large;">Khi bạn rê chuột vào một mục bất kỳ trên menu ngang này thì lập tức một nút bấm xuất hiện lướt từ bên trái qua khá mướt. Khi bạn bỏ chuột ra, nút bấm này sẽ chạy ngược về mục đầu tiên. (<i style="color: red;"><b>Thủ thuật này chỉ áp dụng cho blog V2 blog được tải trên mạng về, không áp dụng cho giao diện mặc định của Blogspot</b></i>)</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 nha. </span><br /><a name='more'></a></div><br /><br /><br /><center><a class="bttoolz" href="http://dungheineken7.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơ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> (hoặc <i><b>đăng nhập vào Blog > Chọn bố cục > 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 class="csscode"><script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menungang-hieuungdong/menungang.js"></script><br /><br /><script src="http://dl.dropbox.com/u/66348944/dunghennessy/menungang-hieuungdong/gooeymenu.js"><br /><br /></script><br /><br /><link rel="stylesheet" type="text/css" href="http://dl.dropbox.com/u/66348944/dunghennessy/menungang-hieuungdong/<span style="color: cyan;">gooeymenu.css</span>" /><ul id="gooeymenu1" class="gelbuttonmenu"><br /><li><a href="<span style="color: red;">#</span>"class="selected"><span style="color: red;">Trang chủ</span></a></li><br /><li><a href="<span style="color: red;">#</span>"><span style="color: red;">Tên menu</span></a></li><br /><li><a href="<span style="color: red;">#</span>"><span style="color: red;">Tên menu</span></a></li><br /><li><a href="<span style="color: red;">#</span>"><span style="color: red;">Tên menu</span></a></li><br /><li><a href="<span style="color: red;">#</span>"><span style="color: red;">Tên menu</span></a></li><br /><li><a href="<span style="color: red;">#</span>"><span style="color: red;">Tên menu</span></a></li><br /></ul><br /><script><br />gooeymenu.setup({id:'gooeymenu1',  fx:'swing'})<br /></script></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi <b style="color: red;"><i>tên menu</i></b>, thay dấu <span style="color: red;">"#"</span> là các địa chỉ link mình cần liên kết đến và bấm <b><i>Lưu</i></b> lại là xong.</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;">Mở rộng thêm:</span></div><div style="text-align: justify;"><span style="font-size: large;">Nếu muốn thêm menu thì bạn copy đoạn code này:</span></div><div style="color: red; text-align: justify;"><span style="font-size: large;"><li><a href="#">Tên menu con </a></li></span></div><div style="text-align: justify;"><span style="font-size: large;">Dán tiếp trên dòng lệnh </ul> cuối cùng </span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;">Các nút bấm này là do 3 file ảnh gộp lại, vì vậy tôi đã làm sẳn cho các bạn thêm 2 màu nữa để bạn lựa chọn phù hợp với blog của mình: (đoạn code hướng dẫn trong bài nút bấm là màu xanh lá)</span></div><div style="text-align: justify;"><span style="font-size: large;">* Nút bấm màu đỏ: Bạn thay dòng <span style="color: cyan;">gooeymenu.css (màu xanh) <span style="color: red;">thành</span> </span><span style="color: cyan;">gooeymenu3.css</span></span></div><div style="text-align: justify;"><span style="font-size: large;">* Nút bấm màu xanh dương nhạt: Bạn thay dòng <span style="color: cyan;">gooeymenu.css <span style="color: red;">thành </span></span><span style="color: cyan;">gooeymenu2.css</span></span></div><div style="text-align: justify;"><span style="font-size: large;">Cuối cùng bấm Lưu lại là xong.</span></div><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><h2 class="title" style="text-align: right;"><span style="font-size: x-small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </i></span></h2>

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

Tương tự kiểu 1 (Xem TẠI ĐÂY ), menu ngang này sẽ đổi màu Tab khi bạn rê chuột vào. Khi bạn rê chuột vào một mục bất kỳ trên menu ngang này ...

Đọc thêm »

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

<div style="text-align: justify;"><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/AVvXsEgoz2MWRPiAYe7v930Y9f7jIRc54pOXEd9UMdduP8lJf7QN8Q06Ps-nS7JPShWZtLhkOq97rrRYiksvo0NKoDYq-oX1K6kuUX_rTXfCd0asBMcaOJ8paTjRsUqJ1w6Gl9PkD2eTDGlSWY0/s1600/1.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/AVvXsEgoz2MWRPiAYe7v930Y9f7jIRc54pOXEd9UMdduP8lJf7QN8Q06Ps-nS7JPShWZtLhkOq97rrRYiksvo0NKoDYq-oX1K6kuUX_rTXfCd0asBMcaOJ8paTjRsUqJ1w6Gl9PkD2eTDGlSWY0/s1600/1.PNG" /></a></div><span style="font-size: large;">Tương tự kiểu 1 và kiểu 2, menu dọc này cũng xổ dọc xuống các menu con khi bạn bấm chuột vào menu chính nhưng đặc biệt hơn ở chỗ là khi bạn đang xem menu nào thì menu đó sẽ có màu khác (màu đỏ) tất cả menu còn lại sẽ có màu đen... </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 nha. </span><br /><br /><br /><br /><br /><a name='more'></a></div><br /><br /><center><a class="bttoolz" href="http://dunghennessydemo1.blogspot.com/2013/10/menu-doc-xo-xuong-cac-menu-con-kieu-3.html" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơ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.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/jquery.min.js"></script><br /><br /><script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/ddaccordion.js"><br /><br /></script><br /><br /><br /><script type="text/javascript"><br /><br /><br />ddaccordion.init({<br />    headerclass: "expandable", //Shared CSS class name of headers group that are expandable<br />    contentclass: "categoryitems", //Shared CSS class name of contents group<br />    revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"<br />    mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover<br />    collapseprev: true, //Collapse previous content (so only one open at any time)? true/false <br />    defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content<br />    onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)<br />    animatedefault: false, //Should contents open by default be animated into view?<br />    persiststate: true, //persist state of opened contents within browser session?<br />    toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]<br />    togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)<br />    animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"<br />    oninit:function(headers, expandedindices){ //custom code to run when headers have initalized<br />        //do nothing<br />    },<br />    onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed<br />        //do nothing<br />    }<br />})<br /><br /><br /></script><br /><br /><style type="text/css"><br /><br />.arrowlistmenu{<br />width: 220px; /*width of accordion menu*/<br />}<br /><br />.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/<br />font: bold 14px Arial;<br />color: white;<br />background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji6kJG566X3ECUSsQW1-Z42teccjE59fT1nYBe1BEhGKHinF7Lio6WJxdisZytL33ULqzjGHjDDoLuIZQjOyKv5HYzl4hZjd-hTwdBL-W40xP5Y_ye-k6cDGz-691YaAcEtLsOzz9YzW0g/s1600/titlebar.png) repeat-x center left;<br />margin-bottom: 0px; /*bottom spacing between header and rest of content*/<br />text-transform: uppercase;<br />padding: 4px 0 4px 10px; /*header text is indented 10px*/<br />cursor: hand;<br />cursor: pointer;<br />}<br /><br />.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/<br />background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiolh2STuEJmVun5-Jx5RsPG1M4YVNoaMeBGpwrxn5wwmRWqlmQu7BefLqejkAdieNbbtjEa7LJg_BrHHBOvvll5TBQBQg-osxPle2KpXxZcd8282oXpuLmwRiIFryAC5s0ACevvOAJroyr/s1600/titlebar-active.png);<br />}<br /><br />.arrowlistmenu ul{ /*CSS for UL of each sub menu*/<br />list-style-type: none;<br />margin: 0;<br />padding: 0;<br />margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/<br />}<br /><br />.arrowlistmenu ul li{<br />padding-bottom: 2px; /*bottom spacing between menu items*/<br />}<br /><br />.arrowlistmenu ul li a{<br />color: #A70303;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm7EYF2ZBDqLnvX2vQ51JMxeccAEE9XjLlhaQi-wJhFcLeh_lBdDohCKlshT_D4BsR66oL101d-rt7H5Nf_znppJ1WgXv2Ldt7LcCThMfghR-DbxwLlHA_SvCiwtIgCJJiZkVkZoi6tRrt/s1600/arrowbullet.png) no-repeat center left; /*custom bullet list image*/<br />display: block;<br />padding: 2px 0;<br />padding-left: 19px; /*link text is indented 19px*/<br />text-decoration: none;<br />font-weight: bold;<br />border-bottom: 1px solid #dadada;<br />font-size: 90%;<br />}<br /><br />.arrowlistmenu ul li a:visited{<br />color: #A70303;<br />}<br /><br />.arrowlistmenu ul li a:hover{ /*hover state CSS*/<br />color: #A70303;<br />background-color: #F3F3F3;<br />}<br /><br /></style><br /><br /><br /><div class="arrowlistmenu"><br /><br /><h3 class="menuheader expandable">☆Tên menu chính 1</h3><br /><ul class="categoryitems"><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 />    <li><a href="#">Tên menu con 4</a></li><br /><li><a href="#">Tên menu con 5</a></li><br />    <li><a href="#">Tên menu con 6</a></li><br />    <li><a href="#">Tên menu con 7</a></li><br /></ul><br /><br /><br /><h3 class="menuheader expandable">☆Tên meun chính 2</h3><br /><ul class="categoryitems"><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 />    <li><a href="#">Tên menu con 4</a></li><br />        <li><a href="#">Tên menu con 5</a></li><br />    <li><a href="#">Tên menu con 6</a></li><br />    <li><a href="#">Tên menu con 7</a></li><br /></ul><br /><br /><br /><h3 class="menuheader expandable">☆Tên menu chính 3</h3><br /><ul class="categoryitems"><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><br /><br /><br /><h3 class="menuheader expandable">☆Tên menu chính 4</h3><br /><ul class="categoryitems"><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><br /><br /><br /><br /></div><br /><br /></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi tên <i style="color: red;"><b>menu chính và con</b></i>, thay dấu <span style="color: red;">"#"</span> là các địa chỉ link mình cần liên kết đến và bấm <b><i>Lưu</i></b> lại là xong.</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;">Mở rộng thêm:</span></div><div style="text-align: justify;"><span style="font-size: large;">Nếu muốn thêm menu phụ thì bạn copy đoạn code này:</span></div><div style="color: red; text-align: justify;"><span style="font-size: large;"><li><a href="#">Tên menu con </a></li></span></div><div style="text-align: justify;"><span style="font-size: large;">Dán tiếp trên dòng lệnh </ul> của mỗi menu chính mà mình muốn thêm.</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;">Còn muốn thêm một menu chính thì bạn copy đoạn code này:</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span> <span style="font-size: large;"> <span style="color: red;"><h3 class="menuheader expandable">☆Tên menu chính </h3></span><br style="color: red;" /><span style="color: red;"> <ul class="categoryitems"></span><br style="color: red;" /><span style="color: red;"> <li><a href="#">Tên menu con 1</a></li></span><br style="color: red;" /><span style="color: red;">      <li><a href="#">Tên menu con 2</a></li></span><br style="color: red;" /><span style="color: red;">     <li><a href="#">Tên menu con 3</a></li></span><br style="color: red;" /><span style="color: red;">     <li><a href="#">Tên menu con 4</a></li></span><br style="color: red;" /><span style="color: red;"> </ul></span></span></div><div style="text-align: justify;"><span style="font-size: large;">Dán trên thẻ </div> cuối cùng.</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><h2 class="title" style="text-align: right;"><span style="font-size: x-small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </i></span></h2>

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

Tương tự kiểu 1 và kiểu 2, menu dọc này cũng xổ dọc xuống các menu con khi bạn bấm chuột vào menu chính nhưng đặc biệt hơn ở chỗ là khi bạn ...

Đọc thêm »

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

<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivNtoJiQ5-AqWdGRnKPHqPhSiZYeGIcygW6wTdiMuuQ1k2EWtjH0Defadhn7HN-iu1aqlXOu2qNKVSdnsxVH-bNEOpaTG6kMpyc1q7SLc8nuRbU_ZlGgoOjjwM9qaZ-9hW1185wJfJRXw/s1600/1.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/AVvXsEivNtoJiQ5-AqWdGRnKPHqPhSiZYeGIcygW6wTdiMuuQ1k2EWtjH0Defadhn7HN-iu1aqlXOu2qNKVSdnsxVH-bNEOpaTG6kMpyc1q7SLc8nuRbU_ZlGgoOjjwM9qaZ-9hW1185wJfJRXw/s1600/1.PNG" /></a></div><span style="font-size: large;">Thủ thuật này cũng giống như Kiểu 1 (Xem <a href="http://dunghennessy.blogspot.com/2012/04/menu-doc-xo-xuong-cac-menu-con-kieu-1.html" target="_blank"><i><b>TẠI ĐÂY</b></i></a>). Menu chính sẽ xổ xuống các menu phụ khi bạn click chuột vào nó, click vào lần nữa sẽ rút gọn menu lên... Ngoài ra, trên đầu menu còn có 2 tab "hiện hết menu" để bạn tiện sử dụng và tab "Rút gọn menu" để bạn đóng menu lại cho gọn khi hết sử dụng...</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 nha. </span><br /><br /><br /><br /><br /><a name='more'></a></div><br /><br /><br /><center><a class="bttoolz" href="http://dunghennessy8.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center><br /><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơ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.</span></div><div style="text-align: justify;"><span style="font-size: large;"><br /></span></div><div class="csscode"><script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/sdmenu.js"></script><br /><br />    <script type="text/javascript"><br />window.onload = function() {<br /><br />        myMenu = new SDMenu("my_menu");<br /><br />        myMenu.init();<br /><br />    };<br /><br />  <br />    </script><br /><link rel="stylesheet" type="text/css" href="http://bloggiaovienthaibinh.110mb.com/sdmenu/sdmenu/sdmenu.css" /><br />    <form action="#" style="font-family: sans-serif; font-size: .8em" onsubmit="return false"><br /><br />         <input type="button" value="Hiện Menu" onclick="myMenu.expandAll()" /><br /><br />        <input type="button" value="Rút gọn menu" onclick="myMenu.collapseAll()" /><br /><br />  <br />    </form><br /><br />    <div style="float: left" id="my_menu" class="sdmenu"><br /><br />      <div><br /><br />        <span>Tên menu chính 1</span><br /><br />        <a href="#">Tên menu phụ 1</a><br /><br />        <a href="#">Tên menu phụ 2</a><br /><br />        <a href="#">Tên menu phụ 3</a><br /><br />        <a href="#">Tên menu phụ 4</a><br /><br />        <a href="#">Tên menu phụ 5</a><br /><br />      </div><br /><br />      <div><br /><br />        <span>Tên menu chính 2</span><br /><br />        <a href="#">Tên menu phụ 1</a><br /><br />        <a href="#">Tên menu phụ 2</a><br /><br />        <a href="#">Tên menu phụ 3</a><br /><br />        <a href="#">Tên menu phụ 4</a><br /><br />      </div><br /><br />      <div class="collapsed"><br /><br />        <span>Tên menu chính 3</span><br /><br />          <a href="#">Tên menu phụ 1</a><br /> <br />         <a href="#">Tên menu phụ 2</a><br /> <br />         <a href="#">Tên menu phụ 3</a><br /><br /><br />      </div><br /><br />      <div><br /><br />        <span>Tên menu chính 4</span><br /><br />        <a href="#">Tên menu phụ 1</a><br /><br />        <a href="#">Tên menu phụ 2</a><br /><br />        <a href="#">Tên menu phụ 3</a><br /><br />        <a href="#">Tên menu phụ 4</a><br /><br />        <a href="#">Tên menu phụ 5</a><br /><br />      </div><br /><br />    </div></div><br /><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn cần thay đổi tên <i style="color: red;"><b>menu chính và phụ</b></i>, thay dấu <span style="color: red;">"#"</span> là các địa chỉ link mình cần liên kết đến và bấm <b><i>Lưu</i></b> lại là xong.</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;">Mở rộng thêm:</span></div><div style="text-align: justify;"><span style="font-size: large;">Nếu muốn thêm menu phụ thì bạn copy đoạn code này:</span></div><div style="color: red; text-align: justify;"> <span style="font-size: large;"><a href="#">Tên menu phụ 1</a></span></div><div style="text-align: justify;"><span style="font-size: large;">Dán tiếp xuống phía dưới Menu chính nào mà mình muốn thêm.</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;">Còn muốn thêm một menu chính thì bạn copy đoạn code này:</span></div><div style="text-align: justify;"><span style="font-size: large;"> </span> <span style="font-size: large;"> <span style="color: red;"><div></span><br style="color: red;" /></span><span style="color: red;"></span><span style="color: red; font-size: large;">        <span>Tên menu chính 2</span><br /></span><span style="color: red;"></span><span style="color: red; font-size: large;">        <a href="#">Tên menu phụ 1</a><br /></span><span style="color: red;"> </span><span style="color: red; font-size: large;">         <a href="#">Tên menu phụ 2</a></span></div><div style="color: red; text-align: justify;"><br /></div><div style="color: red; text-align: justify;"><span style="font-size: large;">      </div></span></div><div style="text-align: justify;"><span style="font-size: large;">Dán trên thẻ </div> cuối cùng.</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-size: large;"><i><b>Chúc các bạn thành công!!! </b></i></span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><h2 class="title" style="text-align: right;"><span style="font-size: x-small;"><i>▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </i></span></h2><span style="font-size: large;"><br /></span>

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

Thủ thuật này cũng giống như Kiểu 1 (Xem TẠI ĐÂY ). Menu chính sẽ xổ xuống các menu phụ khi bạn click chuột vào nó, click vào lần nữa sẽ rút...

Đọc thêm »

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 »