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 »

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TẠI BLOG (KIỂU 2)

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivnsr9lwVhcCYJ9oXxqwr_-7n9BLkmZwUhDf2-2xBl5BzNhOFW9fUv4MJFtyUhzRe4cYSiNBAR_3fGPBULgNS5brqNN6dR69h0nOy77pUDutD2QdQHYhYW4Ux0JAITn2VvQS3o3B5aJqg/s1600/01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivnsr9lwVhcCYJ9oXxqwr_-7n9BLkmZwUhDf2-2xBl5BzNhOFW9fUv4MJFtyUhzRe4cYSiNBAR_3fGPBULgNS5brqNN6dR69h0nOy77pUDutD2QdQHYhYW4Ux0JAITn2VvQS3o3B5aJqg/s200/01.png" width="200" /></a></div><div style="text-align: justify;"><span style="font-size: large;">Trước đây, tôi có chia sẻ với các bạn tiện ích xem báo ngay tại blog (kiểu 1) xem <a href="http://dunghennessy.blogspot.com/2011/08/tien-ich-xem-bao-truc-tiep-ngay-tren.html">TẠI ĐÂY</a>, hôm nay tôi sẽ tiếp tục chia sẻ với các bạn cách gắn tiện ích xem báo hoặc xem trang Web ưa thích trực tiếp ngay tại Blog (kiểu 2).</span></div><div style="text-align: justify;"><span style="font-size: large;">Với kiểu này, các trang Web, trang báo sẽ có các Tab riêng biệt, được sắp xếp khá gọn gàng ở hàng phía trên cùng, khi muốn xem trang nào các bạn chỉ cần bấm về tab đó để xem mà không cần rời khỏi trang Blog hiện tại. Nếu muốn xem trang Web đó ở một tab mới, các bạn chỉ cần đánh dấu chọn vào hàng chữ cuối cùng của khung <i><b>Open tab links in browser window instead</b></i>, ngay lập tức sẽ mở trang Web đó ở một trang riêng biệt hoàn toàn.</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn bấm vào <i><b>XEM THỬ</b></i> phía dưới để trải nghiệm nha.</span></div><span style="font-size: large;"></span><br /><a name="more"></a><br /><br /><div class="separator" style="clear: both; text-align: center;"><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2011/10/tien-ich-xem-bao-ngay-tren-blog-kieu-2.html" rel="nofollow" target="_blank">Xem thử</a></div><br /><br /><div style="text-align: justify;"><span style="font-size: large;">Rất đơn giản, chỉ cần bạn <b><i>đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML</i></b> rồi dán tất cả các code phía dưới vào</span></div><br /><style type="text/css">.note{background:#FFEA97 url() repeat-x 0 0;color:#796100;width:83%;font-weight:normal;padding:13px 15px 0;margin-bottom:2.5em;border:1px solid #E1B500;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.4);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.4);box-shadow:1px 1px 2px rgba(0,0,0,.4);position:relative;left:34px}.note p{margin-bottom:1.5em}.note p:last-child{margin-bottom:0}.note ul{margin-left:8px;margin-bottom:1.5em}.note ul:last-child{margin-bottom:0}.note li{background:url() no-repeat 0 -95px;list-style-type:none;padding-left:18px;margin-bottom:.75em}.note h5{font-size:14px;font-weight:bold;margin:0 0 .65em}.note span{background:url() no-repeat 100% 0;width:33px;height:40px;position:absolute;left:-34px;top:9px} </style><br /><div class="note"><h5> <br /></h5><br /><div class="MsoNormal"><style type="text/css"></div><div class="MsoNormal"><br /></div><div class="MsoNormal">/*Eric Meyer's based CSS tab*/</div><div class="MsoNormal"><br /></div><div class="MsoNormal">#tablist{</div><div class="MsoNormal">padding: 3px 0;</div><div class="MsoNormal">margin-left: 0;</div><div class="MsoNormal">margin-bottom: 0;</div><div class="MsoNormal">margin-top: 0.1em;</div><div class="MsoNormal">font: bold 12px Verdana;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">#tablist li{</div><div class="MsoNormal">list-style: none;</div><div class="MsoNormal">display: inline;</div><div class="MsoNormal">margin: 0;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">#tablist li a{</div><div class="MsoNormal">text-decoration: none;</div><div class="MsoNormal">padding: 3px 0.5em;</div><div class="MsoNormal">margin-left: 3px;</div><div class="MsoNormal">border: 1px solid #778;</div><div class="MsoNormal">border-bottom: none;</div><div class="MsoNormal">background: white;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">#tablist li a:link, #tablist li a:visited{</div><div class="MsoNormal">color: navy;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">#tablist li a:hover{</div><div class="MsoNormal">color: #000000;</div><div class="MsoNormal">background: #C1C1FF;</div><div class="MsoNormal">border-color: #227;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">#tablist li a.current{</div><div class="MsoNormal">background: lightyellow;</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal"></style></div><div class="MsoNormal"><br /></div><div class="MsoNormal"><script type="text/javascript"></div><div class="MsoNormal"><br /></div><div class="MsoNormal">/***********************************************</div><div class="MsoNormal">* Tabbed Document Viewer script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)</div><div class="MsoNormal">* This notice MUST stay intact for legal use</div><div class="MsoNormal">* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code</div><div class="MsoNormal">***********************************************/</div><div class="MsoNormal"><br /></div><div class="MsoNormal">var selectedtablink=""</div><div class="MsoNormal">var tcischecked=false</div><div class="MsoNormal"><br /></div><div class="MsoNormal">function handlelink(aobject){</div><div class="MsoNormal">selectedtablink=aobject.href</div><div class="MsoNormal">tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false</div><div class="MsoNormal">if (document.getElementById && !tcischecked){</div><div class="MsoNormal">var tabobj=document.getElementById("tablist")</div><div class="MsoNormal">var tabobjlinks=tabobj.getElementsByTagName("A")</div><div class="MsoNormal">for (i=0; i<tabobjlinks.length; i++)</div><div class="MsoNormal">tabobjlinks[i].className=""</div><div class="MsoNormal">aobject.className="current"</div><div class="MsoNormal">document.getElementById("tabiframe").src=selectedtablink</div><div class="MsoNormal">return false</div><div class="MsoNormal">}</div><div class="MsoNormal">else</div><div class="MsoNormal">return true</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal">function handleview(){</div><div class="MsoNormal">tcischecked=document.tabcontrol.tabcheck.checked</div><div class="MsoNormal">if (document.getElementById && tcischecked){</div><div class="MsoNormal">if (selectedtablink!="")</div><div class="MsoNormal">window.location=selectedtablink</div><div class="MsoNormal">}</div><div class="MsoNormal">}</div><div class="MsoNormal"><br /></div><div class="MsoNormal"></script></div><div class="MsoNormal"><br /></div><div class="MsoNormal"><ul id="tablist"></div><div class="MsoNormal"><li><a class="current" href="địa chỉ trang Web, bạn dán tại đây" onClick="return handlelink(this)">Tên tờ báo</a></li></div><div class="MsoNormal"><li><a href="địa chỉ trang Web bạn dán tại đây" onClick="return handlelink(this)">Tên tờ báo</a></li></div><div class="MsoNormal"><li><a href="Địa chỉ trang Web, blog bạn dán vào đây" onClick="return handlelink(this)">Tên tờ báo</a></li></div><div class="MsoNormal"><li><a href="Địa chỉ trang Web, bạn dán vào đây" onClick="return handlelink(this)">Tên tờ báo</a></li></div><div class="MsoNormal"><li><a href="Địa chỉ trang Web, bạn dán vào đây" onClick="return handlelink(this)">Tên tờ báo</a></li></div><div class="MsoNormal"></ul></div><div class="MsoNormal"><iframe id="tabiframe" src="http://www.dunghennessy.blogspot.com" width="98%" height="350px"></iframe></div><div class="MsoNormal"><br /></div><div class="MsoNormal"><form name="tabcontrol" style="margin-top:0"></div><div class="MsoNormal"><input name="tabcheck" type="checkbox" onClick="handleview()"> Open tab links in browser window instead.</div><div class="MsoNormal"></form></div><ul></ul></div><div style="text-align: justify;"><span style="font-size: large;">Bây giờ, bạn thay địa chỉ trang Web hoặc trang tờ báo ở dòng lệnh </span> </div><div class="MsoNormal" style="color: cyan; text-align: justify;"><i><b><span style="font-size: large;"><li><a href="Địa chỉ trang Web, bạn dán vào đây" onClick="return handlelink(this)">Tên tờ báo</a></li></span></b></i></div><div class="MsoNormal" style="text-align: justify;"><br /></div><div class="MsoNormal" style="text-align: justify;"><span style="font-size: large;">Nếu muốn thêm một trang Web nào nữa thì bạn chỉ cần dán thêm dòng lệnh phía trên vào phía dưới tiếp theo là được, cuối cùng bấm <i><b>Lưu lại</b></i> rồi trở lại vào Blog xem kết quả </span></div>

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TẠI BLOG (KIỂU 2)

