TEMA CONTEMPO HYBRID UPDATED!

contempo hybrid theme
gambar tampilan contempo hybrid
Perhatian: Link download sudah di update! Tema lama sudah kadaluarsa.

Setelah menggunakannya untuk beberapa waktu saya memutuskan untuk membagikan kembali template blogger contempo yang telah saya update. Dan momennya saya anggap tepat karena Google telah mempreteli beberapa gagdet yang berhubungan dengan Google Plus. Beruntung sejak awal template buatan saya 100% menggunakan widget atau gagdet gagdet default atau bawaan tema blogger. Sobat tidak perlu takut terhadap perubahannya karena otomatis mengikuti perubahan internal blogger.
Saya juga dari awal menghindari menggunakan brigde/jembatan link dan librari seperti rawgit sehingga ketika kedua layanan ini (Gplus dan Rawgit ditutup) tidak akan memberikan pengaruh buruk apa apa terhadap tema contempo hybrid. Contempo tetap bersih dengan gaya kombinasi khas contempo dan template klasik. Pada Contempo Hybrid, sobat akan melihat:
  1. Menu Navigasi plus tombol pencarian yang berbeda dengan tema aslinya. Menu navigasi adalah 100% custom dibuat ulang menggunakan elemen dasar HTML, sedangkan menu pencarian kaca pembesar (magnifier) menggunakan widget bawaan dengan merobah letaknya menggunakan aba aba CSS yang telah ada pada tema.
  2. Sidebar sticky atau fixed menggunakan sidebar bawaan namun di modifikasi dari posisi kiri menjadi kekanan melalui perintah CSS dan media query. Jadi tidak ada elemen tambahan kecuali menambahkan perintah JS untuk membuat sidebar menjadi "sticky" 
  3. Menambahkan footer menggunakan elemen HTML ringan dan sederhana.
  4. Menghapus opsi sticky pada header karena mengganggu iklan jika ditempatkan di header. 
  5. Menghapus warna latar tema contempo asli dan membiarkannya blank putih, namun menambahkan warna gradient halus pada sidebar.
  6. Perhatikan beda tampilannya dengan temlpate blogger contempo asli dibawah ini:
template bawaan contempo asli bawaan blogger
Gambar template contempo asli bawaan blogger
1. PETUNJUK MENGEDIT MENU BLOGGER CONTEMPO HYBRID
Sobat bisa merobah link menu navigasi dengan mencari kode </header> diatas kode header akan sobat temui rincian kode menu sebagai berikut:

<nav id='menutop'>
<input type='checkbox'/>
<label/>
<ul>
<li>
<a href='/' title='Beranda'><i aria-hidden='true' class='fa fa-windows' style='color:orange'/>Beranda</a>
</li>
<li>
<a class='dutt' href='#'><i class='fa fa-rss' style='color:orange'/>Blogging</a>

<ul class='menux'>
<li><a href='https://www.editblogtema.net/search/label/blogger'>Triks/Tips</a>
</li>
<li><a href='https://www.editblogtema.net/search/label/english'>English Posts</a>
</li>
<li><a href='https://www.editblogtema.net/search/label/fakta'>fakta</a>
</li>
<li><a href='https://www.editblogtema.net/search/label/kotak%20pencarian'>Pencarian</a>

</li>
<li><a href='https://www.editblogtema.net/search/label/navigasi'>Navigasi</a>
</li>
<li><a href='https://www.editblogtema.net/search/label/tutorialKhusus'>Spesial</a>
</li>
<li><a href='https://www.editblogtema.net/p/blog-page_30.html'>小部件</a>
</li>
</ul>
</li>
<li>

<a class='dutt' href='#'><i class='fa fa-download' style='color:orange'/>Download</a>
<ul class='menux'>
<li><a

href='https://www.editblogtema.net/p/project-pandora.html'>Pandora.Pro</a>
</li>
<li><a href='https://www.editblogtema.net/2018/10/moslem-theme-for-free.html'>Tema Islami</a>
</li>
<li><a href='https://www.editblogtema.net/p/blog-page_7.html'>EB-themes</a>
</li>

<li><a href='https://www.editblogtema.net/2018/12/apakah-template-contempo-hybrid-itu.html#'>Tentang Kami</a>

</li>
</ul>
</li>

<li><a href='https://www.editblogtema.net/p/daftar-isi.html'><i class='fa fa-sitemap' style='color:orange'> </i>网站地图</a>
</li>
<li><a href='https://www.editblogtema.net/p/blog-page_4.html'><i aria-hidden='true' class='fa fa-first-order'/>Tentang Template ini</a>
</li>
</ul>
</nav>

Silahkan robah setiap link dan judul menu yang telah saya sorot (highlight) dengan warna kuning menjadi link dan judul menu dan sub-menu sobat sendiri.

2. CARA MEROBAH CREDIT MENU PADA FOOTER BLOGGER CONTEMPO HYBRID

Untuk urusan atribusi contempo hybrid tidak ada bedanya dengan tema blogger contempo aslinya.

Usahakan meletakan gagdet atau widget HTML atribusi template di posisi paling bawah tataletak template contempo hybrid. Perhatikan gambar:
letaknya paling bawah lay out template blogger
Klik atau pencet gagdet atribusi pada ikon pensil sebelah kanan, maka akan muncul kotak dialog dimana sobat bisa menuliskan credit footer:
bisa dituliskan credit atau hak cipta
Pada bagian hak cipta sobat tuliskan credit footer sederhana sobat sendiri, hasil penulisan akan terlihat pada kolom pratinjau dibawahnya. Pada contoh diatas saya menuliskannya sebagai berikut:

Copyright©2018 - 2019 created by: <ahref="http://www.editblogtema.net">editblogtema.net </a> 

Jadi sobat tinggal merobah kalimat yang telah saya sorot warna merah saja.

Untuk DEMO tema sedang saya pakai pada blog editblogtema ini.
Untuk download silahkan Ikuti link download dibawah ini:

DOWNLOAD
Jika sobat menemukan tulisan postingan jadi bold pada penggunaan tema ini, mengatasinya sangatlah mudah:
  1. Masuk kepengaturan (dasboard) blogger
  2. Pilih tema
  3. Pilih sesuaikan
    Pilih sesuaikan
  4. Pilih lanjutan >>postingan>>font text postingan>>tekan hurup "B" (dilingkari warna kuning)
    Teks font postingan
  5. Save template.
www.editblogtema.net

Posting Komentar

Lebih baru Lebih lama

Formulir Kontak