Template baru: ContempoHack

Saya ingin berbagi tema baru contempo yang telah saya modifikasi. Template ini Responsive dan mobile friendly. Header telah saya pangkas nilainya dari default 480px menjadi 100px untuk menghasilkan tampilan nan klasik.
by editblogtema
Selain itu saya menambahkan menu navigasi dalam bentuk tombol "fixed" untuk memudahkan navigasi kehalaman yang sobat inginkan. Jangan kuatir, selain menu navigasi tersebut semua hal yang sobat butuhkan untuk memodifikasi template ini dapat dengan mudah dilakukan melalui dasbor/pengaturan blogger, yakni pada opsi "Desainer Blogger" Perubahannya adalah:

  1. Tombol menu navigasi pure HTML CSS (no JavaScript)
  2. Menyembunyikan sidebar contempo untuk semua ukuran layar (soba bisa mengembalikannya kapan saja)
  3. Flatten Header - Menghilangkan tampilan snippet-thumbnail yang terlalu menjulur tinggi pada homepage.
  4. Mengganti Latar Blog dengan animasi Matrix.
  5. Modifikasi X-Frame untuk keamanan.
  6. Dan beberapa modifikasi CSS ringan lainnya
Template ini cocok untuk kegunaan banyak hal. 

1. CARA PEMASANGAN:
  1. Buka link download pada menu navigasi diatas halaman editblogtema ini.
  2. Klik "Download ContempoHack"
  3. Akan keluar opsi: "select an account" sobat mestinya telah memiliki akun Google, jika ya klik salah satu akun google atau gmail sobat
  4. Jika sudah akan muncul pilihan untuk melihat kode html contempo, pilih saja salah satu opsi yang sobat miliki dan sudah terpasang di perangkat, biasanya dalam bentu aplikasi office atau lainnya.
  5. Klik saja opsi akun yang sudah sobat miliki, jika seluruh kode telah terbuka silahkan copy seluruh kode tersebut.
  6. Langkah selanjutnya buka pengaturan blogspot sobat, pilih tema, Back Up terlebih dahulu template sobat. Lalu tiba masanya pilih editHTML.
  7. Setelah halaman HTML terbuka hapus seluruh kode di dalam halaman HTML tersebut dan pastekan seluruh kode yang baru sobat copy atau download tadi.
  8. Preview terlebih dahulu, jika tidak terjadi apa apa SAVE template.
2. CARA MENGEDIT  TOMBOL NAVIGASI:

Masuk ke pengaturan blogger
  1. pilih tema
  2. pilih edit HTML 
  3. Setelah masuk silahkan cari kode: </head>. Mencarinya lebih mudah dengan cara menekan tombol CTRL+F pada papan ketik dan tuliskan atau copy dan paste kode diatas pada kotak pencarian yang muncul diatas halaman HTML.
  4. Tepat dibawah kode </head> terdapat kode berikut:
<div class='dropdown'>
  <button class='dropbtn'>&#9660;</button>
  <div class='dropdown-content'>
    <a href='/'>Beranda</a>
    <a href='#'>Perihal</a>
    <a href='#'>Kontak</a>
 <a href='https://demoblogjuga.blogspot.com/p/daftar-isi.html'>daftar isi</a>
 <a href='https://demoblogjuga.blogspot.com/p/blog-page.html'>kebijakan privasi</a>
  </div>
</div>


Sobat tinggal mengganti  kode kode yang saya sorot warna kuning dengan Judul link yang sobat inginkan dan mengganti tanda pagar (#) atau setiap link yang saya sorot merah dengan link berdasarkan label blog sobat sendiri.

Jangan lupa SAVE template!

Apakah ini mobile (Ponsel/tablet)? Jangan kuatir saya selalu bekerja dengan CSS dan mengerti bagaimana mengatur @media Screen. Pembuatan templat selalu diuji langsung keperangkat perangkat mobile baik real maupun virtual.
Selalu di uji terhadap perangkat mobile tablet dan hape
Bagaimana dengan status 404? Ini penting untuk melihat prilaku dari respond server.
Saya telah mengatasinya dengan baik. Demikianlah contoh templat CintempoHack yang saya tawarkan dengan gratis.
Silahkan LIHAT DEMO
Untuk memeriksa responsive atau tidaknya pada setiap layar silahkan cek di:

Am I Responsive - ContempoHack



www.editblogtema.net


Comments

Popular Minggu ini:

MEMPERBAIKI ADD NUMBERING DAN ADD BULLETS YANG TIDAK BISA TAMPIL PADA POSTINGAN BLOG

AUTODIDACT, WHY YOU FAIL TO PERFORM IT

INI DIA UKURAN GAMBAR TERBARU YANG IDEAL UNTUK KONTEN BLOG AMP