blog's

Tampilkan postingan dengan label menu. Tampilkan semua postingan

Jumat, 21 Februari 2014

Cara Membuat Menu Tab View

Cara Membuat Menu Tab View - Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll.
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src=http://kendhin.googlepages.com/tabview.js type=text/javascript/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<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 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

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

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

Keterangan :

- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menambahkan jumlah menu maka perhatikanlah text yang berkedip-berkedip. tambahkan menu tersebut dibawahnya.

ReadFull Article ..

Sabtu, 30 November 2013

Menghilangkan Menu All Programs

Cara Menghilangkan Menu All Programs di Start Menu Windows 7

Karena kebutuhan tertentu, misalnya supaya orang lain tidak dapat dengan mudah menjalankan suatu aplikasi atau program yang ada di komputer Windows kita, kita dapat menghilangkan Menu All Programs yang ada di Start Menu (tombol Start / logo Windows )

Berikut adalah langkahnya untuk menghilangkan All Programs dari Menu Start di Komputer Windows 7

• Masuk ke Run Command dengan menekan tombol Win+R ( Logo Windows di keyboard + R)
• Ketik gpedit.msc kemudian klik OK atau tekan Enter

Akan muncul jendela Local Group Policy Editor
• Klik pada User Configuration
• Klik pada Administrative Templates
• Klik pada Start Menu and Taskbar
• Lihat di Jendela sebelah kanan, temukan pilihan menu Remove All Program list from the Start Menu, dobel klik kalau sudah ketemu
• Pada Jendela selanjutnya, pilih Enable
• Klik Apply, klik OK
• Cek hasilnya di Start menu, kalau tidak ada kesalahan All Programs harusnya sudah menghilang.

Semoga bermanfaat

ReadFull Article ..

Selasa, 05 November 2013

Cara Membuat Menu Header Melayang

Cara Membuat Menu Header Melayang – Kali ini akan kami ajarkan tips blogging mengenai cara pembuatan menu header yang melayang.

Berikut cara membuat menu header melayang di blog.

1. Login ke blogger => Rancangan => edit HTML

2. Kemudian copy kode CSS di bawah ini dan tempatkan kode tersebut di atas ]]></b:skin>

#NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; }  #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; }  #nav { margin: 0; padding: 0; }  #nav ul { float: left; list-style: none; margin: 0; padding: 0; }  #nav li { list-style: none; margin: 0; padding: 0; }  #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; }  #nav li a:hover, #nav li a:active { background: #7f7f7f; color: #222222; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; }  #nav li li a, #nav li li a:link, #nav li li a:visited { background: #7f7f7f; width: 150px; color: #fffff; font-size: 11px; font-family: trebuchet ms,; font-weight:strong; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; }  #nav li li a:hover, #nav li li a:active { background: #222222; color: #7f7f7f; padding: 7px 10px; }  #nav li { float: left; padding: 0; }  #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; }  #nav li ul a { width: 140px; }  #nav li ul ul { margin: -32px 0 0 171px; }  #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }  #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }  #nav li:hover, #nav li.sfhover { position: static; }

3. Kemudian simpan tamplate

4. Lalu masuk ke tata letak => tambah gatget => pilih HTML/Javascript lalu copy paste kode di bawah ini.

Note : Ganti tulisan URL BLOG ANDA dengan alamat blog kamu.

5. Langkah terakhir yaitu silahkan klik simpan. lalu lihat perubahannya.

Itulah Cara Membuat Menu Header Melayang, silahkan diterapkan pada blog kamu yah.

ReadFull Article ..

Sabtu, 02 November 2013

Menu Order pada CorelDRAW

Sebelumnya aku minta maaf karena tutorial tentang Membuat Efek Kertas Sobek kurang lengkap pada penyelesaian akhir, bagaimana gambar ikan dibawah itu kok bisa ada didalam sobekan kertas?, sebenarnya trik ini sangat sederhana, kita hanya menggunakan fasilitas Order pada Menu Bar

Contoh yang membuat Mas Bro sekalian penasaran adalah seperti gambar dibawah ini kan!!!

Sebenarnya kalau di preteli gambar ini ada 3 object No. 1 adalah object paling atas, No. 2 adalah object yang tengah No. 3 adalah object paling bawah

Dan cara untuk mengatur posisi object kita pakai menu Order yang letaknya pada Menu Bar, dan coba anda klik-klik aja nanti anda akan tau sendiri fungsi-fungsi dari menu tersebut dengan syarat ada satu object yang terpilih (terseleksi/aktif)

Selamat mencoba

ReadFull Article ..