Bõm.vn

CHIA NHÃN (LABEL) THÀNH CÁC Ô

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkcrZgVQhZf7f8CFPMTASGxVh6VoMx8beJxWyZPrkoT7p0Tjk9JAGq-NeeGw_yDARt-ETJna3j7wPjZg42z7tqZpkD_8QnQeqO0VzZo5l5d5lxwRLB11Xv_Su6Da6PRdJjebaXwuvx0Os/s1600/003.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/AVvXsEhkcrZgVQhZf7f8CFPMTASGxVh6VoMx8beJxWyZPrkoT7p0Tjk9JAGq-NeeGw_yDARt-ETJna3j7wPjZg42z7tqZpkD_8QnQeqO0VzZo5l5d5lxwRLB11Xv_Su6Da6PRdJjebaXwuvx0Os/s1600/003.jpg" /></a></div><div style="text-align: justify;">Trang chủ là nơi hiển thị tất cả các bài viết ở Web/Blog, tuỳ theo sở thích của người quản trị Web/Blog mà trang chủ được tuỳ biến một cách sinh động và trực quan hơn.</div><div style="text-align: justify;">Với thủ thuật này, trang chủ của bạn sẽ được chia thành 2 cột bao gồm nhiều ô nhỏ, mỗi ô nhỏ là một nhãn (label), các bài viết trong nhãn này được hiển thị khá sinh động, ở trên là một bài viết mới nhất (có hình) kèm theo một vài mô tả cho bài viết và phía dưới là các tiêu đề bài viết kế tiếp (số lượng do bạn tuỳ chọn)...</div><div style="text-align: justify;">Mời các bạn bấm vào Xem thử phía dưới để thấy trước thủ thuật này.</div><div style="text-align: justify;"> <a name="more"></a></div> <center><a class="bttoolz" href="#" onclick="expandingWindow('http://dunghennessythunghiem.blogspot.com/2012/10/itechplus-rc-width260pxmargin0padding10.html');return false">Xem thử</a></center> Bạn chỉ cần đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">TẠI ĐÂY</a>). Sau đó, dán toàn bộ code phía dưới vào. <div style="border: 10px solid orange; color: white; height: 300px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><div align="center"> <table bgcolor="#ffffff" border="0" cellpadding="2" cellspacing="6" width="680"> <tbody><tr> <td><style type="text/css"> #itechplus-rc {width:300px;margin:0;padding:10px;overflow:hidden;border:5px solid  #E8A317;background:#000} .itechplus-rc h2{background:#39c;color:#FFF;line-height:1.6em;margin:0 0 10px;padding:4px 10px;text-align:center;font-weight:bold} .itechplus-rc ul{list-style:none;margin:0;padding:0} .itechplus-rc li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe706VXOu18L2SCXzWADKKnXlegbqrgvmC2gY0lMUbsNVe93rxmJ2d-qZSfnnWkV0htjNUkqLg6e_PDpMBh1Vvy4kZHsQbjkKhc3iKrbThfU6NMzoYDd9lsN0jKi0PBI9VZmL-p-nTL994/s1600/ngoi+sao+nh%E1%BB%8F+vang.gif) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px} .itechplus-rc h2 a:link, .itechplus-rc h2 a:visited {color:#fff} </style> <div id="itechplus-rc" class="itechplus-rc"> <h2><a href="http://dunghennessy.blogspot.com/search/label/FLASH?&amp;max-results=8">Flash đẹp cho blog</a></h2> <script type='text/javascript'> numposts = 5; list1 = 1; sumPosts = 168;sumtitle = 36; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(a, b) {     var s = a.split("<");     for (var i = 0; i < s.length; i++) {         if (s[i].indexOf(">") != -1) {             s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)         }     }     s = s.join("");     s = s.substring(0, b - 1);     return s } function showrecentposts(e) {     img = new Array();     for (var i = 0; i < numposts; i++) {         var f = e.feed.entry[i];         var g = f.title.$t;         var h;         if (i == e.feed.entry.length) break;         for (var k = 0; k < f.link.length; k++) {             if (f.link[k].rel == 'alternate') {                 h = f.link[k].href;                 break             }         }         if ("content" in f) {             var j = f.content.$t         } else if ("summary" in f) {             var j = f.summary.$t         } else         var j = "";         s = j;         a = s.indexOf("<img");         b = s.indexOf("src=\"", a);         c = s.indexOf("\"", b + 5);         d = s.substr(b + 5, c - b - 5);         if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;         var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a>' + removeHtmlTag(j, sumPosts) + ' ...</td></tr></table>';         var m = '<li><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a></li>';         if ((i >= 0) && (i < list1)) {             var n = l         }         if (i == list1) {             var n = '<div class="itechplus-rc"><ul>' + m         }         if ((i > list1) && (i < numposts - 1)) {             var n = m         }         if (i == numposts - 1) {             var n = m + '</ul></div>'         }         document.write(n)     } } document.write("<script src=\"http://www.dunghennessy.blogspot.com/feeds/posts/default/-/FLASH?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> Xem tất cả<a href="http://dunghennessy.blogspot.com/search/label/FLASH"> Flash đẹp cho blog &#187;</a> </div></td> <td> <div id="itechplus-rc" class="itechplus-rc"> <h2><a href="http://dunghennessy.blogspot.com/search/label/NÂNG CAO?&amp;max-results=8">Thủ thuật nâng cao</a></h2> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(a, b) {     var s = a.split("<");     for (var i = 0; i < s.length; i++) {         if (s[i].indexOf(">") != -1) {             s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)         }     }     s = s.join("");     s = s.substring(0, b - 1);     return s } function showrecentposts(e) {     img = new Array();     for (var i = 0; i < numposts; i++) {         var f = e.feed.entry[i];         var g = f.title.$t;         var h;         if (i == e.feed.entry.length) break;         for (var k = 0; k < f.link.length; k++) {             if (f.link[k].rel == 'alternate') {                 h = f.link[k].href;                 break             }         }         if ("content" in f) {             var j = f.content.$t         } else if ("summary" in f) {             var j = f.summary.$t         } else         var j = "";         s = j;         a = s.indexOf("<img");         b = s.indexOf("src=\"", a);         c = s.indexOf("\"", b + 5);         d = s.substr(b + 5, c - b - 5);         if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;         var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a>' + removeHtmlTag(j, sumPosts) + ' ...</td></tr></table>';         var m = '<li><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a></li>';         if ((i >= 0) && (i < list1)) {             var n = l         }         if (i == list1) {             var n = '<div class="itechplus-rc"><ul>' + m         }         if ((i > list1) && (i < numposts - 1)) {             var n = m         }         if (i == numposts - 1) {             var n = m + '</ul></div>'         }         document.write(n)     } } document.write("<script src=\"http://www.dunghennessy.blogspot.com/feeds/posts/default/-/NÂNG CAO?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> Xem tất cả<a href="http://dunghennessy.blogspot.com/search/label/NÂNG CAO"> Thủ thuật nâng cao &#187;</a> </div></td> </tr> <tr> <td> <div id="itechplus-rc" class="itechplus-rc"> <h2><a href="http://dunghennessy.blogspot.com/search/label/CƠ BẢN?&amp;max-results=8">Thủ thuật cơ bản</a></h2> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(a, b) {     var s = a.split("<");     for (var i = 0; i < s.length; i++) {         if (s[i].indexOf(">") != -1) {             s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)         }     }     s = s.join("");     s = s.substring(0, b - 1);     return s } function showrecentposts(e) {     img = new Array();     for (var i = 0; i < numposts; i++) {         var f = e.feed.entry[i];         var g = f.title.$t;         var h;         if (i == e.feed.entry.length) break;         for (var k = 0; k < f.link.length; k++) {             if (f.link[k].rel == 'alternate') {                 h = f.link[k].href;                 break             }         }         if ("content" in f) {             var j = f.content.$t         } else if ("summary" in f) {             var j = f.summary.$t         } else         var j = "";         s = j;         a = s.indexOf("<img");         b = s.indexOf("src=\"", a);         c = s.indexOf("\"", b + 5);         d = s.substr(b + 5, c - b - 5);         if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;         var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a>' + removeHtmlTag(j, sumPosts) + ' ...</td></tr></table>';         var m = '<li><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a></li>';         if ((i >= 0) && (i < list1)) {             var n = l         }         if (i == list1) {             var n = '<div class="itechplus-rc"><ul>' + m         }         if ((i > list1) && (i < numposts - 1)) {             var n = m         }         if (i == numposts - 1) {             var n = m + '</ul></div>'         }         document.write(n)     } } document.write("<script src=\"http://www.dunghennessy.blogspot.com/feeds/posts/default/-/CƠ BẢN?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> Xem tất cả<a href="http://dunghennessy.blogspot.com/search/label/CƠ BẢN"> Thủ thuật cơ bản &#187;</a> </div></td> <td> <div id="itechplus-rc" class="itechplus-rc"> <h2><a href="http://dunghennessy.blogspot.com/search/label/MENU?&amp;max-results=8">Các mẫu menu ngang-dọc</a></h2> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(a, b) {     var s = a.split("<");     for (var i = 0; i < s.length; i++) {         if (s[i].indexOf(">") != -1) {             s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)         }     }     s = s.join("");     s = s.substring(0, b - 1);     return s } function showrecentposts(e) {     img = new Array();     for (var i = 0; i < numposts; i++) {         var f = e.feed.entry[i];         var g = f.title.$t;         var h;         if (i == e.feed.entry.length) break;         for (var k = 0; k < f.link.length; k++) {             if (f.link[k].rel == 'alternate') {                 h = f.link[k].href;                 break             }         }         if ("content" in f) {             var j = f.content.$t         } else if ("summary" in f) {             var j = f.summary.$t         } else         var j = "";         s = j;         a = s.indexOf("<img");         b = s.indexOf("src=\"", a);         c = s.indexOf("\"", b + 5);         d = s.substr(b + 5, c - b - 5);         if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;         var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a>' + removeHtmlTag(j, sumPosts) + ' ...</td></tr></table>';         var m = '<li><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a></li>';         if ((i >= 0) && (i < list1)) {             var n = l         }         if (i == list1) {             var n = '<div class="itechplus-rc"><ul>' + m         }         if ((i > list1) && (i < numposts - 1)) {             var n = m         }         if (i == numposts - 1) {             var n = m + '</ul></div>'         }         document.write(n)     } } document.write("<script src=\"http://www.dunghennessy.blogspot.com/feeds/posts/default/-/MENU?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> Xem tất cả<a href="http://dunghennessy.blogspot.com/search/label/MENU"> Các mẫu menu &#187;</a> </div></td> </tr> </tbody></table> </div></div><div style="text-align: justify;">Bây giờ, các bạn thay đổi các số, các chữ ở các dòng lệnh màu xanh, đỏ, vàng theo ý thích của mình. Trong đó: * bgcolor (màu đỏ): Màu nền của cả tiện ích * Width (màu đỏ): Chiều rộng của cả tiện ích. * Background: (màu đỏ): Màu nền của tiêu đề nhãn. * Color: (màu đỏ): Màu chữ của tiêu đề nhãn. * Center (màu đỏ): Canh lề cho tiêu đề nhãn (có thể đổi thành left hoặc right). * Width (màu xanh): Chiều rộng của một ô. * Border (màu xanh): Kích thước của đường viền ô nhỏ * #E8A317 (màu xanh): Màu của đường viền ô nhỏ * Background: (màu xanh): Màu nền của ô nhỏ. * Numposts (màu xanh): Tổng số lượng bài hiển thị ở mỗi ô. * List1 (màu xanh): Số lượng bài có hình. * SumPost (màu xanh): Số lượng từ mô tả của bài có hình. * Sumtile (màu xanh): Số lượng từ của mỗi tiêu đề bài. * Còn lại các dòng lệnh màu vàng là các địa chỉ và tên của mỗi nhãn. Các bạn phải điền thật chính xác địa chỉ và tên nhãn thì thủ thuật này mới hiển thị, nếu không nó sẽ bị lỗi và chỉ hiển thị một khung màu đen. * Mở rộng thêm: Nếu muốn thêm 2 nhãn nữa thì bạn copy đoạn code này và dán nó trên dòng lệnh: </tbody></table> cuối cùng. <div style="border: 10px solid orange; color: white; height: 300px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><tr> <td> <div id="itechplus-rc" class="itechplus-rc"> <h2><a href="địa chỉ nhãn?&amp;max-results=8">Tiêu đề nhãn</a></h2> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(a, b) {     var s = a.split("<");     for (var i = 0; i < s.length; i++) {         if (s[i].indexOf(">") != -1) {             s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)         }     }     s = s.join("");     s = s.substring(0, b - 1);     return s } function showrecentposts(e) {     img = new Array();     for (var i = 0; i < numposts; i++) {         var f = e.feed.entry[i];         var g = f.title.$t;         var h;         if (i == e.feed.entry.length) break;         for (var k = 0; k < f.link.length; k++) {             if (f.link[k].rel == 'alternate') {                 h = f.link[k].href;                 break             }         }         if ("content" in f) {             var j = f.content.$t         } else if ("summary" in f) {             var j = f.summary.$t         } else         var j = "";         s = j;         a = s.indexOf("<img");         b = s.indexOf("src=\"", a);         c = s.indexOf("\"", b + 5);         d = s.substr(b + 5, c - b - 5);         if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;         var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a>' + removeHtmlTag(j, sumPosts) + ' ...</td></tr></table>';         var m = '<li><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a></li>';         if ((i >= 0) && (i < list1)) {             var n = l         }         if (i == list1) {             var n = '<div class="itechplus-rc"><ul>' + m         }         if ((i > list1) && (i < numposts - 1)) {             var n = m         }         if (i == numposts - 1) {             var n = m + '</ul></div>'         }         document.write(n)     } } document.write("<script src=\"http://www.dunghennessy.blogspot.com/feeds/posts/default/-/TÊN NHÃN?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> Xem tất cả<a href="dịa chỉ nhãn"> Tên hiển thị &#187;</a> </div></td> <td> <div id="itechplus-rc" class="itechplus-rc"> <h2><a href="địa chỉ nhãn?&amp;max-results=8">Tiêu đề nhãn</a></h2> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(a, b) {     var s = a.split("<");     for (var i = 0; i < s.length; i++) {         if (s[i].indexOf(">") != -1) {             s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)         }     }     s = s.join("");     s = s.substring(0, b - 1);     return s } function showrecentposts(e) {     img = new Array();     for (var i = 0; i < numposts; i++) {         var f = e.feed.entry[i];         var g = f.title.$t;         var h;         if (i == e.feed.entry.length) break;         for (var k = 0; k < f.link.length; k++) {             if (f.link[k].rel == 'alternate') {                 h = f.link[k].href;                 break             }         }         if ("content" in f) {             var j = f.content.$t         } else if ("summary" in f) {             var j = f.summary.$t         } else         var j = "";         s = j;         a = s.indexOf("<img");         b = s.indexOf("src=\"", a);         c = s.indexOf("\"", b + 5);         d = s.substr(b + 5, c - b - 5);         if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;         var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a>' + removeHtmlTag(j, sumPosts) + ' ...</td></tr></table>';         var m = '<li><a href="' + h + '" title="' + g + '">' + removeHtmlTag(g, sumtitle) + '...</a></li>';         if ((i >= 0) && (i < list1)) {             var n = l         }         if (i == list1) {             var n = '<div class="itechplus-rc"><ul>' + m         }         if ((i > list1) && (i < numposts - 1)) {             var n = m         }         if (i == numposts - 1) {             var n = m + '</ul></div>'         }         document.write(n)     } } document.write("<script src=\"http://www.dunghennessy.blogspot.com/feeds/posts/default/-/TÊN NHÃN?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> Xem tất cả<a href="địa chỉ nhãn"> Tên hiển thị &#187;</a> </div></td> </tr></div> Trên đây là code để làm thủ thuật chia nhãn thành các ô nhỏ, nếu muốn thủ thuật này chỉ hiển thị ở trang chủ thì bạn phải làm thêm các bước sau đây: * Ẩn bài viết ở trang chủ: Xem <a href="http://dunghennessy.blogspot.com/2011/08/cac-bai-viet-o-trang-chu.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2011/08/cac-bai-viet-o-trang-chu.html" target="_blank">ẠI</a><a href="http://dunghennessy.blogspot.com/2011/08/cac-bai-viet-o-trang-chu.html" target="_blank"> </a><a href="http://dunghennessy.blogspot.com/2011/08/cac-bai-viet-o-trang-chu.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2011/08/cac-bai-viet-o-trang-chu.html" target="_blank">ÂY</a>. * Ẩn tiện ích này ở trang bài viết: Xem <a href="http://dunghennessy.blogspot.com/2011/09/tien-ich-html.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2011/09/tien-ich-html.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2011/09/tien-ich-html.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2011/09/tien-ich-html.html" target="_blank">ÂY</a>. ànhcông <div class="separator" style="clear: both; text-align: center;"></div>  Chúc các bạn thành công     </div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" /></a></div>

