Bõm.vn

TẠO TAB CHO BLOG (MẪU 3)

<div style="text-align: justify;"><br /></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5gEutC9hvGfFaZPk0QeEvNR8IX-nfqenA7ywvKaVsEcdGgFn1zNjqOESZWAqs7b3sq6loD29eQsHQQ9XKJJMpSsMcaVFLPNnAmpRxxYpl7OzYsztRiWhcM2mZQ2bktILYPoFCUs9GNZ8/s1600/www.loogix.com_9637803.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/AVvXsEh5gEutC9hvGfFaZPk0QeEvNR8IX-nfqenA7ywvKaVsEcdGgFn1zNjqOESZWAqs7b3sq6loD29eQsHQQ9XKJJMpSsMcaVFLPNnAmpRxxYpl7OzYsztRiWhcM2mZQ2bktILYPoFCUs9GNZ8/s1600/www.loogix.com_9637803.gif" /></a><span style="font-size: large;">Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích  HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem tiện ích  nào đó bất kỳ chúng ta chỉ việc bấm vào tiện ích đó, TAB tiện ích hiện  hành sẽ đổi màu khác biệt so với các TAB khác...</span></div><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơn giản.</span></div><div style="text-align: justify;"><span style="font-size: large;">Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)</span></div><br /><br /><br /><br /><a name="more"></a><br /><br /><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a class="bttoolz" href="http://dungheineken5.blogspot.com/" rel="nofollow" target="_blank">XEM THỬ</a>  </div><br /><br /><span style="font-size: large;">Đầu tiên bạn đăng <b><i>nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, </i></b>bấm cặp phím <b><i>Ctrl+F</i></b> để mở hộp tìm kiếm và gõ vào đó dòng lệnh <b><i></head></i><i> </i></b> và dán tất cả code phía dưới vào trên thẻ đóng<b><i> </head></i></b> này và bấm <b><i>Lưu mẫu</i></b>.</span><br /><br /><br /><br /><center><div style="background-color: #cfecec; height: 260px; overflow: scroll; width: 650px;"><br /><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag"> </span><span class="attribute">src</span><span class="tag">=</span><span class="value">"http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span><code></code></pre><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag"> </span><span class="attribute">src</span><span class="tag">=</span><span class="value">"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span><code></code></pre><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="javascript">    $(document).ready(</span><span class="keyword">function</span><span class="params">()</span><span class="function"> {</span><span class="javascript"></span></pre><pre style="color: black;"><span class="javascript">        $(</span><span class="string">"#tabs"</span><span class="javascript">).tabs();</span></pre><pre style="color: black;"><span class="javascript">    });</span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span></pre><pre><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"><</span></span><span class="keyword" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">link</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">rel</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"stylesheet"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">href</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/hot-sneaks/jquery-ui.css"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">type</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"text/css"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> /></span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="tag"> </span></pre></div><div style="font-family: verdana,arial,sans-serif; font-size: 10px;"></div></center></div><br /><br /><br /><span style="font-size: large;">Tiếp theo, bạn thêm tiện ích <b><i>HTML/Javacript</i></b> rồi dán đoạn code phía dưới vào.</span><br /><br /><br /><br /><center><div style="background-color: #cfecec; height: 320px; overflow: scroll; width: 650px;"><br /><div class="MsoNormal" style="color: black;"><div id="tabs"></div><div class="MsoNormal" style="color: black;"><ul></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-1"><span style="color: red;">Tiêu đề tiện ích 1</span></a></li></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-2"><span style="color: red;">Tiêu đề tiện ích 2</span></a></li></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-3"><span style="color: red;">Tiêu đề tiện ích 3</span></a></li></div><div class="MsoNormal" style="color: black;"></ul></div><div class="MsoNormal" style="color: black;"><div id="tabs-1"><span style="color: blue;">Nhập nội dung tiện ích 1 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><div id="tabs-2"><span style="color: blue;">Nhập nội dung tiện ích 2 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><div id="tabs-3"><span style="color: blue;">Nhập nội dung tiện ích 3 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">+ dungheineken</a></span></div><div class="MsoNormal" style="color: black;"><noscript><span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">dungheineken</a></span></noscript></div><div class="MsoNormal" style="color: black;"></div></div></div><div style="color: black; font-family: verdana,arial,sans-serif; font-size: 10px;"></div></center><br /><div style="color: black;"></div><br /><br /><span style="font-size: large;">Bây giờ, bạn có thể thay <i><b>tên hiển thị</b></i> và dán <b><i>nội dung</i></b> của bạn vào code trên và bấm lưu mẫu, quay trở lại blog xem kết quả.</span><br /><br />

