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>