CHIA NHÃN (LABEL) THÀNH CÁC Ô

Trang ch ủ l à n ơi hi ển th ị t ất c ả c ác b ài vi ết ở Web/Blog, tu ỳ theo s ở th ích c ủa ng ư ời qu ản tr ị Web/Blog m à trang ch ủ đ ư...

Đọc thêm »

TẠO MENU DỌC LIÊN KẾT BLOG

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0vSg35LZKYwjsebYPn4OQHth9wQiQ3pwNzLOTZvye2jbYmXT2vct8qonVXcfHuBPD-sopLRghFsY6iL0wO8RT12R9D6eNmimDO-pqw95LBxEjrzHrIWd2tBYLtr9iwU7UOtctCRZcGHk/s1600/004.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/AVvXsEh0vSg35LZKYwjsebYPn4OQHth9wQiQ3pwNzLOTZvye2jbYmXT2vct8qonVXcfHuBPD-sopLRghFsY6iL0wO8RT12R9D6eNmimDO-pqw95LBxEjrzHrIWd2tBYLtr9iwU7UOtctCRZcGHk/s1600/004.png" /></a>Nhằm tạo điều kiện "Kết nối bạn bè, sẻ chia kinh nghiệm, đạt nhiều thành công" đồng thời cũng để cho khách tham quan dễ dàng tham khảo thêm nhiều trang Web/Blog có cùng chủ đề, một số Web/Blog thường tạo mục "Liên kết Blog" với nhiều Web/Blog khác... <div style="text-align: justify;">dunghennessy tình cờ "dạo quanh" trang Blog của bạn Buivansum thấy có bài đăng về "Tạo menu dọc để liên kết blog", thấy cũng "hay hay" và có copy code lại đem về chỉnh sửa đôi chút cho hoàn thiện hơn, nay đem chia sẻ với các bạn.</div> <div style="text-align: justify;">Menu dọc này được nằm gọn trong khung có đường viền màu bao bọc, cạnh phải của menu có thanh trượt lên xuống, ảnh đại diện (Favicon) và các tên blog được hiển thị trên một màu nền. Khi bạn rê chuột vào thì các ảnh đại diện cũng như tên blog sẽ thay đổi màu sắc và trượt "nhẹ" ra bên phải của menu, ngoài ra một điều đặc biệt ở menu này là khi bạn click vào một trong những Web/Blog liên kết thì sẽ xuất hiện một bảng nhỏ (pop-up) ngay tại Web/Blog của bạn để bạn tham khảo mà không phải rời khỏi trang Blog của mình. Bạn bấm vào "Xem thử" để xem trước menu này.</div><a name="more"></a> <center><a class="bttoolz" href="#" onclick="expandingWindow('http://dunghennessythunghiem.blogspot.com/2012/10/duoi-ay-la-mot-so-blog-uoc-lien-ket-boi.html');return false">Xem thử</a></center> <div style="text-align: justify;">Bạn chỉ cần đăng nhập vào blog > Chọn Bố cục > Chọn thêm tiện ích HTML (nếu chưa biết cách thêm tiện ích HTML/Javacript thì mời bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ÂY</a>). Bây giờ bạn dán toàn bộ code phía dưới vào.</div><div style="border: 10px solid orange; color: white; margin: 10px 0; padding: 10px; text-align: left;"><style> #link-cia {  width: 300px;  border: 10px groove green;  overflow: auto;  height: 300px;  padding-left: 0px; } #link-cia ul {  display: inline;  margin-left: 0px; } #link-cia ul li {  list-style: none;  margin-left: 0px;  background: #000000;  border: 1px solid #fff;  padding: 4px;  padding-left: 15px; -webkit-transition:all 3.5s ease;  -moz-transition:all 3.5s ease;  -o-transition:all 3.5s ease;  transition:all 3.5s ease; } #link-cia ul li:hover {  background: #0638DB;  border : 1px solid #fff;  border-right: 10px solid #fff; -webkit-transition:all 1.5s ease;  -moz-transition:all 1.5s ease;  -o-transition:all 1.5s ease;  transition:all 1.5s ease; } #link-cia ul li a {  color: red;  text-decoration: none;  font-family: Times new roman;  font-size: 19px;  text-shadow: 0px 0px 1px #fff;  -webkit-transition: padding 1.5s ease-out;     -moz-transition: padding 1.5s ease-out;     -o-transition: padding 1.5s ease-out;  transition:all 1.5s ease; } #link-cia ul li a:hover {  color: yellow;  text-decoration: none;  padding-left: 15px;  -webkit-transition: padding 0.5s ease-out;     -moz-transition: padding 0.5s ease-out;     -o-transition: padding 0.5s ease-out;  transition:all 0.5s ease; } </style> <script language="JavaScript">     function popUp(URL) {     day = new Date();     id = day.getTime();     eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=900,height=550,left = 50,top = 100');");     }     </script> <div id="link-cia"> <ul>  <li><a href="javascript:popUp('http://www.dunghennessy.blogspot.com')"><img align="top" height="16px" width="16px" src="http://dungheineken.blogspot.com/favicon.ico"/> Thủ thuật Computer</a></li>  <li><a href="javascript:popUp('http://anhdepblog.blogspot.com')"><img align="top" height="16px" width="16px" src="http://anhdepblog.blogspot.com/favicon.ico"/> Ảnh đẹp cho Blog</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>   <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>   <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>   <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li> </ul></div></div> <div style="text-align: justify;">Để phù hợp theo ý thích của mình, bạn có thể thay đổi các dòng lệnh màu xanh, đỏ, vàng. Trong đó:</div><div style="text-align: justify;"> </div><div style="text-align: justify;">* Width (màu xanh): Độ rộng của khung menu.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">* Height (màu xanh): Độ cao của khung menu.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">* Green (màu xanh): Màu đường viền của khung menu</div><div style="text-align: justify;"> </div><div style="text-align: justify;">* Background (màu xanh): Màu nền khi chưa rê chuột.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">* Color (màu xanh): Màu chữ khi chưa rê chuột.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">* Font family (màu xanh): Font chữ của tên Blog liên kết.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">* Font size (màu xanh): Kích cỡ chữ của tên Blog liên kết.</div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;">- Background (màu vàng): Màu nền khi rê chuột vào.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">- Color (màu vàng): Màu chữ khi rê chuột vào.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">- Width (màu vàng): Độ rộng của bảng nhỏ (pop-up).</div><div style="text-align: justify;"> </div><div style="text-align: justify;">- Height (màu vàng): Chiều cao của bảng nhỏ (pop-up).</div><div style="text-align: justify;"> </div><div style="text-align: justify;">- Left (màu vàng): Khoảng cách bên trái của bảng nhỏ tính từ bên trái của Blog.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">- Top (màu vàng): Khoảng cách ở trên của bảng nhỏ tính từ đầu của Blog.</div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;">+ Height (màu đỏ): Chiều cao của ảnh đại diện (Favicon).</div><div style="text-align: justify;"> </div><div style="text-align: justify;">+ Width (màu đỏ): Độ rộng của ảnh đại diện (Favicon).  </div><div style="text-align: justify;"> </div><div style="text-align: justify;">Còn các dòng lệnh màu đỏ còn lại: Link Blog liên kết, Link ảnh đại diện, Tên Blog liên kết chắc các bạn biết rồi, mình không giải thích nữa.  Sau cùng bấm Lưu rồi quay vào Blog xem kết quả nha</div><div style="border: 10px solid green; color: white; margin: 10px 0; padding: 10px; text-align: left;">Mở rộng thêm: Nếu muốn thêm nhiều liên kết nữa, bạn copy dòng lệnh này:  <li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li> Dán trên dòng lệnh  </ul></div> cuối cùng. <div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><a href="http://creativecommons.org/licenses/by-sa/3.0" style="color: #003399;"></a></div></div>Chúc các bạn thành công <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" /></a></div>