TẠO TAB CHO BLOG (MẪU 3)

Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem ti...

Đọc thêm »

FOLIOPRESS THEMES

<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><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5rlzFAPu8AXELLZXKJ3VeQ7S8N3xvCHtBPI1Afr0JVulrbWOaymeAQaenhurT2hWg2Iz86ud8NBdR1e5LhFf2tT0f8JFX6XgSlClhv7_uD_iVYGFjj5kjXrKBOSZWvmDZVAY3LM2mTPU/s1600/01_iPiccy004.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5rlzFAPu8AXELLZXKJ3VeQ7S8N3xvCHtBPI1Afr0JVulrbWOaymeAQaenhurT2hWg2Iz86ud8NBdR1e5LhFf2tT0f8JFX6XgSlClhv7_uD_iVYGFjj5kjXrKBOSZWvmDZVAY3LM2mTPU/s320/01_iPiccy004.png" width="320" /></a><span style="font-size: large;">Đây  là Theme không có side nào, khung bài đăng được phân thành nhiều ô nhỏ (thuận tiện cho các bạn đăng hình ảnh), có 3 cột sidebar phía dưới chân Blog, bạn bấm xem trước  phía dưới, nếu   thích thì bấm Download để tải theme này về và cài đặt  cho Blog của   mình. Các bạn có thể xem bài "<a href="http://dunghennessy.blogspot.com/2011/08/thay-oi-giao-dien-cho-blogger.html">THAY   ĐỔI GIAO DIỆN CHO BLOGGER</a>" để biết cách cài đặt cho Blog</span></div><br /><br /><a name="more"></a><br /><br /><div style="text-align: center;"><span style="font-size: large;"><b>THEMES FOLIOPRESS</b></span></div><div style="text-align: center;"><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/AVvXsEjXCPhYwdjJpy6mLD4ARm9-amm-ESFjP4dVvO-103VDwrE32BJV03XJpoJyP5_z3497B0RtJ7SU0vhccAshyvDZhM-qOnx0F2miOQu7Yr3oenTDHxA5ffcr1X5xm61KOHAhDrK0y0GYiOQ/s1600/002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="524" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXCPhYwdjJpy6mLD4ARm9-amm-ESFjP4dVvO-103VDwrE32BJV03XJpoJyP5_z3497B0RtJ7SU0vhccAshyvDZhM-qOnx0F2miOQu7Yr3oenTDHxA5ffcr1X5xm61KOHAhDrK0y0GYiOQ/s640/002.png" width="640" /></a></div><br /></div><div class="separator" style="clear: both; text-align: center;"><a class="bttoolz" href="http://anhdepblog.blogspot.com/" rel="nofollow" target="_blank">Xem trước</a>  <a class="bttoolz" href="http://www.mediafire.com/file/yw5nwnw2ww4zfnl/foliopress.rar" rel="nofollow" target="_blank">Download</a></div><br /><br /><div style="text-align: right;"><i>Nguồn: Btemplate box</i></div>

FOLIOPRESS THEMES

Đây là Theme không có side nào, khung bài đăng được phân thành nhiều ô nhỏ (thuận tiện cho các bạn đăng hình ảnh), có 3 cột sidebar phía dư...

Đọc thêm »

