Firmana Dihin Darsyah

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Friday, 30 December 2011

Membuat Tab View

Posted on 17:34 by Unknown
Tab View memiliki Fungsi yang sangat penting, apalagi bagi para pemula, tabview membuat tampilan menjadi lebih simple, dan tidak berantakan seperti Blog Media Informasi Ini :

Langkah - Langkah :
1. Login di Blogger
2. di menu Dashboard klik Layout --> Page Element
3. copy code dibawah ini :


4. lalu save.






<!-- widget by Bloganol.blogspot.com -->
<script language="JavaScript" type="text/javascript">
function st2(t){
for(i=1;i<=5;i++){
ts=document.getElementById('tt'+i);
tr = document.getElementById('dd'+i);
ta = document.getElementById('aa'+i);
if(t==i){
if(t==1) ts.className="Tab1";
if(t==2) ts.className="Tab2";
if(t==3) ts.className="Tab3";
if(t==4) ts.className="Tab4";
if(t==5) ts.className="Tab5";
ta.className="srchlinksel2";
ts.style.borderBottom="1px solid #FFFFFF";
tr.style["display"]="block";
tr.style["visibility"]="visible";
}
else{
ts.className="tb2";
ta.className="srchlink2";
ts.style.borderBottom="1px solid #B5D6EF";
tr.style["display"]="none";
tr.style["visibility"]="hidden";
}
}
}
</script>


<!-- CSS Begin //-->

<style type="text/css">.f10 {
FONT-SIZE: 10px; FONT-FAMILY: arial
}
.f11 {
FONT-SIZE: 11px; FONT-FAMILY: arial
}
.f12 {
FONT-SIZE: 12px; FONT-FAMILY: arial
}
.f12r {
FONT-SIZE: 12px; LINE-HEIGHT: 13px; FONT-FAMILY: arial
}
.f12n {
FONT-SIZE: 12px; LINE-HEIGHT: 1.3em; FONT-FAMILY: arial
}
.ft11a {
FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Tahoma
}
.fv9 {
FONT-SIZE: 9px; FONT-FAMILY: verdana
}
.fv10 {
FONT-SIZE: 10px; FONT-FAMILY: verdana
}
.ft11 {
FONT-SIZE: 11px; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma
}
.fmicro9 {
FONT-SIZE: 9px; FONT-FAMILY: Microsoft Sans Serif
}
A.srchlink:link {
COLOR: #2864b4; TEXT-DECORATION: none
}
A.srchlink:visited {
}
A.srchlinksel:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlink2:link {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlink2:visited {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlinksel2:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel2:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
.tb2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#D9E9F6');BACKGROUND-COLOR: #d9e9f6
}
.tbmain2 {
BACKGROUND-COLOR: #ffffff
}
.lfttbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#DEFFC6',EndColorStr:'#B7E4A2'); BACKGROUND-COLOR: #deffc6
}
.rttbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#DEEFF7'); BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #eef5fb
}
.rttblx {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #ffffff
}
.rt_tbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #b0dafd
}
.toptbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#4A84AD',EndColorStr:'#00426B'); BACKGROUND-COLOR: #00426b
}
.srchtbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FFFFFF',EndColorStr:'#A5DEDE'); BACKGROUND-COLOR: #a5dede
}
.Tab1 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #fedfb3
}
.Tab2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #b39dfe
}
.Tab3 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #f6fe9d
}
.Tab4 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #feaf9d
}
.Tab5 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#9DFEA5',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #9dfea5
}
A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline}
</style>
<!-- CSS End //-->
<!-- Widget Code Ends Here -->



<!-- widget by Bloganol.blogspot.com -->

<table border="0" cellspacing="0" cellpadding="0"
width="580">
<tbody>
<tr>
<td id="tt1"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid" width="70"
class="Tab1" height="22" onclick="st2('1')" align="middle"><a id="aa1"
class="srchlinksel2" href="javascript:undefined"><font
class = f12><b><center> Tab 1</center></b></font
class></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td id="tt2"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="70"
class="tb2" height="22" onclick="st2('2')" align="middle"><a id="aa2"
class="srchlink2" href="javascript:undefined"><font
class = f12><b><center> Tab 2 </center></b></font
class></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td id="tt3"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="70"
class="tb2" height="22" onclick="st2('3')" align="middle"><a id="aa3"
class="srchlink2" href="javascript:undefined"><font
class = f12><b><center> Tab 3 </center></b></font
class></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td id="tt4"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="70"
class="tb2" height="22" onclick="st2('4')" align="middle"><a id="aa4"
class="srchlink2" href="javascript:undefined"><font
class = f12><b><center> Tab 4 </center></b></font
class></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td id="tt5"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="70"
class="tb2" height="22" onclick="st2('5')" align="middle"><a id="aa5"
class="srchlink2" href="javascript:undefined"><font
class = f12><b><center> Tab 5</center></b></font
class></a></td></tr>
<tr>
<td colspan="9">
<div style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP:
0px; BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 580px;
BORDER-BOTTOM: 0px"
>