TẠO MENU DỌC LIÊN KẾT BLOG

Nhằm tạo điều kiện "Kết nối bạn bè, sẻ chia kinh nghiệm, đạt nhiều thành công" đồng thời cũng để cho khách tham quan dễ dàng tham ...

Đọc thêm »

TẠO BẢNG QUẢNG CÁO 2 BÊN BLOG BẰNG FLASH

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrySw3VHT7f7pBxxO_JoBxQesaZmdV0M-VNsm1z27EAALyN6Dy9F1Mk7-d57kJoellgB8FRf10vEzB5222tk0FDvcEWO7bxwzKYICUQpuJO7soMSqHsLV62ycJiUS4uwCmm_2r_P_BTo/s1600/015.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrySw3VHT7f7pBxxO_JoBxQesaZmdV0M-VNsm1z27EAALyN6Dy9F1Mk7-d57kJoellgB8FRf10vEzB5222tk0FDvcEWO7bxwzKYICUQpuJO7soMSqHsLV62ycJiUS4uwCmm_2r_P_BTo/s320/015.png" width="320" /></a></div>Trước đây, tôi có chia sẻ đến với các bạn cách làm 2 bảng quảng cáo ở 2 bên blog bằng hình ảnh (xem <a href="http://dunghennessy.blogspot.com/2011/12/tao-bang-quang-cao-truot-doc-o-2-ben.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2011/12/tao-bang-quang-cao-truot-doc-o-2-ben.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2011/12/tao-bang-quang-cao-truot-doc-o-2-ben.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2011/12/tao-bang-quang-cao-truot-doc-o-2-ben.html" target="_blank">ÂY</a>).</div><div style="text-align: justify;">Theo yêu cầu của một số bạn, hôm nay dunghennessy chia sẻ thêm với các bạn cách tạo bảng quảng cáo ở 2 bên blog bằng Flash.</div><div style="text-align: justify;">Với thủ thuật này ở 2 bên của blog của bạn sẽ có 2 bảng quảng cáo, 2 bảng quảng cáo được tạo nên bằng phần mềm làm Flash trông khá đẹp mắt nhờ vào các hiệu ứng động. Nếu không muốn dùng để quảng cáo, bạn cũng có thể dùng thủ thuật này để chèn các hiệu ứng Flash khác để trang trí cho blog mình thêm sinh động hơn.</div><a name="more"></a>Mời bạn bấm vào thẻ Xem trước phía dưới để thấy rõ hơn 2 bảng quảng cáo này. <div style="text-align: justify;">  </div><center><a class="bttoolz" href="#" onclick="expandingWindow('http://dunghennessythunghiem.blogspot.com/2012/10/tao-quang-cao-2-ben-blog-bang-flash.html');return false">Xem thử</a></center> <div style="text-align: justify;">Bạn đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML (nếu chưa biết cách thêm tiện ích HTML thì mời bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">TẠI ĐÂY</a>). Sau đó dán code phía dưới vào.</div><div style="text-align: justify;"></div> <div style="border: 10px solid orange; color: white; margin: 10px 0; padding: 10px; text-align: left;"> <div class="MsoNormal"><div style="bottom: 0px; left: 2px; position: fixed;"></div><div class="MsoNormal"><embed height="600" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://dl.dropbox.com/u/66348944/dunghennessy/Flash/bannerdoc2ben/bannerdoc2ben.swf?attredirects=0" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div></div><div class="MsoNormal"><div style="bottom: 0px; position: fixed; right: 2px;"></div><div class="MsoNormal"><embed height="600" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://dl.dropbox.com/u/66348944/dunghennessy/Flash/bannerdoc2ben/bannerdoc2ben2.swf?attredirects=0" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div></div></div> <div style="text-align: justify;">Bạn có thể thay đổi các số màu đỏ theo ý của mình, trong đó height là chiều cao và width là chiều rộng của bảng quảng cáo.</div><div style="text-align: justify;">Bạn thay dòng lệnh màu xanh là link file flash của mình. Sau cùng bấm Lưu lại và trở vào Blog xem kết quả nha. </div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" /></a></div>

