Cara Membuat Menu Dropdown Responsif di HP atau Laptop

Kali ini saya akan memposting Menu Drop Dawn Responsif baik di HP maupun di laptop sehingga blog kita kelihatan menarik dan profesional .


 
Untuk mengaturnya kembali atau membuat menu sendiri diperlukan beberapa kode CSS dan langkah-langkah dibawah ini :
  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode ]]></b:skin>  (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  7. 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
    1. <header> : untuk menu di atas header blog
    2. </header>: untuk menu di bawah header blog
    3. 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>&#8801;<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
    1. Kode berwarna biru adalah warna background dan warna Menu
    2. 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.

Tari Kreasi Baru Langya Singala-ala

PARADE GONG KEBYAR 2021 DUTA KOTA DENPASAR
SEKAA GONG SIDA GITA KARYA
BR DUKUH MERTAJATI SIDAKARYA 

TARI KREASI BARU "LANGYA SINGALA-ALA" 

PENYATUAN UNSUR - UNSUR KEHIDUPAN YANG BERBEDA, MENJADI PERGOLAKAN YANG DITIMBULKAN OLEH SAPTA TIMIRA. SAAT MANUSIA DILIPUTI OLEH EGO DAN NAFSU YANG TINGGI MAKA PADA AKHIRNYA SEMUA HANYA AKAN BERWUJUD SEMU. UNTUK DAPAT MEMPERBAIKINYA, SATU - SATUNYA JALAN ADALAH DENGAN PENYATUAN JIWA SEBAGAI PENYEIMBANG PIKIRAN DAN RAGA, SEHINGGA TERCAPAILAH KALIMOSADA, SEBAGAI NAFAS DARI KEHIDUPAN YANG HARMONI. 

PENATA TARI : 
 - PUTU PARAMA KESAWA ANANDA PUTRA 

 PEMBINA TARI :
 - NI KOMANG AYU PRAMESTI, S.SN 
 - KADEK RENDRA NUGRAHA, S.KEP 

 PENATA TABUH : 
 - WAYAN REZA PUTRA, S.SN
PEMBINA TABUH 
- I GEDE SUWECA, S.SN., M.Pd 
 - I MADE WARDANA, S.SN.


TARI KREASI lANGYA SINGALA-ALA

 

Berita terkait :

Tari Prawireng Putri

PARADE GONG KEBYAR 2021 DUTA KOTA DENPASAR
SEKAA GONG SIDA GITA KARYA
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 : 
- KADEK AYU JUNIARYANI, S.SN. 
- NI NYOMAN TARISNAYANTI, S.Pd. 
- I KETUT SARMA,SE. 

 PEMBINA TABUH : 
- I WAYAN ASTAWA, S.SN. 
- I MADE MURDANA,S.SN. 
- I KETUT SUDIANA, S.SN. 
- I PUTU DIKA WIGUNA




TARI PRAWIRENG PUTRI
 


Berita terkait :

Tabuh Kreasi Labuh Tiga

PARADE GONG KEBYAR 2021 DUTA KOTA DENPASAR
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




TABUH KREASI "LABUH TIGA

Berita terkait :

Foto Sidakarya Tempo Dulu

Foto-foto Sisi Kehidupan Sidakarya Tahun 80 .



BALE KULKUL PURA DALEM SUDHA SIDAKARYA


BALE KULKUL PURA DALEM SUDHA SIDAKARYA



WAJAH DESA SIDAKARYA TEMPO DULU (Koleksi Facebook: Bragie Bali)




HANSIP DESA SIDAKARYA DITAHUN 70 YANG DULU BERNAMA SWANDRA (KET: KETUT SANDI DAN WAYAN GERDUT)




SELAIN SEBAGAI PETANI, AKTIFITAS MASYARAKAT DESA SIDAKARYA PADA TAHUN 70 SAMPAI 90 ADALAH PENGERAJIN PATUNG (KET: WAYAN GERDUT DAN WAYAN SETA)




APEL UPACARA POLISI BERSAMA WAYAN GERDUT




ANAK-ANAK TK WIDYA KUMARA SIDAKARYA DILAPANGAN KARYA MANUNGGAL SIDAKARYA DENGAN LATAR BELAKANG SETRA SIDAKARYA




GAYA BERFOSE ANAK REMAJA DARI DESA SIDAKARYA DITAHUN 70 (KET.: WAYAN CANTING, MADE RUPI DAN WAYAN MUDRI)



GAYA BERFOSE PASANGAN REMAJA DARI DESA SIDAKARYA DITAHUN 70 (KET.: WAYAN GERDUT DAN WAYAN MUDRI)




GAYA BERFOSE PASANGAN REMAJA DARI DESA SIDAKARYA DITAHUN 70 (KET.: KETUT SANDI DAN WAYAN NAPRIK)




GAYA BERFOSE PASANGAN REMAJA DARI DESA SIDAKARYA DITAHUN 70 (KET.: KETUT SANDI DAN WAYAN NYANGGEL)




GAYA BERFOSE PASANGAN REMAJA DARI DESA SIDAKARYA DITAHUN 70 (KET.: WAYAN GERDUT DAN WAYAN RACIP)




KEGIATAN IBU-IBU DESA SIDAKARYA SAAT ADA KEGIATAN ADAT






PAKAIAN METATAH DI TAHUN 80 DI DESA SIDAKARYA (KET. MADE SARNI)




PAKAIAN METATAH DI TAHUN 80 DI DESA SIDAKARYA (KET. MADE SUMITRI)




PAKAIAN METATAH DI TAHUN 80 DI DESA SIDAKARYA (KET. NYOMAN SUMITRA)




PAKAIAN METATAH DI TAHUN 80 DI DESA SIDAKARYA




PAKAIAN METATAH DI TAHUN 80 DI DESA SIDAKARYA



PAKAIAN PROSESI MEKALAN-KALAN DI TAHUN 80 DI DESA SIDAKARYA (KET. NYOMAN KANTUN DAN KETUT SRI ADNYANI)




PAKAIAN PROSESI NGANTEN DI TAHUN 80 DI DESA SIDAKARYA (KET. NYOMAN KANTUN DAN KETUT SRI ADNYANI)




PAKAIAN PROSESI NGANTEN DI TAHUN 80 DI DESA SIDAKARYA (KET. NYOMAN PUNIA DAN KETUT WATI)




GAYA BERFOSE ANAK-ANAK DARI DESA SIDAKARYA DITAHUN 70










































Koleksi Video Ogoh-ogoh Desa Sidakarya di Youtube

Koleksi Video Ogoh-ogoh Desa Sidakarya, adalah koleksi ogoh-ogoh dari tahunke tahun yang dipentaskan setiap perayaan Nyepi, tepatnya pada malam pengerupukan, ogogh-ogoh yang dibuatmurni merupakan hasil karya anak-anak, maupun dari sekaa teruna yang ada di Desa Sidakrya, harapan kami kedepannya akan menjadi kenangan tersendiri perkembangan ogoh-ogoh di Bali, khususnya di Desa Sidakarya




OGOH OGOH SIDAKARYA 2016


OGOH OGOH SIDAKARYA 2015


OGOH OGOH ST TUNASMUDA SIDAKARYA 2015


OGOH OGOH ST WIDYA DARMA LAKSANA SIDAKARYA 2015


OGOH OGOH ST TARUNA DARMA SASTRA SIDAKARYA 2015


OGOH OGOH ST SAD GUNA KARYA SIDAKARYA 2015


OGOH OGOH SIDAKARYA 2014


OGOH OGOH ST TUNASMUDA SIDAKARYA 2014


TARI GEBOGAN ST TUNASMUDA SIDAKARYA 2014


OGOH OGOH SIDAKARYA 2014


Karya Mamungkah, Ngenteg Linggih, Tawur Balik Sumpah Padudusan Agung di Pura Dalem Sudha Sidakarya

Pura Dalem Sudha Desa Pekraman Sidakarya adalah salah satu Pura Khayangan Tiga Desa, yang berada di Desa Pekraman Sidakarya, Pura ini pernah mengalami kerusakan akibat gempa bumi yang terjadi di Denpasar - Bali Pada hari ini Rabu, 13 Oktober 2011, pukul 11 : 16 : 27 Wita, Gempa dengan kekuatan 6,8 SR, pada lokasi 989 LS – 114,53 BT di kedalaman 10 km dari bawah laut arah 143 Km Barat Daya Nusa Dua Bali, kerusakan yang diakibatkan gempa tersebut mulai dari pelinggih di Jeroan, Jaba Tengah dan Candi Bentar (baca : Gempa Merusak Pura Dalem Suda Sidakarya )

Setelah gempa tersebut pembangunan Pura Dalem Sudha Desa Pekraman Sidakarya mulai dilakukan secara bertahap yang pelaksanaanya dimulai pada Bulan Desember 2011 dengan menghabiskan biaya sebesar Rp 3.146.895.000. (baca : Pembangunan Pura Dalem Sudha Sidakarya Pasca Gempa )


Sebagai tahap akhir Pura Dalem Sudha Desa Pekraman Sidakarya melaksanakan KARYA MAMUNGKAH, NGENTEG LINGGIH, TAWUR BALIK SUMPAH UTAMA LAN PADUDUSAN AGUNG RING PURA DALEM SUDHA DESA PAKRAMAN SIDAKARYA, Puncak Karya dilaksanakan pada Hari ANGGARA KLIWON MEDANGSIA 04 AGUSTUS 2015, yang di puput oleh Ida Pedanda Gd Telaga, Ida pedanda Oka Timbul dan Ida Pedanda Buda Gunung Sari di Pura Dalem Sudha, untuk prosesi Nyatur Rebah di Pura Kayangan dipuput oleh Ida Pedanda Putra Telaga dan Ida Pedanda Putu Mas Sidemen, sedangkan Nyatur Rebah di Pura Melanting dipuput oleh Ida Peranda Arimbawa, sedangkan prosesi Bebangkit dipuput oleh Ida Peranda Ida Oka di Taman Beji dan Pedanda Putra Ngenjung di Mrajapati.


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.

PRAWARTAKA KARYA MAMUNGKAH, NGENTEG LINGGIH, TAWUR BALIK SUMPAH UTAMA LAN PADUDUSAN AGUNG RING PURA DALEM SUDHA DESA PAKRAMAN SIDAKARYA 2015

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....