+Follow
Dashboard
Isabella's blog.
Diary Profile Friends Chatting Others

how beautiful is your life ?

Credits
Template by : Nurul lzzati
Image by : Google / Photobucket
Background : Isabella
Music from : Youtube
Best view in : Google Chrome

Likes



Share


Previous





Life is an opportunity,
benefit from it.
Life is beauty, admire it.
Life is a dream, realize it.
Life is a challenge, meet it.
Life is a duty, complete it.
Life is a game, play it.
Life is a promise, fulfill it.
Life is sorrow, overcome it.
Life is a song, sing it.
Life is a struggle, accept it.
Life is a tragedy, confront it.
Life is an adventure, dare it.
Life is luck, make it.
Life is too precious,
do not destroy it.
Life is life, fight for it.

Tuesday, November 22, 2011
添加多功能標籤 Multi tab @ 2:37 PM
0 talkative person(s)



首先登入你的部落格，設計→ 修改HTML
Sign in blogger,design→ Edit HTML


Ctrl+F 尋找 </head>
Ctrl+F find </head>

把以下的代碼paste在它的前面
Copy and paste the HTML in front of it

<script type='text/javascript'>

//<![CDATA[

function tabtampil_oom(TPID, id)

{

var Tabtampil = document.getElementById(TPID);

var TTs = Tabtampil.firstChild;

while (TTs.className != "TTs" ) TTs = TTs.nextSibling;

var TT = TTs.firstChild;

var i = 0;

do

{

if (TT.tagName == "A")

{

i++;

TT.href = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";

TT.className = (i == id) ? "Active" : "";

TT.blur();

}

}

while (TT = TT.nextSibling);

var Halamans = Tabtampil.firstChild;

while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;

var Halaman = Halamans.firstChild;

var i = 0;

do

{

if (Halaman.className == 'Halaman')

{

i++;

if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";

Halaman.style.overflow = "auto";

Halaman.style.display = (i == id) ? 'block' : 'none';

}

}

while (Halaman = Halaman.nextSibling);

}

function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);

}

function tabtampil_inisial(TPID) { tabtampil_oom(TPID, 1);

document.write('');}

//]]>

</script>

按預覽看有沒有問題，沒有的話就按保存。
Preview and save it if don't have any problem .

過後再按頁面元素→添加小工具→HTML/JavaScript
and then click page element→Add a Gadget→HTML/JavaScript

<style type="text/css">

div.TabTampil div.TTs

{height: 24px; overflow: hidden; }

div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active

{ background-color: #82CAFA; }

div.TabTampil div.Halamans

{ clear: both; border: 1px solid #000000; overflow: hidden; background-color:#ffffff;}

div.TabTampil div.Halamans div.Halaman

{ height: 100%; padding: 0px; overflow: hidden; }

div.TabTampil div.Halamans div.Halaman div.Alas

{ padding: 3px 5px; }

div.TabTampil div.TTs a

{ border-left:1px solid #000000; border-right:1px solid #000000; border-top:0px dashed #000000; border-bottom:0px dashed #000000; float: left;

display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif;

font-size: 11px; font-weight: 900; color: #000000}

</style>

<form action="tabtampil.html" method="get">

<div id="TabTampil" class="TabTampil">

<div style="width: 300px;" class="TTs"> <a>标题1</a> <a>标题2</a> <a>标题3</a></div>

<div style="width: 300px; height: 300px;" class="Halamans">

<div class="Halaman">

<div class="Alas">

<br/>



内容1





</div>

</div>

<div class="Halaman">

<div class="Alas">

<br/>



内容2



</div>

</div>

<div class="Halaman">

<div class="Alas">

<br/>



内容3



</div>

</div>

</div>

</div>

</form>

<script type="text/javascript">tabtampil_inisial('TabTampil');</script>




藍色的是選中標題的時候出現的顏色

青色是內容邊框的顏色

紅色是內容的背景顏色

紫色是標題的邊框顏色

橙色是標題的字體顏色

顏色代碼請按這裡

標題只可以寫字，而內容可以放code或者字

border是厚度，數字越大就越厚

solid 是線條類型，下面有其他的類型

只要把solid的字眼換取你要的字眼就可以了

Labels:



❤ older posts / / newer posts ❤