TẠO BẢNG QUẢNG CÁO 2 BÊN BLOG BẰNG FLASH

Tr ư ớc đ ây, t ôi c ó chia s ẻ đ ến v ới c ác b ạn c ách l àm 2 b ảng qu ảng c áo ở 2 b ên blog b ằng h ình ảnh (xem T ẠI Đ ÂY ) . Theo y ...

Đọc thêm »

TẠO MENU NGANG BẰNG HÌNH ẢNH

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4BHMwS2WR4lRQfQJ2aRR8eyc6xyqB15YSmzZibJ1P0DI4E2QO3FxkR6jB103i_1iyRczTZd0XONrHRY_htaMJueo4TSG7PL676t6pHquMPckLSXgXKY4_BKVdBXn4Un9jTUNiC_o_zc/s1600/005.png" 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/AVvXsEhW4BHMwS2WR4lRQfQJ2aRR8eyc6xyqB15YSmzZibJ1P0DI4E2QO3FxkR6jB103i_1iyRczTZd0XONrHRY_htaMJueo4TSG7PL676t6pHquMPckLSXgXKY4_BKVdBXn4Un9jTUNiC_o_zc/s320/005.png" width="320" /></a></div>Có nhiều cách để tạo menu ngang (xem <a href="http://dunghennessy.blogspot.com/search/label/MENU" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/search/label/MENU" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/search/label/MENU" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/search/label/MENU" target="_blank">ÂY</a>), hôm nay dunghennessy chia sẻ với các bạn cách làm menu ngang bằng hình ảnh (kiểu 2).</div><div style="text-align: justify;">Cũng giống với menu ngang bằng hình ảnh kiểu 1 (xem <a href="http://dunghennessy.blogspot.com/2012/05/tao-menu-ngang-bang-hinh-anh.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2012/05/tao-menu-ngang-bang-hinh-anh.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2012/05/tao-menu-ngang-bang-hinh-anh.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2012/05/tao-menu-ngang-bang-hinh-anh.html" target="_blank">ÂY</a>), khi bấm vào một hình ảnh "nó" sẽ mở ra một bảng nhỏ (Popup) dẫn bạn đến với trang mà mình đã liên kết đến. Điều đặc biệt ở menu này là khi các bạn rê chuột vào hình ảnh bất kỳ thì ảnh sẽ xoay tròn 360 độ và khi bỏ chuột ra ảnh sẽ trở về vị trí cũ trông khá đẹp mắt...và ngộ nghĩnh. Ở bài viết này, tôi sẽ dùng menu ngang để đăng nhập vào các trang mạng chia sẻ...</div><div style="text-align: justify;">Mời các bạn bấm vào thẻ Xem thử phía dưới để trải nghiệm trước nha.</div><a name="more"></a> <center><a class="bttoolz" href="#" onclick="expandingWindow('http://dunghennessythunghiem.blogspot.com/2012/10/tao-menu-ngang-bang-hinh-anh-kieu-2.html');return false">Xem thử</a></center> <div style="text-align: justify;">Rất đơn giản bạn ạ!!! Chỉ cần bạn đăng nhập vào Blog > Chọn bố cục > Thêm tiện ích HTML (nếu chưa biết cách thêm tiện ích HTML, các bạn có thể xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ÂY</a>).</div><div style="text-align: justify;">Bây giờ, bạn copy tất cả các đoạn code này vào.</div><div style="text-align: justify;">  </div><div style="border: 10px solid orange; color: white; margin: 10px 0; padding: 10px; text-align: left;"><center> <style> p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <script language="JavaScript">     function popUp(URL) {     day = new Date();     id = day.getTime();     eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=450,left = 280,top = 180');");     }     </script> <a href="javascript:popUp('http://funnylogo.info/engines/google/red/dunghennessy.aspx')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7fOa5HF3ymYxpOgwJyFufXOjGnYHwP5cZ7sA7YQ6ZrI0WQvzS9kwQ-C0fiG65uq7JKTIVCSSPea6nGctMrhJ3aoJ_lThUg6BGd1GGVgP1JmEvCFK2Z7pAwClwp2bpBL8BYf7Tsm29V0/s1600/Google-Chrome-icon.png" title="Tìm kiếm trên Google" /></a> <a href="javascript:popUp('https://accounts.google.com/servicelogin?service=blogger&passive=1209600&continue=http://www.blogger.com/home&followup=http://www.blogger.com/home&ltmpl=start#s01')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42zV5X2AJ1d-Lk1CQQx5NfRSLDiG1hcHjA6pidMgieE3QXBtEW9dP85vyZdgfRj5gUbcv3Zij9vznQNbM9edGHhhcAlo4SygA00K2Co5bdUl0lH04qbgkaMaO3rqgEWapt9wiVv6HqC4/s1600/Blogger-icon.png" title="Đăng nhập Blogspot" /></a> <a href="javascript:popUp('https://accounts.google.com/servicelogin?service=mail&passive=true&rm=false&continue=http://mail.google.com/mail/&scc=1&ltmpl=default&ltmplcache=2')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWiVr6w1qrkwJGfqg9me8jBINRYr_HiGHMGTjwZQ71Bw0fERHIRtYeeYMZn557CgFe7zQ42YWfi66dyzaVgA8fXST2Y7P4aEW9CYYaseATqcfOiWJxHJ5hIImlijafjeVgSB8ONSnAy9c/s1600/Google-icon.png" title="Đăng nhập Gmail" /></a> <a href="javascript:popUp('http://twitter.com/#!/sessions/new')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMdhgLMW-r6qn1k7WIu1bDKX7bbXFZVk_xHNksHVIOMj5DmNZZm9PPjjtX5H8iAFSkF1qMnMhzlg94DmiBwTTMrhjsV0j8GTPj0frE1V_tF48KoXhFtdPV7NfrIVm2OTyv3eyhBIzrsRA/s1600/Twitter-icon.png" title="Đăng nhập Twitter" /></a> <a href="javascript:popUp('http://www.facebook.com')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhauiozsceFD1C3HgbbS9cqYVgnBNXf4OiU5c577KFr6a2fSl3hZLaBpFmVXIFt_tP9ay68225KzUFk5ns-VBHAqWENi7JrTjiMgAp8uubqTjIJgkP3HiuhIog9ZS-uKEIOtpE0BG3RG10/s1600/facebook-icon.png" title="Đăng nhập Facebook" /></a> <a href="javascript:popUp('https://login.yahoo.com/config/login?.src=fpctx&.intl=vn&.pd=c%3d6t7evjap2e6cwwsb86qvdqk-&.done=http%3a%2f%2fvn.yahoo.com%2f')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbpeT3reRBsuWEK_GiVwSJpB_OvXyiqOGx0KybTjoaf6KaVznDGGkvjoDXkqj77mVqpsBimYWVqZWDKdmyiQbx-xuzxUHJNHBszC-svT1kj7iS2zYMFJgGzaOBuor5vWIIb83Cu8Td_RM/s1600/yahoo-icon.png" title="Đăng nhập Yahoo" /></a> <a href="javascript:popUp('http://www.youtube.com/')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHJ2VXHqK6SlgdP9K-QukMqyqHlElKQ4orkd30N7HLP1ZxQirOmqLfkS4I8wAsMxV5Sg9vLx_fdXQay7E0t8kRSMWItnK5N34RZONUVgXoiybrICF-ZqvJx3AdjD7sLJMtusY27G2YkM4/s1600/youtube-icon.png" title="Đăng nhập Youtube" /></a> </center></div> <div style="text-align: justify;">Bạn có thể thay đổi các dòng lệnh màu đỏ (link liên kết đến), màu xanh (link ảnh), màu vàng (tiêu đề ảnh khi rê chuột vào) theo ý muốn của mình, cuối cùng bấm Lưu và trở vào blog xem kết quả nha. Mở rộng thêm: Nếu muốn thêm một hay nhiều ảnh nữa, bạn thêm đoạn code này: <div style="text-align: left;"><a href="javascript:popUp('Link liên kết đến')"><img src="Link ảnh" title="Tiêu đề ảnh" /></a> </div><div style="text-align: left;"> </div><div style="text-align: left;">dán trên thẻ cuối cùng</div><div style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkih4Z79znb6xPq4Iteqf3zF-Xb15ukqimLOeC-EhbJ3KOZrNJ72LWY9xcuh7j8kgwmeKIDYh_G4dBeUwst5ZoPUhmsj7lK0jXvqVNA6Z0dLwi-Tjo53McRmdtXWORcll8CpDmIrg7d40/s1600/5.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/AVvXsEgkih4Z79znb6xPq4Iteqf3zF-Xb15ukqimLOeC-EhbJ3KOZrNJ72LWY9xcuh7j8kgwmeKIDYh_G4dBeUwst5ZoPUhmsj7lK0jXvqVNA6Z0dLwi-Tjo53McRmdtXWORcll8CpDmIrg7d40/s1600/5.gif" /></a></div> </div></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;"></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;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div>

TẠO MENU NGANG BẰNG HÌNH ẢNH

C ó nhi ều c ách đ ể t ạo menu ngang ( xem T ẠI Đ ÂY ), h ôm nay dunghennessy chia s ẻ v ới c ác b ạn c ách l àm menu ngang b ằng h ình ảnh ...

Đọc thêm »

UP LOAD VÀ CHÈN FILE FLASH NHƯ THẾ NÀO?

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhendX2WmLzw3xj1lQ4Da75ztYlwoRoP_nZnyaBMCxa_wemU-MtF-tfgraYwPBUYztXLSXiW0NiG6JEELuwqOCz_aGrCIkLcHPNpITRId7AH1vpGlLXy7MzZC8G8yMVyp7whhk5fvLCMnM/s1600/My-Flash-Files-icon.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/AVvXsEhendX2WmLzw3xj1lQ4Da75ztYlwoRoP_nZnyaBMCxa_wemU-MtF-tfgraYwPBUYztXLSXiW0NiG6JEELuwqOCz_aGrCIkLcHPNpITRId7AH1vpGlLXy7MzZC8G8yMVyp7whhk5fvLCMnM/s1600/My-Flash-Files-icon.png" /></a></div>Trước đây, tôi có chia sẻ với các bạn phần mềm tạo <a href="http://dunghennessy.blogspot.com/2011/08/tao-banner-ong.html">Banner flash động</a> để trang trí cho Blog. Sau khi tạo xong file flash, các bạn phải up load files flash này lên host để lấy link chèn vào blog. Hiện tại thì có rất nhiều host free để các bạn sử dụng nhưng tôi thường sử dụng Google Sites. Hôm nay, tôi chia sẻ với các bạn cách upload files Flash và code để các bạn chèn file Flash vào Blog. <a name="more"></a></div><div style="text-align: justify;">Đầu tiên, bạn <a href="https://www.google.com/accounts/ServiceLogin?continue=http%3A%2F%2Fsites.google.com%2F%3Fhl%3Dvi&followup=http%3A%2F%2Fsites.google.com%2F%3Fhl%3Dvi&hl=vi&service=jotspot&passive=true&ul=1">VÀO ĐÂY</a> và đăng nhập bằng tài khoản Gmail của mình. Bước kế tiếp, bạn tạo cho mình một trang Web mới (chủ yếu để mình upload file Flash nên bạn không cần chú ý đến giao diện hoặc bố cục của trang Web này).</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/AVvXsEhM-6iAoDpsFz8dfYvAcFRvxhkVkdik4LjBGuVBQaBbB7r02dtkKgXgN1j32DafuU-703-8BEwxJ0AY7r58fza29T2NuBl04JhPNBs_oP0b3xXoM5LKRPBD1nSU3dxMcarS6Ub8kWiaZGo/s1600/001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM-6iAoDpsFz8dfYvAcFRvxhkVkdik4LjBGuVBQaBbB7r02dtkKgXgN1j32DafuU-703-8BEwxJ0AY7r58fza29T2NuBl04JhPNBs_oP0b3xXoM5LKRPBD1nSU3dxMcarS6Ub8kWiaZGo/s400/001.png" width="400" /></a></div><div style="text-align: justify;"> </div><div style="text-align: justify;">Sau khi tạo được trang Web mới, bạn đăng nhập vào trang Web bấm chọn thẻ Tác vụ khác và chọn Quản lý trang Web. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT8WYgcLTK-H6rXQTjigSyXnclxzxq1npJvGCIvvkO2A6n6dbYCTSiUPnAZsn3FvszEsEVTmlw-TARkdtDfJuyle9dJAQefPmUQEUr_wJhwOugRNuaVMq70B67NcUipFKbf9y_BSAVipw/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT8WYgcLTK-H6rXQTjigSyXnclxzxq1npJvGCIvvkO2A6n6dbYCTSiUPnAZsn3FvszEsEVTmlw-TARkdtDfJuyle9dJAQefPmUQEUr_wJhwOugRNuaVMq70B67NcUipFKbf9y_BSAVipw/s320/002.png" width="320" /></a></div></div><div style="text-align: justify;">Tiếp theo một trang mới xuất hiện, bạn chọn mục Tài liệu đính kèm nằm ở khung bên trái của trang Web. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEa4qcMOfuJrqqyXRcuomb4x99a8wke4Jx-Hm7RgHhSdxobhIUI1DrFMhDs0vTFrobSVUHjiPtuQzz9O0sr35zNY1j_EXaVB8l-dEsKeRNXfExGK69tUfJboaq5d1zZshMMsWPNbqI1as/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEa4qcMOfuJrqqyXRcuomb4x99a8wke4Jx-Hm7RgHhSdxobhIUI1DrFMhDs0vTFrobSVUHjiPtuQzz9O0sr35zNY1j_EXaVB8l-dEsKeRNXfExGK69tUfJboaq5d1zZshMMsWPNbqI1as/s640/003.png" width="330" /></a></div></div><div style="text-align: justify;">Kế tiếp, bạn bấm thẻ Tải lên ở menu trên cùng để upload file flash , bạn chờ vài giây sau khi thành công thì file flash sẽ hiện ở khung bên tay phải đi kèm theo là tên của file flash và thời gian upload...Bây giờ bạn bấm vào chữ Xem để xem và lấy link. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK6lW0dFXIplB7yMFTQiil7Cb_BtMj6r15KW55KFEZiwMccXW3QwNd0j8VHr0ZlxK1LbTDsoIpIjF8svmq9rcDyYlJKjjT5XJQR_IyWW3yrHqP7wJyFqIsSdDxWoNrSePH_T4FMiVhhyE/s1600/004.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK6lW0dFXIplB7yMFTQiil7Cb_BtMj6r15KW55KFEZiwMccXW3QwNd0j8VHr0ZlxK1LbTDsoIpIjF8svmq9rcDyYlJKjjT5XJQR_IyWW3yrHqP7wJyFqIsSdDxWoNrSePH_T4FMiVhhyE/s640/004.PNG" width="530" /></a></div> </div><div style="text-align: justify;">Cách lấy link file flash: Khi upload file flash thành công, bây giờ muốn lấy link file flash nào bạn chỉ việc mở file flash đó lên xem, sau đó copy link file flash trên thẻ address của trình duyệt Web (xem hình) <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZdEUgIg1I2-UTxx0MnxuDIn1rxuk49AegjI0h-jQGvkQhK50E0YXVwI5yqPIB8B_appaH1FL2OXf7-Pp2TvbZaHbZ0xvRyesbn1e0NOikXSqPe39-Ok8U6wnNdcTYrmKYB7eUUNcyFCI/s1600/Edit_2012-07-10_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZdEUgIg1I2-UTxx0MnxuDIn1rxuk49AegjI0h-jQGvkQhK50E0YXVwI5yqPIB8B_appaH1FL2OXf7-Pp2TvbZaHbZ0xvRyesbn1e0NOikXSqPe39-Ok8U6wnNdcTYrmKYB7eUUNcyFCI/s640/Edit_2012-07-10_1.png" width="640" /></a></div>   Cuối cùng để chèn vào Blog, bạn dán link của file flash lúc nãy vào code phía dưới đây.</div><div style="text-align: justify;"> </div><div class="MsoNormal"><embed bgcolor="#FFFFFF" height="250" width="1000" pluginspage="http://www.macromedia.com/go/getflashplayer" src="<a href="http://img103.imageshack.us/img103/1518/movie6261sf0.swf" style="color: cyan;">Dán link file flash của bạn ở đây</a> " type="application/x-shockwave-flash" > </embed></div><div class="MsoNormal"> </div><div class="MsoNormal">Sau đó, bạn copy tất cả các code trên và đăng nhập vào Blog > chọn Thiết kế > thêm tiện ích HTML/Javacript rồi dán vào và bấm Lưu lại là xong, bạn có thể thay đổi kích thước mình muốn ở Height (chiều cao), Width (chiều rộng). </div><div class="MsoNormal">Bây giờ, bạn quay trở lại Blog sẽ thấy có một file flash "đẹp" được hiển thị trên Blog của mình.</div><div class="MsoNormal">Chúc các bạn thành công.</div>

UP LOAD VÀ CHÈN FILE FLASH NHƯ THẾ NÀO?

Trước đây, tôi có chia sẻ với các bạn phần mềm tạo Banner flash động để trang trí cho Blog. Sau khi tạo xong file flash, các bạn phải up lo...

Đọc thêm »