EDITBLOGTEMA

Sobat tahukan kalau tema contempo bawaan blogger itu nyaris tidak memiliki footer yang menarik? Akan tetapi dengan CSS hasil ramuan ini, hal itu langsung berubah. Dan menariknya apa yang pernah menjadi perbincangan panas di diskusi Google Forum ternyata hanya membutuhkan pemecahan yang sangat sederhana. Aduh apa apan footernya beginian? MEMBUAT FOOTER UNTUK CONTEMPO DENGAN CSS Rahasianya adalah CSS! Perhatikan kode yang saya buat: <style> .footer { position: relative; left: 0; bottom: 0; width: 100%; height: 50px; background:-webkit-linear-gradient(right,#E6E6FA 0%,#5093C4 75%); color: black; text-align: center; } </style> Sangat sederhana bukan? Dimana meletakannya? Gampang sobat masuk ke pengaturan blogger >> pilih tema >> dan lalu pilih edit HTML,  cari kode </body> pada Tema Contempo letaknya selalu ditempat paling bawah halaman HTML, scroll saja halaman ke atas sampai habis! Letakan kode diatas tepat diatas </body> Lho bukankah i

Perhatikan baik baik Menu Navigasi infinite diatas beberapa saat saja 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 original Contempo Hybrid Standard Contempo Hybrid Gradient Contempo 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 ponsel Pada 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 pe

Struktur template contempo beda dengan template blogger tua atau klasik jadi untuk menambahkan breadcrumbs kita memakai kode yang berbeda, kode yang memberikan perintah responsive. Masuk ke tema contempo sobat: Masuk ke pengaturan pilih theme atau tema pilih opsi editHTML Pada kotak HTML cari kode  <b:includable id='main'>   Atau ketik saja di kotak pencarian diatas kotak editor HTML, bisa juga dengan memilih "LOMPAT KE WIDGET" seperti gambar: Jika sudah ketemu hapus kode tersebut dan ganti dengan kode panjang di bawah ini: <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/><

Paralaks sering didefinisikan sebagai "pergerakan yang tampak" dari sebuah objek terhadap latar belakang yang jauh akibat pergeseran perspektif sebagaimana dapat dilihat pada gambar 1. Ketika dilihat dari titik pandang A, objek tampak berada di depan kotak biru.  Ketika titik pandang diubah ke titik pandang B, objek tampak bergerak ke depan kotak merah. Fenomena ini biasa dimanfaatkan dalam untuk menentukan jarak benda-benda langit. Potografi juga mengenal istilah parallax ini. Namun ternyata web-desain juga mengenal istilah ini kita sedang mencoba membuatnya, hanya saja sayangnya efek parallax mungkin tidak bekerja pada screen hape namun biasanya berkerja dengan baik pada tampilan laptop/PC. geser keatas atau kebawah untuk melihat efek jika menggunakan laptop. Scroll Up and Down this page to see the parallax scrolling effect. This div is just here to enable scrolling. Tip: Try to remove the background-attachment property to remove the scrolling effect. Ko

Kekaguman saya kepada Template Contempo membuat saya terus mengeksplorasinya. Sampai akhirnya saya membuat template baru berdasarkan Tema tersebut. Dan saya menamainya "Contempo Hybrid" mengapa? Walaupun komposisi hybridnya lebih di dominasi oleh Contempo asli namun sifat klasiknya semakin diperjelas: Menu navigasi responsive. Theme sangat responsive IJika anda ingin melihat skala yang berbeda, anda bisa mengakses template pada layar berbeda beda, laptop, tablet hingga ponsel. Silahkan lihat perbedaan pada efeknya. Karena saya akhirnya mengawinkan beberapa elemen dari template klasik yang lebih tua dengan Contempo yang lebih muda dan menghasilkan style dan kecepatan lebih baik daripada template sebelumnya "Contempo Ultimate" perhatikan ada hal baru pada template ini: Header lebih dinamis, Navigasi klasik sangat responsive namun tetap mempertahankan tombol pencarian "magnifier" bawaan. Keberadaan sidebar menjadi lebih stabil dengan