Cara Membuat Menu Terus Berada Di Atas (Floating Menu)

Cara Membuat Menu Terus Berada Di Atas (Floating Menu)

kode html blogart   21:53

Beberapa hari yang lalu ada yang bertanya bagaimana cara membuat menu horizontal yang selalu berada di atas seperti yang ada di blog ini.

Sebenarnya cara membuat menu horizontal yang terus berada di atas tersebut tidak terlalu sulit, namun terkadang menu tersebut tidak sesuai dengan template yang kita gunakan, karena struktur template nya yang berbeda, tapi karena salah satu pengunjung blog ini minta buat kan tutorial nya akhirnya saya putuskan untuk menuliskan cara membuat menu yang selalu berada di atas.

Cara Membuat Menu Terus Berada Di Atas

Langkah pertama yang harus dilakukan sudah pasti kita harus masuk dahulu ke dasbor blogger, kemudian:

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode berikut di dalamnya

<style media='screen' type='text/css'>
/*----- TOP -----*/
#top {background:#eee; color:#666; font-size:11px; line-height:30px; border-bottom:1px solid #ECEDE8;
opacity:.85;
filter:alpha(opacity=85);
-moz-opacity:.85;
position: fixed;
align: center;
top:0;left:0;
width:100%;
}
#top li a:hover{ background-color:#333; color:#fff; }
/*----- TOP NAV -----*/
.topnav ul li{ margin:0;}
.topnav li { float:left; width:auto; }
.topnav li a { padding:6px 11px; font-size:11px; line-height:16px; border-right:1px solid #ddd; text-decoration:none; }
/* search form */
#search { display:inline; float:right; height:14px; margin:3px 15px 0px 0px; }
#search input { float:left; background:#fff; width:160px; padding:2px 5px 3px 5px; font-family:Arial,serif; font-size:12px; font-style:italic; color:#999; line-height:12px; border:1px solid #ECEDE8; }
#search input:focus { background:#fff; border:1px solid #ddd; }
#search input.btn { background:none; border:none; margin:4px 0px 0px -23px; padding:0px; width:auto; }
</style>
<div id='top'>
<div id='search'>
<form action='/search' id='searchform' method='get'>
<input class='field' id='s' name='q' type='text' value=''/>
<input class='submit btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_l1omek23N4KPQ-GdzHNDa7LJlgxGkM-c4Im9rbA_5Ez07Ulxb1FlnAJcgIioxO8rQDcfrGNtI-WN6Q17Vz-IpZ1eYanOwWKAYg5UX27zRUpUfKkKjJgNDN2iGS0ftO4nYwnaF7tgwg/s1600/iconsearchr.gif' type='image' value='Go'/>
</form>
</div><!--end #search -->
<div class='topnav'>   
<ul class='topnav' id='page-nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Edit Menu Ini</a></li>
<li><a href='#'>Edit Menu Ini</a></li>
<li><a href='#'>Edit Menu Ini</a></li>
<li><a href='#'>Edit Menu Ini</a></li>
<li><a href='#'>Edit Menu Ini</a></li>
<li><a href='#'>Edit Menu Ini</a></li>
</ul>               
</div>
<div class='clear'/>
</div>

5. Simpan & Selesai.
Keretangan

Silakan ganti tanda pagar (#) dengan link / url halaman yang kamu mau.
Dan gantu tulisan Edit Menu Ini dengan nama menu yang kamu mau.

Bagaimana cara mengganti warna latar menu tersebut? 

Pada kode di atas ada kode #top {background:#eee;

Silakan ganti kode #eee dengan kode warna yang kamu mau, untuk menemukan kode warna silakan lihat di Daftar Kode Html Warna.


Nah itulah tutorial cara membuat menu horizontal yang selalu berada di atas yang bisa saya tuliskan. Selamat mencoba dan semoga bermanfaat.


Oh ia, jangan lupa baca juga Cara Membuat Menu Serta Sub Menu Tanpa jQuery

Breaking News 2 Column Blogger Template

Breaking News 2 Column Blogger Template

blogger template blogart   21:51

Breaking News 2 Column Blogger Template adalah salah satu template premium yang bisa digunakan secara gratis, template blogger yang satu ini bisa digunakan untuk blog yang membahas topik-topik terbaru / News, Gossip, dan sebagainya.
Breaking News Template ini dibuat 2 Column, 1 Right Sidebar, top menu, ads ready, Free Premium, Slideshow, Free Premium, news, Wordpress to Blogger, Wordpress Look, 3 Column, read more, SEO Ready, Tab and more

• Live Demo
• Download

Install Template (Baca) Cara Mengganti Template Blogger

Cara Konfigurasi Menu Temukan kode <ul class='menus menu-secondary'> di sana kamu akan menemukan kode <li><a href='#'>Home</a></li> ds... Silakan ganti nama menu dan link (#) dengan nama yang kamu mau. (Baca : Cara Mudah + Cepat Mencari Kode Html di Blogger)

Untuk mengganti logo blog kamu silakan buat logo dengan ukuran lebar 500px dan tinggi 75px, kemudian upload pada widget Header (Baca : Cara Mengganti Title Blog Dengan Gambar)

Note of Breaking News 2 Column Blogger Template:

• Breaking News 2 Column Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
• Some file dowload link is Paid To Download and we not change the download link
• We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Download Lagu Desta Yg Dimainkan Di OVJ

Download Lagu Desta Yg Dimainkan Di OVJ

Music blogart   17:14

Lagu pertama yang dinyanyikan desta, Ini liriknya kalau mau download klik disini lagunya.





  Exist - Mencari Alasan



Iklasnya hati sering kali disalah arti
Tulusnya budi tidak pernah engkau hargai
Berlalu pergi dengan kelukaan ini
Ku mengalah ku bersabar
 Berkenang mata
Seolah olah kita tiada apa
berpaling muka ada saja yang tidak kenal
Mencari sebab serta alasan yang kukuh
Supaya tercapai hasratmu
Manis di bibir memutar kata
Malah kau tuduh akulah segala penyebabnya
Siapa terlena pastinya terpukau
Bujukmu rayumu suaramu
Yang menangis simpati dengan harapan
Engkau pasti tersenyum
Dengan pengunduran diriku
Tetapi bagi ku pula suatu ketenangan
Andainya kita terus bersama
Belum tentu kita bahagia
Selagi tidak kau rubah jalan hidupmu
Ada baiknya bila tidak lagi bersama
Terasa jauh kini ku kini dengan dosa
ku tinggalkan walau tanpa kerelaan
Yang nyata kau tidak merubah 
 Berkenang mata
Seolah olah kita tiada apa
berpaling muka ada saja yang tidak kenal
Mencari sebab serta alasan yang kukuh
Supaya tercapai hasratmu
Manis di bibir memutar kata
Malah kau tuduh akulah segala penyebabnya
Siapa terlena pastinya terpukau
Bujukmu rayumu suaramu
Yang menangis simpati dengan harapan
Engkau pasti tersenyum
Dengan pengunduran diriku
Tetapi bagi ku pula suatu ketenangan
Andainya kita terus bersama
Belum tentu kita bahagia
Selagi tidak kau rubah jalan hidupmu
Katakanlah apa yang kau ingin
Selagi kau mendapat bergambar
Memang begitu sikapmu
Semenjak dahulu
Andainya kita terus bersama
Belum tentu kita bahagia
Selagi tidak kau ubah jalan hidupmu






Lagu kedua yang dinyanyikan desta, ini liriknya kalau mau download klik disini lagunya.

Slam - Gerimis Mengundang



Kusangkakan panas berpanjangan
Rupanya gerimis, rupanya gerimis mengundang
Dalam tak sedar ku kebasahan
Pernah juga kau pinta perpisahan
Aku sangkakan itu hanyalah gurauan
Nyata kau serius dalam senyuman
Bukan sekejap denganmu
Bukan mainan hasratku
Engkau pun tahu niatku
Tulus dan suci
Senang benar kau ucapkan
Kau anggap itu suratan
Sikit pun riak wajahmu
Tiada terkilan
Hanya aku separuh nyawa
Menahan sebak di dada
Sedangkan kau bersahaja
Berlalu tanpa kata
Terasa diri amat terhina kau lakukan
Terasa diri amat terhina kau lakukan
Bukan sekejap denganmu
Bukan mainan hasratku
Engkau pun tahu niatku
Tulus dan suci
Senang benar kau ucapkan
Kau anggap itu suratan
Sikit pun riak wajahmu
Tiada terkilan
Hanya aku separuh nyawa
Menahan sebak di dada
Sedangkan kau bersahaja
Berlalu tanpa kata
Terasa diri amat terhina kau lakukan
Terasa diri amat terhina kau lakukan
Sia-sia kukorban selama ini
Jika kasihku, jika hatiku
Kau guris oh oh oh...
Dalam tak sedar ku menangis


Credit to : Chellme

Cara Mendapatkan Script Buku Tamu Di Cbox.ws

Cara Mendapatkan Script Buku Tamu Di Cbox.ws

blogger tutorial blogart   20:34

Tutorial kali ini akan membahas panduan cara mendapatkan kode script buku tamu di cbox.ws dan memasangnya di blogger.

Tutorial ini sengaja saya buat untuk menjawab pertanyaan dari beberapa teman kita yang kesulitan untuk mendapatkan kode script buku tamu dari cbox.ws, dan sebenarnya ini tidak terlalu susah, asalkan kita mau teliti, dan juga tutorial ini khusus bagi mereka yang belum tahu bagaimana cara mendapatkan kode buku tamu atau di mana letak kode buku tamu cbox.ws, jadi bagi kamu yang sudah hafal dimana letaknya script buku tamu cbox.ws mungkin artikel ini akan membosankan, karena tidak ada perbedaan kok.

Oh ia .... Sebelum kamu mengikuti tutorial ini pastikan kamu sudah mendaftar di situs yang saya maksud, yaitu www.cbox.ws dan jika belum silakan daftar dahulu di sana. Untuk langkah-langkah pendaftarannya tidak saya tuliskan di sini.

Next...

Tutorial Cara Mendapatkan Script Buku Tamu

1. Silakan kunjungi www.cbox.ws kemudian Login di sana dengan akun yang sudah kamu miliki.

2. Klik Menu Publish!

3. Scrol ke bawah maka kamu akan melihat kode script buku tamu milik kamu.

4. Silakan kopi dan paste kode script buku tamu tersebut ke blog kamu.

Kamu bisa memasangnya di laman atau sidebar (widget) blog kamu, atau baca tutorial berikut ini:

1. Cara Membuat Buku Tamu Tersembunyi Di Sebelah Kanan
2. Cara Membuat Buku Tamu Tersembunyi Di Sebelah Kiri

Tampilan kode buku tamu juga bisa kamu pilih sesuai selera kamu dengan cara mengklik menu Look & Feel. Kemudian ada 3 menu lagi dan klik menu Style presets.

Berikut beberapa desain tampilan buku tamu yang sudah tersedia.

Jika kamu ingin mendesain / modifikasi sendiri tampilan buku tamu tersebut silakan klik menu Colours & fonts yang berada pada sub menu Look & Feel tadi.

Nah itu lah tutorial cara mengambil / mendapatkan kode script buku tamu di cbox.ws, selamat mencoba dan semoga bermanfaat.