<!-- Main Headlines Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="580" height="5">
<tbody>
<tr>
<td height="5"></td></tr>
</tbody></table>
&nbsp;&nbsp; <font color="#797979" class="f10"
>
<!-- wmlheadline begin -->
<!-- TDate Begin -->
<!-- Date Begin -->
Browse Items</font>
<!-- Date End -->
<!-- TDate End -->
<div id="dd1" style="BORDER-RIGHT: #b5d6ef 0px solid;
BORDER-TOP: 0px; DISPLAY: block; VISIBILITY: visible;
BORDER-LEFT: #b5d6ef 0px solid; WIDTH: 580px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>



<table border="0" cellspacing="0" cellpadding="0"
width="580">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n"><div id="HTML3" class="widget HTML">
Tab 1</font></td>
</tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a
target="_blank" href="http://firmanadihindarsyah.blogspot.com">Media Informasi</a></b>
&nbsp; </font></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
<!-- Main
Headlines End //--></div>
<div id="dd2" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 580px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>


<!-- News Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="580">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">

Tab 2
</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a
target="_blank" href="http://firmanadihindarsyah.blogspot.com">Media Informasi</a></b>
&nbsp; </font></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
<!-- News End
//--></div>
<div id="dd3" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 580px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>


<!-- Business Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="580"><tbody>
<tr> <td width="14"></td> <td valign="top"><font color="#16387c" class="f12n">

Tab 3

</font></td></tr>
<tr> <td colspan="2" align="right"><font class="f10"><b> Widget
by <a
target="_blank" href="http://firmanadihindarsyah.blogspot.com">Media Informasi</a></b>
&nbsp; </font></td></tr>
<tr> <td height="4"></td></tr>
</tbody></table>
<!-- Business End
//--></div>
<div id="dd4" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 580px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>


<!-- Movies Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="580"><tbody>
<tr> <td width="14"></td> <td valign="top"><font color="#16387c" class="f12n">Tab 4
Content</font></td> </tr>
<tr> <td colspan="2" align="right"><font class="f10"><b> Widget
by <a
target="_blank" href="http://firmanadihindarsyah.blogspot.com">Media Informasi</a></b>
&nbsp; </font></td></tr>
<tr> <td height="4"></td></tr>
</tbody></table>
<!-- Movies End
//--></div>
<div id="dd5" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 580px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>


<!-- Sports Begin //-->
<table border="0" cellspacing="0" cellpadding="0"
width="580"><tbody>
<tr> <td width="14"></td> <td valign="top"><font color="#16387c" class="f12n">
Tab 4
</font></td></tr>
<tr> <td colspan="2" align="right"><font class="f10"><b> Widget
by <a
target="_blank" href="http://firmanadihindarsyah.blogspot.com">Media Informasi</a></b>
&nbsp; </font></td></tr>
<tr> <td
height 4=></td
height></tr>
</tbody></table>
</div>
</td></tr>
</tbody></table>
<!-- Widget Code Ends Here -->