TẠO BẢNG THÔNG BÁO CHO BLOG (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/AVvXsEhoiiF1nFXouz8_FlS-hbqc-8UsS1AoGdAQnTqIxsYdDs3mnVz_EKFEO0sUYWRlw3jCF5c_Mc-NFBnfHxtLdnzn-LGhHUqwE7givdh2c94Pzd8e02_5J4fTnzKqbq6nzFMKshftmvdkj3U/s1600/Actions-irc-voice-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/AVvXsEhoiiF1nFXouz8_FlS-hbqc-8UsS1AoGdAQnTqIxsYdDs3mnVz_EKFEO0sUYWRlw3jCF5c_Mc-NFBnfHxtLdnzn-LGhHUqwE7givdh2c94Pzd8e02_5J4fTnzKqbq6nzFMKshftmvdkj3U/s1600/Actions-irc-voice-icon.png" /></a></div><span style="font-size: large;">Để truyền đạt lại thông tin của người quản trị blog đến với khách tham quan, các bạn phải tạo một bảng thông báo cho blog.</span></div><div style="text-align: justify;"><span style="font-size: large;">Với đoạn code đơn giản dưới đây, bạn sẽ dễ dàng tạo một bảng thông báo để truyền đạt lại thông tin mình muốn đến với khách tham quan.</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn click thử bảng thông báo phía dưới để thử nghiệm nha.</span></div><div style="text-align: justify;"><span style="font-size: large;"></span></div><a name="more"></a><span style="font-size: large;"> </span><br /><br /><br /><br /><center><br /><script type="text/javascript">function show_alert(){alert("Để xem dunghennessy.blogspot.com tốt nhất, các bạn vui lòng xem trên trình duyệt FireFox. Cám ơn các bạn đã tham quan và ủng hộ dunghennessy. Chúc các bạn có môt ngày vui vẻ và hạnh phúc")} </script><input onclick="show_alert()" type="button" value="CLICK VÀO ĐÂY ĐỂ XEM THÔNG BÁO!!!" /></center><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Để làm được điều này, bạn chỉ cần <i><b>đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML/Javacript</b></i> rồi dán tất cả code này vào.</span></div><div style="text-align: justify;"><br /><textarea cols="70" name="code" rows="2" style="background: #AC58FA; border: 3px double #ffaf; color: white; line-height: 1.5em; padding: 5px;"><script type="text/javascript">function show_alert(){alert("NHẬP NỘI DUNG VÀO ĐÂY")}</script><input type="button"onclick="show_alert()"value="THÔNG BÁO"/>

Bây giờ, bạn nhập nội dung của mình muốn truyền đạt lại với khách tham quan thay thế đoạn "NHẬP NỘI DUNG VÀO ĐÂY", sau cùng bấm Lưu lại và quay vào blog xem kết quả.

TẠO BẢNG THÔNG BÁO CHO BLOG (KIỂU 1)

Để truyền đạt lại thông tin của người quản trị blog đến với khách tham quan, các bạn phải tạo một bảng thông báo cho blog. Với đoạn code đơn...

Đọc thêm »

TRANG TRÍ TIÊU ĐỀ BLOG (phần 7)

<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/AVvXsEhsOu7goSfnq0X_Bl0F1CP3QubryEIZ973UgYeqs8NzvXimMg6j1nES1eKycRkDkLDQ_JQ4qb0aYEQJz8trCYuOOH87k1_J24z2fXLkl7ayTvy9VlxQcx7gLEo5o40lLBxmO43xMxx3Lwc/s1600/01_iPiccy004.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsOu7goSfnq0X_Bl0F1CP3QubryEIZ973UgYeqs8NzvXimMg6j1nES1eKycRkDkLDQ_JQ4qb0aYEQJz8trCYuOOH87k1_J24z2fXLkl7ayTvy9VlxQcx7gLEo5o40lLBxmO43xMxx3Lwc/s200/01_iPiccy004.png" width="200" /></a></div><span style="font-size: large;">Tiêu đề Blog (Banner) là hình nền nằm ở đầu trang, đây là nơi bạn đặt tên Blog của mình (hoặc kèm theo phần mô tả blog). Nếu banner của bạn là hình tĩnh, bạn có thể gắn thêm hiệu ứng Flash cho thêm sinh động.</span><br /><a name="more"></a></div><div style="text-align: justify;"><span style="font-size: large;">Dưới đây là một số file Flash đẹp để dùng trang trí cho Banner, bạn bấm vào chữ <b>XEM </b>để xem trước hiệu ứng, nếu thích bạn chỉ việc <i><b>đăng nhập vào blog > chọn thêm tiện ích > thêm HTML/Javacrip</b></i> rồi copy code tương ứng phía dưới dán vào, bấm <b><i>Lưu lại</i></b>. Sau khi lưu lại, bạn kéo tiện ích này lên đầu trang (nằm dưới tiêu đề blog) bấm <i><b>Lưu </b></i>lần nữa rồi trở lại Blog xem kết quả.</span></div><div style="text-align: justify;"><span style="font-size: large;"><b>Mẫu 1:</b> </span></div><div class="separator" style="clear: both; text-align: center;"><script language="JavaScript"></script></div><br /><div style="text-align: center;"><a href="http://img137.imageshack.us/img137/1135/20081101158646319.swf"><img alt="" border="0" name="mover1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwhHnbKOjeu9aAnsoK8A2i1CoItDHDfcDYAEzopTjUhBPRAboM1AKleLJuVnf2DUn-Cj75VnOWyMTwGNBBEDBGcnJxl8kiip-xiq8GUQrA76YCDqF7bGrwAWs8ysNyPnY6hGt76goxvpB2/s1600/coollogo_com-2257137.png" /></a></div><br /><br /><textarea cols="70" name="code" rows="3" style="-moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 2px inset rgb(204, 204, 204); color: white; line-height: 1.5em; padding: 0pt 7px;"> <embed allowscriptaccess="sameDomain" bgcolor="#ffffff" height="120" id="menu" name="menu" quality="high" src="http://img137.imageshack.us/img137/1135/20081101158646319.swf" style="position: absolute; top: 0px; width: 780px; z-index: 1;" type="application/x-shockwave-flash" width="900" wmode="transparent"></embed>

Mẫu 2:

Mẫu 3:

Mẫu 4:

Mẫu 5:

Mẫu 6:

Mẫu 7:

Mẫu 8:

Mẫu 9:

Mẫu 10:

Mách nhỏ: Bạn có thể ghép 1 hoặc nhiều files flash vào cùng một tiện ích để tạo cho mình một banner "độc quyền".
Nếu vì lý do nào đó, bạn chèn các files flash này không được như mong muốn (không chèn vào được header), bạn xem thêm bài TẠO KHUNG "THÊM TIỆN ÍCH" CHO HEADER

TRANG TRÍ TIÊU ĐỀ BLOG (phần 7)

Tiêu đề Blog (Banner) là hình nền nằm ở đầu trang, đây là nơi bạn đặt tên Blog của mình (hoặc kèm theo phần mô tả blog). Nếu banner của bạn ...

Đọc thêm »

TẠO TAB CHO BLOG (MẪU 2)

<div style="text-align: justify;"><br /></div><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/AVvXsEgQgmxfSyddf2gFRV2F6Gvj7Dsywief_a7sJ1V6ckxUR6A5eh0hyphenhyphenpNpmvZPoIW8-5xd14Upu5Z-nKezeYzMEH9mxVHmxW1RAWzHChMqXXYjCzPk9C8FpD50VwA6bhTfmeoUniZ1wxK63YU/s1600/www.loogix.com_9621951.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/AVvXsEgQgmxfSyddf2gFRV2F6Gvj7Dsywief_a7sJ1V6ckxUR6A5eh0hyphenhyphenpNpmvZPoIW8-5xd14Upu5Z-nKezeYzMEH9mxVHmxW1RAWzHChMqXXYjCzPk9C8FpD50VwA6bhTfmeoUniZ1wxK63YU/s1600/www.loogix.com_9621951.gif" /></a></div><span style="font-size: large;">Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích  HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem tiện ích  nào đó bất kỳ chúng ta chỉ việc bấm vào tiện ích đó, TAB tiện ích hiện  hành sẽ đổi màu khác biệt so với các TAB khác...</span></div><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơn giản.</span></div><div style="text-align: justify;"><span style="font-size: large;">Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)</span></div><br /><br /><br /><br /><a name="more"></a><br /><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a class="bttoolz" href="http://dungheineken6.blogspot.com/" rel="nofollow" target="_blank">XEM THỬ</a>  </div><br /><br /><br /><span style="font-size: large;">Đầu tiên bạn đăng <b><i>nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, </i></b>bấm cặp phím <i><b>Ctrl+F</b></i> để mở hộp tìm kiếm và gõ vào đó dòng lệnh <b><i></head></i><i> </i></b> và dán tất cả code phía dưới vào trên thẻ đóng <i><b></head></b></i> này và bấm <i><b>Lưu mẫu</b></i>.</span><br /><br /><br /><br /><br /><center><div style="background-color: #cfecec; height: 260px; overflow: scroll; width: 650px;"><br /><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag"> </span><span class="attribute">src</span><span class="tag">=</span><span class="value">"http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span><code></code></pre><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag"> </span><span class="attribute">src</span><span class="tag">=</span><span class="value">"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span><code></code></pre><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="javascript">    $(document).ready(</span><span class="keyword">function</span><span class="params">()</span><span class="function"> {</span><span class="javascript"></span></pre><pre style="color: black;"><span class="javascript">        $(</span><span class="string">"#tabs"</span><span class="javascript">).tabs();</span></pre><pre style="color: black;"><span class="javascript">    });</span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span></pre><pre><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"><</span></span><span class="keyword" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">link</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">rel</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"stylesheet"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">href</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/cupertino/jquery-ui.css"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">type</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"text/css"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> /> </span></span><span class="tag"> </span></pre></div><div style="font-family: verdana,arial,sans-serif; font-size: 10px;"></div></center></div><br /><br /><br /><span style="font-size: large;">Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.</span><br /><br /><br /><br /><center><div style="background-color: #cfecec; height: 320px; overflow: scroll; width: 650px;"><br /><div class="MsoNormal" style="color: black;"><div id="tabs"></div><div class="MsoNormal" style="color: black;"><ul></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-1"><span style="color: red;">Tiêu đề tiện ích 1</span></a></li></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-2"><span style="color: red;">Tiêu đề tiện ích 2</span></a></li></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-3"><span style="color: red;">Tiêu đề tiện ích 3</span></a></li></div><div class="MsoNormal" style="color: black;"></ul></div><div class="MsoNormal" style="color: black;"><div id="tabs-1"><span style="color: blue;">Nhập nội dung tiện ích 1 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><div id="tabs-2"><span style="color: blue;">Nhập nội dung tiện ích 2 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><div id="tabs-3"><span style="color: blue;">Nhập nội dung tiện ích 3 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">+ dungheineken</a></span></div><div class="MsoNormal" style="color: black;"><noscript><span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">dungheineken</a></span></noscript></div><div class="MsoNormal" style="color: black;"></div></div></div><div style="color: black; font-family: verdana,arial,sans-serif; font-size: 10px;"></div></center><br /><div style="color: black;"></div><br /><br /><span style="font-size: large;">Bây giờ, bạn có thể thay <i><b>tên hiển thị</b></i> và dán <b><i>nội dung</i></b> của bạn vào code trên và bấm lưu mẫu, quay trở lại blog xem kết quả.</span>

TẠO TAB CHO BLOG (MẪU 2)

Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem ti...

Đọc thêm »

TẠO TAB CHO BLOG (MẪU 1)

<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/AVvXsEgXth9_b8PEvtltBCm2r_zEXng0n6HDCkbp6g5WFez1FigKdrIKVEFWU3_7L3x50s5E-kzTi023K5tGFEnpf9AMrWBat_G2dmz_abdka0CoJsJ7-9tlIRLevLteW5C9cV78kJ5SSxD8u6Q/s1600/www.loogix.com_9618531.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/AVvXsEgXth9_b8PEvtltBCm2r_zEXng0n6HDCkbp6g5WFez1FigKdrIKVEFWU3_7L3x50s5E-kzTi023K5tGFEnpf9AMrWBat_G2dmz_abdka0CoJsJ7-9tlIRLevLteW5C9cV78kJ5SSxD8u6Q/s1600/www.loogix.com_9618531.gif" /></a></div><span style="font-size: large;">Để  tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích  HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem tiện ích  nào đó bất kỳ chúng ta chỉ việc bấm vào tiện ích đó, TAB tiện ích hiện  hành sẽ đổi màu khác biệt so với các TAB khác...</span></div><div style="text-align: justify;"><span style="font-size: large;">Thủ thuật này cũng khá đơn giản.</span></div><div style="text-align: justify;"><span style="font-size: large;">Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)</span></div><br /><a name="more"></a><br /><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a class="bttoolz" href="http://dungheineken4.blogspot.com/2011/11/tab1-tab2-tab3-tab4-thu-nghiem-1-thu.html" rel="nofollow" target="_blank">XEM THỬ</a>  </div><br /><span style="font-size: large;">Đầu tiên bạn đăng <b><i>nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, </i></b>bấm cặp phím <i><b>Ctrl+F</b></i> để mở hộp tìm kiếm và gõ vào đó dòng lệnh <i style="color: red;"><b></head> </b></i> và dán tất cả code phía dưới vào trên thẻ đóng <i><b></head></b></i> này và bấm <b><i>Lưu mẫu</i></b>.</span><br /><br /><br /><center><div style="background-color: #cfecec; height: 260px; overflow: scroll; width: 650px;"><br /><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag"> </span><span class="attribute">src</span><span class="tag">=</span><span class="value">"http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span><code></code></pre><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag"> </span><span class="attribute">src</span><span class="tag">=</span><span class="value">"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span><code></code></pre><pre style="color: black;"><span class="tag"><</span><span class="keyword">script</span><span class="tag">></span><span class="javascript"></span></pre><pre style="color: black;"><span class="javascript">    $(document).ready(</span><span class="keyword">function</span><span class="params">()</span><span class="function"> {</span><span class="javascript"></span></pre><pre style="color: black;"><span class="javascript">        $(</span><span class="string">"#tabs"</span><span class="javascript">).tabs();</span></pre><pre style="color: black;"><span class="javascript">    });</span></pre><pre style="color: black;"><span class="tag"></</span><span class="keyword">script</span><span class="tag">></span></pre><pre><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"><</span></span><span class="keyword" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">link</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">rel</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"stylesheet"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">href</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/dot-luv/jquery-ui.css"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> </span></span><span class="attribute" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">type</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">=</span></span><span class="value" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;">"text/css"</span></span><span class="tag" style="color: black;"><span style="font-family: "Times New Roman"; font-size: 12pt;"> /></span></span><span class="tag"> </span></pre></div><div style="font-family: verdana,arial,sans-serif; font-size: 10px;"></div></center><br /><br /><br /><span style="font-size: large;">Tiếp theo, bạn thêm <b><i>tiện ích HTML/Javacript</i></b> rồi dán đoạn code phía dưới vào.</span><br /><br /><br /><center><div style="background-color: #cfecec; height: 320px; overflow: scroll; width: 650px;"><br /><div class="MsoNormal" style="color: black;"><div id="tabs"></div><div class="MsoNormal" style="color: black;"><ul></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-1"><span style="color: red;">Tiêu đề tiện ích 1</span></a></li></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-2"><span style="color: red;">Tiêu đề tiện ích 2</span></a></li></div><div class="MsoNormal" style="color: black;"><li><a href="#tabs-3"><span style="color: red;">Tiêu đề tiện ích 3</span></a></li></div><div class="MsoNormal" style="color: black;"></ul></div><div class="MsoNormal" style="color: black;"><div id="tabs-1"><span style="color: blue;">Nhập nội dung tiện ích 1 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><div id="tabs-2"><span style="color: blue;">Nhập nội dung tiện ích 2 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><div id="tabs-3"><span style="color: blue;">Nhập nội dung tiện ích 3 vào đây</span></div></div><div class="MsoNormal" style="color: black;"><span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">+ dungheineken</a></span></div><div class="MsoNormal" style="color: black;"><noscript><span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">dungheineken</a></span></noscript></div><div class="MsoNormal" style="color: black;"></div></div></div><div style="font-family: verdana,arial,sans-serif; font-size: 10px;"></div></center></div><br /><span style="font-size: large;">Bây giờ, bạn có thể thay <i><b>tiêu đề tiện ích</b></i> và dán <b><i>nội dung</i></b> <b><i>tiện ích</i></b> của bạn vào code trên và bấm <i><b>lưu mẫu</b></i>, quay trở lại blog xem kết quả.</span><br /><br />

TẠO TAB CHO BLOG (MẪU 1)

Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem t...

Đọc thêm »

HIỂN THỊ BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 2)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEr3gSC2g4kdRYfA2DJ6onbT021QOEc6_WOU5FGsaTnDmesqOgfS1SOCNDVim9XifqniQpikzCE4hmJm6-X-2bCxlA3BYvyISAJAs67gRFLW23FxoKEo0T8hyphenhyphen5sYRdwsrlFPQkSdhFkM/s1600/004.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEr3gSC2g4kdRYfA2DJ6onbT021QOEc6_WOU5FGsaTnDmesqOgfS1SOCNDVim9XifqniQpikzCE4hmJm6-X-2bCxlA3BYvyISAJAs67gRFLW23FxoKEo0T8hyphenhyphen5sYRdwsrlFPQkSdhFkM/s200/004.png" width="200" /></a></div><span style="font-size: large;">Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị một hình ảnh đại diện phía trên, dưới hình ảnh là tiêu đề bài đăng. Và được trình diễn chạy tự động từ phải qua trái hay ngược lại.</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn bấm vào thẻ XEM THỬ để trải nghiệm trước.</span></div><div style="text-align: justify;"><span style="font-size: large;"></span></div><a name="more"></a><br /><br /><div class="separator" style="clear: both; text-align: center;"><a class="bttoolz" href="http://dunghennessy5.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></div><br /><div style="text-align: justify;"><span style="font-size: large;">Đầu tiên, bạn <i><b>đăng nhập vào Blog > chọn Thiết kế > Chỉnh sửa HTML</b></i>, bấm cặp phím <i><b>Ctrl+F</b></i> để mở hộp tìm kiếm và gõ vào đó dòng lệnh <i><b>]]></b:skin></b></i> và dán trước dòng lệnh đó đoạn code phía dưới</span></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><div class="MsoNormal"><span style="font-size: large;">.bgcontent{background:#efefef; <span style="color: red;">/*màu nền của tiện ích*/</span><br />height:140px; <span style="color: red;">/*chiều cao của tiện ích*/</span><br />width:500px; <span style="color: red;">/*độ rộng của tiện ích*/</span><br />}<br />#rc-content {<br />padding:4px;<br />width:500px; <span style="color: red;">/*độ rộng của tiện ích*/</span><br />}<br />#rc-main {<br />width:110px;<br />background:#fff url(https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXXfgP5zNLI/AAAAAAAAAGU/Dh1jYQZoSgM/main-bg.png) repeat-y;<br />}<br />#rc-top {<br />background:#fff url(https://lh3.googleusercontent.com/_9-sNIAfGhKg/TXXff4uaqaI/AAAAAAAAAGQ/cj2q0Y_nb-A/top-bg.png) no-repeat top;<br />height:3px;<br />}<br />#rc-bottom {<br />background:#fff url(https://lh5.googleusercontent.com/_9-sNIAfGhKg/TXXffoEZMJI/AAAAAAAAAGM/JJSC-pSoUTk/bottom-bg.png) no-repeat bottom;<br />height:3px;<br />}<br />.rc-thumbs {<br />padding:2px 5px 5px 5px;<br />height:70px;<br />}<br />.rc-thumbs IMG {<br />width:100px; <span style="color: red;">/*độ rộng của ảnh thumbnail*/</span><br />height:70px; <span style="color: red;">/*chiều cao của ảnh thumbnail*/</span><br />}<br />.rc-title {<br />height:48px;<br />padding:0px 3px 2px 3px;<br />line-height:1.3em;<br />font-size:11px;<br />font-weight:bold;<br />}<br />.rc-title a {color:#0000ff;}<br />.rc-title a:hover {color:#ff0033;}</span></div><br /><div style="color: blue;"><span style="font-size: large;">Bạn bấm <i><b>Lưu lại</b></i> và trở lại <i><b>Thiết kế > Thêm tiện ích HTML/Javacript</b></i> rồi tiếp tục dán đoạn code phía dưới vào</span></div><br /><div style="text-align: left;"><span style="font-size: large;"><div style="font-weight:bold; border: 2px #30a1db solid; padding:5px; text-align:center; background:#FFF380;">Thủ thuật Win 7</div></span><br /><span style="font-size: large;"><div class="bgcontent"></span><br /><span style="font-size: large;"><script language="JavaScript"></span><br /><span style="font-size: large;">imgr = new Array();</span><br /><span style="font-size: large;">imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSVYfPjzzZj8eMguhSQgNxz_mBDF3rBtDS5paxICkwbfZ_6gOdSMqqa_mRjkTNfarLfNs8Qrj4MRjN6AH_OgrsOsS5TDbkozcq6lsTyynLp_B5lsNruwn2EUeVgRua8n2Yi0eSTzMvX5vE/";</span><br /><span style="font-size: large;">showRandomImg = true;</span><br /><span style="font-size: large;">zaBold = false;</span><br /><span style="font-size: large;">numposts = 20; <span style="color: red;">//số bài trình diễn trong tiện ích</span></span><br /><span style="font-size: large;">label = "WIN 7"; <span style="color: red;">//thay thành tên nhãn của blog bạn</span></span><br /><span style="font-size: large;">summaryTitle = 40; <span style="color: red;">//số ký tự của tiêu đề bài viết</span></span><br /><span style="font-size: large;">home_page = "http://www.dungheineken.blogspot.com/"; <span style="color: red;">//thay thành địa chỉ blog bạn</span></span><br /><span style="font-size: large;"></script></span><br /><br /><span style="font-size: large;"><marquee align="center" direction="left" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="500"></span><br /><span style="font-size: large;"><script src="http://dl.dropbox.com/u/66348944/rc_<span style="color: yellow;">label</span>.js" type="text/javascript"></span><br /><span style="font-size: large;"></script></span><br /><span style="font-size: large;"></marquee></div></span><br /><br /><span style="font-size: large;"><p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://dungheineken.blogspot.com/search/label/WIN%207"> Thủ thuật Win 7 &#187;</a></p></span></div></div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /><div style="color: blue;"><span style="font-size: large;">Bây giờ bạn dựa theo các phần ghi chú trong code (màu đỏ) để chỉnh sửa lại cho phù hợp với ý thích của mình và <b><i>Bấm lưu</i></b> lại.</span><br /><span style="font-size: large;">Nếu không muốn tiện ích này hiển thị các bài viết trong nhãn mà hiển thị hết cho các bài ở Blog thì bạn thay chữ <span style="color: yellow;">label (màu vàng)</span> thành chữ allpost là xong</span></div><span style="font-size: large;"><i><b><br /></b></i></span><br /><span style="color: cyan; font-size: large;"><i><b>Lưu ý: Bạn phải điền chính xác <span style="font-size: x-large;">tên nhãn</span>, <span style="font-size: x-large;">địa chỉ Blog</span> của mình và quan trọng nhất là số bài trình diễn trong tiện ích <span style="font-size: x-large;">phải bằng hoặc ít hơn</span> số bài trong cùng một nhãn, nếu số bài trình diễn trong tiện ích nhiều hơn số bài hiện có trong nhãn thì hình ảnh sẽ không được hiển thị...</b></i></span></div><span style="font-size: large;"> </span>

HIỂN THỊ BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 2)

Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị một hình ảnh đại diện phía trên, dưới hình ảnh là tiêu đề bài đăng. Và được ...

Đọc thêm »