Trims telah datang di @ku dewe

Arsip Blog

Senin, 02 Januari 2012

Pasang Widget 3 halaman





Apa gunanya widget 3 halaman>> gw juga nggak tau wkwkkwk serius dung... iya iya ku terangin!!! kegunannya untuk menghemat tempat atau halaman blog anda biar nggak terlalu rame... Oooo gitu ya.... trus caranya gimana?
Begini caranya, perhatikan baik2 ya, lipat tangan di atas meja duduk dengan sopan trus jangan bicara sebelum di suruh bicara.... okey... siip deh kalau gitu!!! kita teruskan ke inti nya wkwkwkw.... Sssssttt hehehehe
1. Login dulu
2. Masuk ke tata letak trus ke elemen
3. Tambah Widget
4. Copy Code berikut ini.
<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #222222; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html"
method="get">
<div id="TabView" class="TabView">
<div style="width: 430px;"
class="Tabs">
<a><span style="gt;Tab 1</span></a>
<a><span style="gt;Tab 2</span></a>
<a><span style="gt;Tab 3 </span></a>
</div>
<div style="width: 270px; height: 600px;"
class="Pages">

<div class="Page">
<div class="Pad">
Isi postingan untuk Tab 1
</div>
</div>

<div class="Page">
<div class="Pad">
Isi postingan untuk Tab 2
</div>
</div>

<div class="Page">
<div class="Pad">
Isi postingan untuk Tab 3
</div>
</div>
</form>
<script type="text/javascript">tabateonsoft_name('Tabateonsoft');</script>
<script style="text/javascript"
src="http://www.geocities.com/leo_host/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');</script>
5. Simpan selesai deh
6. Masuk kan teks anda di tulisan yang berwarnah merah

Cara memasang widget tiga halaman, tab 3 halaman, menambah tab di blogspot. tambah tab di blogger, tutorial cara menambah tab pada blogspot, aplikasi tab pada blogspot.

Komentar :

ada 0 komentar ke “Pasang Widget 3 halaman”

Posting Komentar

Berlangganan article via Email:

Pengunjung

MySpace Hit Counter

<a href=http://www.dennyglobal.co.cc>Denny Clocks</a>

Statistika

border="0" free counters

Radio

Photobucket
 
Now Playing:
Loading...
Powered by: radio online indonesia
 
Related Posts Plugin for WordPress, Blogger...
Berlangganan article via Email:

IP

Recent Comment

Recent Post

 

JOIN WITH US

Recent Post

JOIN WITH US

Copyright © 2012 Design by @ku dewe| Powered by Tutorial Blog , Games , Movies