Semoga bermanfaat by Media Informasi




Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
Posted in Tab view | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • Tsunami
    Apakah Tsunami Itu ? Kata "Tsunami" merupakan istilah dari bahasa Jepang yang menyatakan suatu gelombang laut akibat adanya perger...
  • SISTEM BILANGAN
    SISTEM BILANGAN Bilangan Biner Bilangan biner merupakan bilahgan dengan dasar 2, yang memiliki lambaing bilangan 0 dan 1....
  • Sejarah Penghargaan Kalpataru
    Sebelum adanya penghargaan Kalpataru, penghargaan lingkungan hidup secara nasional mulai diberikan pada tahun 1980 berupa sebuah plakat. Di ...
  • MEMORI
    MEMORI Adalah bagian fungsional komputer yang berfungsi untuk menyimpan program dan data. RAM (Random Access Memory) Adalah memori yang dapa...
  • Bumi adalah
    Bumi adalah planet ketiga. Di sinilah kita manusia hidup. Sampai sekarang kita masih bertanya-tanya apakah kehidupan seperti yang ada di bum...
  • Fungsi Hutan
    Dari sudut ekologis, hutan mangrove merupakan suatu bentuk ekosistem yang unik. Alasannya, di kawasan mangrove terpadu empat unsur biologis ...
  • Teknologi Nano
    Teknologi Nano Memungkinkan Pakaian tak Perlu Dicuci JAKARTA -- Teknologi nano yang diberlakukan pada serat-serat tekstil (nanotekstil) memu...
  • Sampah
    Pernahkah kita menghitung sudah berapa banyak sampah yang kita buang dalam sehari. Sisa makanan, kertas, barang-barang dari plastik, kain-ka...
  • Mempercepat kinerja jaringan
    Tulisan 7 Bila anda bekerja dalam jaringan Peer-to-Peer, PC yang dihidupkan paling awal akan bertindak sebagai pengelola login PC lainnya at...
  • Pluto
    Planet terakhir adalah Pluto. Planet ini adalah yang terkecil di tata surya. Ukurannya bahkan lebih kecil dari bulan. Keadaan di Pluto sanga...

Categories

  • ada
  • agreement
  • aku
  • alam
  • alasan
  • alnect komputer
  • anda
  • aword
  • Bahasa Indonesia
  • banjir
  • bascom
  • bintang
  • Bisnis Internet
  • Breaking news
  • Cerita Lucu
  • cerita pribadi
  • cerpen
  • cheat
  • chip poker
  • cinta
  • Contact Me
  • CPUZ
  • Domain Gratis
  • download
  • dunia
  • firman adi hindarsyah
  • Free Backlink
  • gambar
  • gunadarma
  • gunadarmatulisan.
  • hack
  • Head Letter
  • hujat
  • hutan
  • ikan
  • jujur
  • kecepatan transfer
  • Komepetisi
  • Kompetisi
  • komputer
  • kontes
  • kop Surat
  • link exchange
  • mario teguh
  • Mempercantik Blogger
  • mempercantik tampilan blog
  • NEGARA
  • news
  • no jiplak
  • PBB
  • Pemrograman Sistem
  • pengetahuan
  • perintah
  • pertanyaan
  • program LCD
  • realigi
  • sampah
  • Script
  • SEO
  • seseorang
  • singular
  • softskill
  • source code tv online
  • Stop Dreaming Start Action
  • Tab view
  • tata surya
  • tebalas
  • temukan
  • tenses
  • tes Cpu
  • texas holdem poker
  • Tips Handphone
  • Tips n Trik
  • Tips n Trik Blog
  • Tips n Trik Cmd
  • Tips n Trik Windows
  • tugas portfolio
  • tuhan
  • tulisan.
  • Tutorial
  • Tv Online
  • verb
  • Virus

Blog Archive

  • ►  2012 (16)
    • ►  May (11)
    • ►  April (1)
    • ►  March (3)
    • ►  January (1)
  • ▼  2011 (27)
    • ▼  December (10)
      • Membuat Tab View
      • Hasil OC ringan Naik Sampai 7Mhz
      • Badan HAM PBB akan Menyuruh Negara-negara di Dunia...
      • Pertanyaan Sepele
      • Tuhan memang ADIL
      • JIKA PERASAANMU TIDAK TERBALAS DENGAN SEMPURNA, JA...
      • Aku tahu kau selalu ada
      • Tidak akan ada PERUBAHAN tanpa. PERGERAKAN!
      • Temukan ALASAN TUHAN MENURUNKANMU di dunia ini?
      • Tugas 2 - B.indonesia 1
    • ►  August (1)
    • ►  May (10)
    • ►  April (2)
    • ►  March (1)
    • ►  February (2)
    • ►  January (1)
  • ►  2010 (74)
    • ►  October (4)
    • ►  June (31)
    • ►  May (29)
    • ►  March (6)
    • ►  February (3)
    • ►  January (1)
  • ►  2009 (86)
    • ►  December (1)
    • ►  November (2)
    • ►  October (1)
    • ►  September (1)
    • ►  August (3)
    • ►  July (64)
    • ►  June (12)
    • ►  May (2)
  • ►  2008 (4)
    • ►  July (4)
  • ►  2006 (2)
    • ►  July (2)
  • ►  2005 (2)
    • ►  June (1)
    • ►  January (1)
  • ►  2000 (1)
    • ►  May (1)
Powered by Blogger.

About Me

Unknown
View my complete profile