- Sign in di blogger
- Klik Opsi lainnya
- Klik Templete
- klik Edit HTML
- Centang tulisan Expand Widget Templates
- Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
- Copy paste kode CSS dibawah ini dan letakan diatas kode ]]></b:skin>
/* Responsive Drop Down Menu
--------------------------------- */
body {
margin: 0px;
}
#menu{
background: #222222; repeat-x;
color: #FFF;
height: 40px;
border-bottom: 2px solid #DDD;
box-shadow: 1px 2px 9px #B1B1B1;
border-top: 2px solid #DDD;
}
#menu ul,#menu li{
margin:0 auto;
padding:0 0;
list-style:none;
}
#menu ul{
height:45px;
width:1024px;
}
#menu li{
border-right:1px solid #FFF;
float:left;
display:inline;
position:relative;
font:bold 0.9em Arial;
text-transform: uppercase;
}
#menu a{display: block;
line-height: 40px;
padding: 0 14px;
text-decoration: none;
color: #FF9900;
}
#menu li a:hover{
color: #fff;
background: #696969;
}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:16px;position:absolute;left:35px}
#menu ul.menus{
height: auto;
overflow: hidden;
width: 170px;
background: #696969;
position: absolute;
z-index: 99;
display: none;
}
#menu ul.menus li{
display: block;
width: 100%;
font:normal 0.9em Arial;
text-transform: none;
border-bottom: 1px solid #7B7B7B;
border-top: 1px solid #595959;
}
#menu ul.menus a{
color: #FFF;
line-height: 35px;
}
#menu li:hover ul.menus{display:block}
#menu ul.menus a:hover{
background: #393939;
color: #FFF;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
@media screen and (max-width: 800px){
#menu{position:relative }
#menu ul{background:#111; width:100%; position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
#menu ul.menus{width:90%; float:left; position:static;padding-left:20px}
#menu li{display:block;float:left;width:98%; font:normal 0.8em Arial;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block
}
Kemudian cari kode- <header> : untuk menu di atas header blog
- </header>: untuk menu di bawah header blog
- Copy dan pastekan kode dibawah ini dan letakkan diatas kode <header> dan atau </header> untuk menu dibawah header
<nav id='menu'><input type='checkbox'/><label>≡<span style='color: #ff9900; width:150px; '>NAMA BLOG</span></label><ul><li><a href='https:// nama-alamat.blogspot.com /'>Home</a></li><li><a href='#'>About<font size='1'/></a><ul class='menus'><li><a href='https:// nama-alamat.blogspot.com' target='output'>Facebook</a></li><li><a href='https:// nama-alamat.blogspot.com' target='output'>Twitter</a></li></ul></li><li><a href='#'>Menu 1<font size='1'/></a><ul class='menus'><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 1</a></li><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 2</a></li><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 3</a></li></ul></li><li><a href='#'>Menu 2<font size='1'/></a><ul class='menus'><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 1</a></li><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 2</a></li><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 3</a></li></ul></li><li><a href='#'>Menu 3<font size='1'/></a><ul class='menus'><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 1</a></li><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 2</a></li><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 3</a></li><li><a href='https:// nama-alamat.blogspot.com' target='output'>Sub Menu 4</a></li></ul></li> </ul></nav>
Keterangan- Kode berwarna biru adalah warna background dan warna Menu
- Kode berwarna merah adalah Url tujuan, ganti dengan Url pada blognya kawan
Demikianlah postingan saya kali ini tentang cara membuat Menu Dropdown Responsif di HP atau Laptop diatas header atau dibawah header, semoga bermanfaat.
Cara Membuat Menu Dropdown Responsif di HP atau Laptop
Tari Kreasi Baru Langya Singala-ala
Tari Prawireng Putri
BR DUKUH MERTAJATI SIDAKARYA
TARI PRAWIRENG PUTRI
TARI PRAWIRENG PUTRI MERUPAKAN TARI KEPAHLAWANAN YANG DICIPTAKAN OLEH I NYOMAN SUARSA DAN PENATA TABUH OLEH KETUT GEDE ASNAWA, MA. KARYA TARI INI MENGAMBARKAN SEKELOMPOK PRAJURIT PUTRI YANG SEDANG BERLATIH DAN MEMPERSIAPKAN KETANGKASANNYA DALAM HAL BELA DIRI UNTUK MENGHADANG MUSUH DI MEDAN PERANG.
PEMBINA TARI :Tabuh Kreasi Labuh Tiga
SEKAA GONG SIDA GITA KARYA
BR DUKUH MERTAJATI SIDAKARYA
TABUH KREASI "LABUH TIGA"
"LABUH TIGA" TERINSPIRASI DARI PERTEMUAN DARI 3(TIGA) UNSUR ENERGI ALAM DARI KAUSAL WAKTU YANG TIDAK PERNAH BERHENTI.
TABUH KREASI LABUH TIGA INI MERUPAKAN SEBUAH TABUH KREASI YANG DITATA SECARA APIK DENGAN TIDAK MENINGGALKAN UGER-UGER TABUH DALAM KARAWITAN BALI, YANG DICIPTAKAN PADA TAHUN 1998 DI BANJAR DUKUH MERTAJATI DESA SIDAKARYA.
TABUH KREASI INI PERTAMA KALI DITAMPILKAN PADA FESTIVAL GONG KEBYAR DEWASA DALAM PESTA KESENIAN BALI 1998 SEBAGAI DUTA KOTA DENPASAR DAN DIBAWAKAN OLEH SEKAA GONG SIDA GITA KARYA, BANJAR DUKUH MERTAJATI DESA SIDAKARYA. PADA KESEMPATAN INI AKAN DIPERSEMBAHKAN LAGI KEPADA PECINTA SENI, TABUH KREASI LABUH TIGA YANG DIBAWAKAN OLEH SEKAA GONG REMAJA PUTRI SIDA GITA KARYA BANJAR DUKUH MERTAJATI SEBAGAI DUTA KOTA DENPASAR.
PEMBINA TABUH :
- I MADE ANDITA, S.SN
- I WAYAN AGUS KURNIAWAN
- I KOMANG BAGUS UDIANA ADHI GURNITA
Foto Sidakarya Tempo Dulu
Koleksi Video Ogoh-ogoh Desa Sidakarya di Youtube
Karya Mamungkah, Ngenteg Linggih, Tawur Balik Sumpah Padudusan Agung di Pura Dalem Sudha Sidakarya
Sesuai dengan petunjuk Yajamana Karya Ida Pedanda Gede Putra Bajing, pelaksanaan KARYA MAMUNGKAH, NGENTEG LINGGIH, TAWUR BALIK SUMPAH UTAMA LAN PADUDUSAN AGUNG RING PURA DALEM SUDHA DESA PAKRAMAN SIDAKARYA, dimulai pada Redite Pon Julungwangi 28 Juni 2015 yang diawali dengan Matur Piuning Karya, Mejaya-jaya Prawartaka Karya yang dipuput oleh Ida Pedanda Gede Putra Bajing, selanjutnya pada hari Senin, Soma Umanis Sungsang 06 Juli 2015 dilaksanakan acara Nanceb Tetaring, sedangkan Melapas Agung dilaksanakan Buda Paing Kuningan 22 Juli 2015, sebagai tahap akhir karya pada hari Anggara Paing Pujut 11 Agustus 2015 dilaksanakan Upacara Nyenuk, Rsi Bojana ngelantur Nyineb.
Menurut keterangan salah satu Prawartaka Karya I Ketut Subitayasa, rangkian keseluruhan karya menghabiskan biaya sebesar Rp 2.334.926.200 dengan sumber dana berasal dari sumbangan berbagai pihak baik itu Perorangan, Kelompok dan Instansi Pemerintahan dan Iuran Wajib Warga sebesar Rp 1.500.000/KK untuk warga ngarep dan Rp 750.000/KK untuk warga patus dengan jumlah KK keseluruhan sebanyak 588 KK.
Yajamana Karya | : | Ida Pedanda Gede Putra Bajing |
Penasehat | : | Pemangku Pura Mutering Jagat Dalem Sidakarya |
Pemangku Pura Dalem Sudha | ||
Pemangku Pura Dalem Petasikan | ||
I Ketut Sintha Antara | ||
I Nyoman Kantun, SH,MM | ||
Penanggung Jawab | : | Bendesa Pakraman Sidakarya |
Kepala Desa Sidakarya | ||
Ketua I | : | I Ketut Mintra |
Ketua II | : | I Ketut Suka, S.IP,M.Pd |
Sekretaris | : | I Ketut Subita Yasa, SE |
I Wayan Rena, SE | ||
Bendahara | : | I Nyoman Punia, dr.H |
I Made Sukayana | ||
Seksi-seksi | .... |