Trước đây, tôi có chia sẻ với các bạn tiện ích xem báo ngay tại blog (kiểu 1) xem TẠI ĐÂY , hôm nay tôi sẽ tiếp tục chia sẻ với các bạn cách...

Đọc thêm »

XEM TRỰC TIẾP MỘT TRANG WEB NGAY TẠI BLOG

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-E-6wGCnyssD2_HyDdRYAk38OFLnaVHyio7AbPwuR5DMQCOhz3AZbOkLFTcN3NIfT0203axR5Sn-8ZwdZXGWtEKQ43v7Nl-NnKbwTXQpyG1OLg-9S_eiMRwpQxNO8nO8P9sDx1W4aY_M/s1600/01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-E-6wGCnyssD2_HyDdRYAk38OFLnaVHyio7AbPwuR5DMQCOhz3AZbOkLFTcN3NIfT0203axR5Sn-8ZwdZXGWtEKQ43v7Nl-NnKbwTXQpyG1OLg-9S_eiMRwpQxNO8nO8P9sDx1W4aY_M/s320/01.png" width="320" /></a></div><span style="font-size: large;">Khi đang ở trang Blog của mình, nếu bạn muốn xem một trang Web bất kỳ nào đó thì bạn phải mở thêm Tab mới trên trình duyệt.</span></div><div style="text-align: justify;"><span style="font-size: large;">Với thủ thuật đơn giản dưới đây, bạn có thể xem trang Web mình ưa thích ngay tại trang Blog của mình mà không cần mở Tab mới và không cần rời khỏi trang Blog của mình "nửa bước"!!!</span></div><div style="text-align: justify;"><span style="font-size: large;">Bạn bấm vào XEM THỬ phía dưới để thử nghiệm nha</span></div><div style="text-align: justify;"></div><div style="text-align: justify;"><span style="font-size: large;"></span><br /><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2011/10/xem-truc-tiep-mot-trang-web-ngay-tai.html" rel="nofollow" target="_blank">Xem thử</a></div><div style="text-align: justify;"><br /></div></div><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ế > Thêm tiện ích HTML</b></i> rồi copy đoạn code phía dưới dán vào.</span></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><textarea cols="60" name="code" rows="3" style="-moz-border-radius: 5px; background: #000; border: 2px inset #ccc; color: white; line-height: 1.5em; padding: 0 7px;"><iframe height="400" width="98%" frameBorder="0" src="URL OF WEB PAGE">your browser does not support IFRAMEs</iframe>