Cara Membuat Border Warna-Warni di Menu Navigasi

Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020.

Cara Membuat Border Warna-warni di Navigasi Menu ala Evo Magz - Ok pada postingan kali ini Blog Espada akan membahas bagaimana membuat border warna-warni, Buat anda yang pernah melihat template Evo Magz pasti anda menemukan ada spesial dari menu navigasinya, yap.., pada menu navigasi pada Template Evo Magz menggunakan Border warna-warni, yang membuat menu navigasi-nya terlihat lebih bagus dan cantik.

Cara tersebut juga saya gunakan pada template Blog saya ini, Berawal dari saya yang tertarik ingin membuat menu navigasi mirip seperti Evo Magz, Namun tidak membuahkan hasil saat membuatnya, itupun juga Googling dari di Internet, Kemudian saya berinisiatif untuk memasang bordernya saja pada template ini dan ternyata berhasil 100%.


Tertarik ingin menjadikan Border Navigasi pada template blog anda seperti diatas, Jika tertarik silahkan ikuti tutorial dibawah ini, mungkin caranya agak ribet namun nanti bisa anda sesuakian sendiri nantinya. OK Langsung aja

Cara Membuat Border Menu Navigasi ala Evo Magz


  • Seperti biasa silahkan anda login ke akun blogger - Template - Edit HTML
  • Jika sudah cari Kode menu Navigasi, Code-nya kira-kira seperti dibawah ini!
#navitions{font:normal bold 14px Arial, sans-serif;background-repeat:repeat-x;background-position:Bottom center;border-bottom:0px solid #000}
#mobilenav{display:none}
#nav{height:50px;position:relative}
.menu,.menu *{margin:0;padding:0;list-style:none}
.menu li{position:relative}
  • Kira-kira codenya seperti diatas, biasanya Kodenya berbeda-beda pada setiap template. Kalau kesulitan mencarinya silahkan cari kode nav (Kode tersebut pasti terdapat pada kode Menu Navigasi)
  • Jika sudah ketemu, Langkah selanjutnya adalah menambahkan Code border. Caranya silahkan Copy code CSS di Bawah ini dan paste di antara Kode Navigasi.
  • Contohnya bila Code Menu navigasi anda seperti ini!
#navitions{background-color:#2C2C2C;border-bottom:0px solid #000}
#mobilenav{display:none}
#nav{height:50px;position:relative}
  • Maka tinggal menambahkan kode ini!
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-ccLBnR1LIS85LPUykCyhY2cBrm2mcJEQS2HjK980s81mY07_cbG3pZRQco9fkTrfqkTiO7rL9s9Ilz6NSJEe9ILzDlV-_EwQNzLHptAoRNREbb3XUROfmHvPlwulfCnVUn2eFMgerVVQ/s1600/line.png); background-repeat:repeat-x;background-position:Bottom center; 
  • Maka hasilnya seperti di bawah ini!
#navitions{background-color:#2C2C2C;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-ccLBnR1LIS85LPUykCyhY2cBrm2mcJEQS2HjK980s81mY07_cbG3pZRQco9fkTrfqkTiO7rL9s9Ilz6NSJEe9ILzDlV-_EwQNzLHptAoRNREbb3XUROfmHvPlwulfCnVUn2eFMgerVVQ/s1600/line.png);
background-repeat:repeat-x;background-position:Bottom center;border-bottom:0px solid #000}
#mobilenav{display:none}
#nav{height:50px;position:relative}
  • Silahkan ganti bottom dengan Top bila ingin border ada di atas Navigasi
  • Simpan Template dan Lihat hasilnnya, Biasanya border belum sesuai dengan Menu Navigasi di template anda.
  • Untuk mengatasinya silahkan Ubah sedikit Ukuran navigasi anda, bisa dikurangi maupun ditambah seperti ukuran 50px diatas dan bisa anda sesuaikan sendiri
  • Semoga berhasil
