Posts

TRIK MODIFIKASI CSS TEMA CONTEMPO UNTUK HEADER

Image
Anggaplah pada lay out, komponen blog dibawah ini letaknya selalu berdekatan dengan header:
Letak KontenJarak judul ke Navigasi menuNavigasi MenuMenu atau tombol pencarian Dan jika sobat pernah mengutak atik HTMLnya Contempo materialnya adalah CSS dan mengedit css bisa bikin pusing kepala sampai tujuh keliling dan mata berkunang kunang penuh bintang sepenuh alam semesta ha ha ha...becanda saja sobat.
1. LETAK KONTEN YANG MENINGGI SEPERTI MAU MENTOK KE JUDUL Pernah gak sobat perhatikan kalau konten pas dibaca pada contempo asli kontennya naik ke atas kayak melewati garis batas perhatikan gambar ya.
Untuk membuat konten agar tidak terlihat "mengapung naik" seperti gambar diatas sobat cukup masuk ke dasbor atau pengaturan blog: Pilih Tema atau ThemePilih editHTMLDan tinggal mencari kode CSS di bawah ini:
<Group description="Backgrounds">
<Variable name="body.background.height" description="Background height"
type="length"
min="…

KESALAHAN DESAIN TEMPLATE YANG PALING LAZIM DAN TIDAK DISADARI

Image
Cobalah buka website, blog dan beberapa jenis blog melalui McBook, iPad atau iPhone tampilan website terkadang menjadi aneh, misalnya pada dua template yang dipakai oleh teman teman blogger yang saya jadikan contoh pada artikel kali ini adalah buatan para desainer template lokal yang sudah memiliki nama. Saya tahu ini versi gratis, namun juga ternyata kesalahan serupa terjadi pada template berbeli.
Perhatikan bentuk "search button" atau "tombol pencarian" yang saya tunjuk dengan panah warna merah. Tombol tersebut tampil sempurna hanya pada latop berbasis windows dan hape berplatform Android. Namun pada gambar diatas tampilannya menjadi aneh karena tombol tersebut berubah bentuk dan ukuran dari semestinya pada saat dibuka melalui McBook, iPad dan iPhone! Sobat tahu bukan, pada salah satu list terdapat item: "ditampilkan melalui perangkat high end" dan perangkat high end itu digunakan diluar negeri dalam bentuk produk bermerek Apple. Wajar saja tampilan bi…

CARA MEMBUAT MENU NAVIGASI CONTEMPO HYBRID INFINITE STYLE

Image
Theme yang sedang kami kemukakan disini tidak lain adalah varian dari CONTEMPO HYBRID STANDARD adapun template Contempo Hybrid ini sebenarnya kami buat dalam empat varian: Contempo Hybrid originalContempo Hybrid StandardContempo Hybrid GradientContempo Hybrid Infinite Style Nah yang sedang kita bicarakan saat ini adalah varian ke-4 yakni Contempo Hybrid Infinite Style. Keempat Varian di bangun menggunakan material dan elemen yang sama. Boleh dikatakan yang membedakannya hanyalah pada material warna dan style menu navigasinya.
Navigasi ini memiliki kelebihan: Indah pada tampilan laptop dan tampilan layar mobile atau ponselPada laptop/PC tampilan inline dengan menu pencarian di ujung menubar, pada tampilan mobile menu akan berubah otomatis menjadi tampilan menu hamburger.Dibuat berdasarkan material dan elemen yang standard dan mudah di mengerti sekalipun sobat memiliki pengetahuan minim perihal koding.Stabil dan telah di uji validitasnya.Dapat diterapkan pada template contempo bawaan (no…

BAGAIMANA MEMBUAT MENU NAVIGASI RESPONSIVE WARNA GRADASI DI CONTEMPO?

Image
Keunggulan menu navigasi edisi kami adalah sebagai berikut:
Responsive baik untuk tampilan layar besar maupun layar kecilPada layar besar tampilan inline warna gradasi tampil cantikPada tampilan hape tombol akan tampil responsive dalam bentuk hamburger dan menampilkan warna gradasi tetap menawan.Dibuat dengan material bersih kombinasi warna HEX, rgb dan ringan Didesain agar dapat sesuai dengan template ContempoDengan mudah dapat di modifikasi menjadi Menu navigasi dengan warna Infinite yang menawan. CARA MENERAPKANNYA: Masuk kepengaturan blogger>>Pilih Tema>>Masuk ke opsi edit HTML Cari kode </head> atau kalau sobat sudah memodifikasinya demi kecepatan loading biasanya menjadi: &lt;/head&gt;&lt;!--<head/>--&gt; Setelah ketemu letakan kode dibawah ini tepat diatasnya:
<style> #menutop{width:100%;margin:0 auto;height:45px;background:#0F466E; background:-webkit-linear-gradient(right,#E6E6FA 0%,#5093C4 75%); background:-moz-linear-gradient(right,#F…