Forum Informatika
Silahkan Login

Kami sarankan anda register atau daftar terlebih dahulu agar anda dapat mendownload atau membuka category forum secara keseluruhan....
karena ada beberapa forum yang tertutup untuk tamu dan dengan Login Anda bisa menggunakan fasilitas Chatting yang kami miliki.

Selamat Bergabung

Forum Informatika

Created By Hanafi Sukawa Ginting
 
HomeFAQPasang Iklanfacebook InformatikaRegisterLog inNew Tab Newscomputer

Share | 
 

 Membuat Tab Menu View Di blogger

View previous topic View next topic Go down 
AuthorMessage


Change Your Avatar -------------->


admin

Admin
Rank : Admin


My Pets :
Jumlah posting : 550
Point : 2147483647
Reputasi : 47
Join date : 2010-04-23
Age : 24
Lokasi : indonesia

PostSubject: Membuat Tab Menu View Di blogger   Thu 30 Dec 2010, 09:50


1. Login Ke blogger anda masuk ke layout terus Edit HTML
2. Kemudian cari kode ini
Code:
]]></ b: skin>
3. Masukkan kode di bawah ini sebelum
Code:
]]></ b: skin>
atau dalam tag CSS.



Code:
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Width top main menu */
text-align: center;
height: 24px; /* Height top main menu */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Top Main menu border color */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Top main menu font */
font-weight: 900;
color: #000; /* Top main menu font color */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Top main menu background color */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Content Border color */
overflow: hidden;
background-color: #FF9900; /* Content background color */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Langkah selanjutnya yaitu pasang kode berikut ini sebelum
Code:
</ head>

Code:
<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>

5. Kemudian "save" atau simpan
6. Pergi ke "Elemen Halaman" atau "page elemen" menu
7. pilih atau klik "Tambahkan Elemen Halaman" -> "HTML / Javascript" di tempat di mana Anda ingin menempatkan tab ini.
8. Masukkan kode ini didalam HTML tersebut :

Code:
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1

Tab 1.2

Tab 1.3

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1

Tab 2.2

Tab 2.3

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1

Tab 3.2

Tab 3.3

</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

9. Simpan HTML itu
10. selesai cek blog kamu...
Back to top Go down
http://software-download1001.blogspot.com/
 

Membuat Tab Menu View Di blogger

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Forum Informatika ::  :: Blogger-
Jump to:  

Free forum | © phpBB | Free forum support | Contact | Report an abuse | Free forum