Demikian artikel tentang Cara menambah Border Warna-warni di Menu Navigasi, Sekian yang dapat saya bagikan dan semoga Berhasil.


Sumber https://www.blogespada.net/

Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.

Comments

Post a Comment

Popular posts from this blog

Jenis-Jenis Gerakan Massa Batuan Masswasting

Image
Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020 . Bagaimana rasanya jika kamu sedang naik kendaraan di jalan berbukit kemudian di depan mata melihat bongkahan batu meluncur ke badan jalan?.Kok bisa ya batu meluncur dari atas ke bawah? Ya bisa aja, di dunia apa sih yang gak bisa. Nah, massa batuan yang jatuh menuruni lereng dinamakan masswasting .  Banyak cara pengelompokkan gerakan massa batuan yang dilakukan oleh para ahli dengan dasar yang berbeda-beda. Satu diantaranya  cara pengelompokkan gerakan massa batuan yang berdasarkan pada : 1. Tipe gerakan dan bagaimana cara batuan tersebut bergerak,  2.  Derajat  pergerakkannya,  3. Jenis material yang bergerak Dari dasar pengelompokkan di atas maka gerakan massa batuan dapat dibedakan menjadi : earth flow, landslides , dan subsidence. Earth Flow Bahan endapan berbutir halus. Keadaan yang menunjang untuk gerakan ini adanya kadar air yang tinggi dan batuannya banyak mengandung por
Read more

Contoh Soal: Menentukan maksud pernyataan pada bagian cerita tertentu

Image
Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020 . 1.     Menjangan dan macan bertengkar sebab macan ingin menyantap menjangan. Menjangan tidak bersedia disantap. Macan beralasan bahwa ia melakukan itu karena ia bermimpi makan menjangan. Kemudian mereka berdua meminta keadilan kepada penguasa hutan rimba, sang gajah. Namun, karena gajah telah diancam oleh macan, ditambah lagi dijanjikan akan dihadiahi makanan kesukaanya, maka keputusan gajah berpihak kepada macan. Namun, sebelum gajah memberi keputusan mengijinkan macan menyantap manjangan, tiba-tiba dilihatnya sang kancil menaiki atap rumah gajah sambil membawa obor. Kancil ingin membakar rumah gajah karena telah bermimpi membakar rumah gajah. Gajah malu dan sadar sehingga gajah kembali bertindak adil. Maksud pernyataan yang digarisbawahi pada cerita di atas adalah.... a.        Gajah yang awalnya berpihak pada menjangan akhirnya bersikap adil. b.       Gajah yang awalnya tidak berpih
Read more

Fenomena Diastropisma dan Cirinya

Image
Jangan lupa membaca artikel tentang bisnis di > Informasi bisnis terbaik 2020 . Pernahkan kamu makan rainbow cake atau kue lapis?, Bagaimana, enak bukan? Lalu apa hubungannya kue dengan postingan kali ini?. Kulit bumi dalam hal ini batuan pada dasarnya memiliki struktur yang sama seperti kue lapis. Lha kok bisa?, itu semua adalah akibat dari proses diastropisma. Diastropisme adalah gerakan-gerakan di dalam kerak bumi yang mengakibatkan perubahan kedudukan sedimen atau deformasi tektonik. Gaya yang bekerja pada proses ini umumnya berupa tekanan tangensial (mendatar) yang akan menghasilkan gejala pelipatan dan gejala patahan pada sedimen-sedimen. Gaya tarikan (divergen) biasanya hanya menghasilkan patahan dengan berbagai bentuknya. a. Gejala lipatan dan jenis lipatan Pada suatu lapisan sedimen yang datar, apabila bekerja tekanan-tekanan tangensial, maka biasanya akan terjadi lipatan pada sedimen tersebut. Apabila tekanan-tekanan yang bekerja dari sebelah menyebelah tidak begitu
Read more