Xem báo ngay trên blog của bạn

Tiện ích xem báo ngay trên blog của bạn, chỉ cần tạo 1 tiện ích HTML hoặc bài đăng mới hoặc trang mới, cách làm như sau:

Xem DEMO: click here

Vào blogspot tạo 1 tiện ích HTML hoặc bài đăng mới hoặc trang mới, đặt tiêu đề cho nó:

Vào tiện ích thì copy code bên dưới bỏ vào, bài viết mới và trang mới thì chuyển sang dạng HTML (thay vì "Viết") copy code bên dưới dán vào:

CODE:

<style type="text/css">



/*Eric Meyer's based CSS tab*/



#tablist{

padding: 3px 0;

margin-left: 0;

margin-bottom: 0;

margin-top: 0.1em;

font: bold 12px Verdana;

}



#tablist li{

list-style: none;

display: inline;

margin: 0;

}



#tablist li a{

text-decoration: none;

padding: 3px 0.5em;

margin-left: 3px;

border: 1px solid #778;

border-bottom: none;

background: white;

}



#tablist li a:link, #tablist li a:visited{

color: navy;

}



#tablist li a:hover{

color: #000000;

background: #C1C1FF;

border-color: #227;

}



#tablist li a.current{

background: lightyellow;

}



</style>



<script type="text/javascript">



/***********************************************

* Tabbed Document Viewer script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/



var selectedtablink=""

var tcischecked=false



function handlelink(aobject){

selectedtablink=aobject.href

tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false

if (document.getElementById && !tcischecked){

var tabobj=document.getElementById("tablist")

var tabobjlinks=tabobj.getElementsByTagName("A")

for (i=0; i<tabobjlinks.length; i++)

tabobjlinks[i].className=""

aobject.className="current"

document.getElementById("tabiframe").src=selectedtablink

return false

}

else

return true

}



function handleview(){

tcischecked=document.tabcontrol.tabcheck.checked

if (document.getElementById && tcischecked){

if (selectedtablink!="")

window.location=selectedtablink

}

}



</script>



<ul id="tablist">

<li><a class="current" href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

<li><a href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

<li><a href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

<li><a href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

<li><a href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

</ul>

<iframe id="tabiframe" src=""Địa chỉ trang Web" width="98%" height="350px"></iframe>



<form name="tabcontrol" style="margin-top:0">

<input name="tabcheck" type="checkbox" onClick="handleview()"> Open tab links in browser window instead.

</form>

Thay dòng chữ Địa chỉ trang Web thành link trang báo, Thay tên tờ báo thành tên trang báo, thay 350px lên cao 1 tý tùy ý, cỡ 800 thì đc...

Muốn thêm vài chục tờ báo nữa thì cứ ngồi copy dòng:

<li><a href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

dán bên dưới dòng:

<li><a href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

<li><a href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

.............................................................................

<li><a href="Địa chỉ trang Web" onClick="return handlelink(this)">Tên tờ báo</a></li>

là đc.

***Thanks you CODE share bởi dunghennessy