TEMA CONTEMPO BLOGGER HYBRID UPDATED | editblogtema editblogtema: TEMA CONTEMPO BLOGGER HYBRID UPDATED

Logtema

×
tutorial dan teknik

TEMA CONTEMPO BLOGGER HYBRID UPDATED

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.
dibuat oleh editblogtema.net
Gambar template contempo hybrid
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

Bagikan (share):

4 comments:

  1. wiih Mantab master...ijin..copy..link y..biar pada kesini semua..btw,,,master fa fa Window..Fungsi nya untuk pa y

    ReplyDelete
    Replies
    1. Saya pakai untuk home saja silahkan robah font awsome menurut selera kita sendiri

      Delete
  2. Nanya mas, kalau mau huruf atau font-nya tidak bold gimana ya ?
    ngerubahnya dimana ?
    mohon pencerahannya.

    ReplyDelete
    Replies
    1. Masuk ke pengaturan>>pilih tema>>pilih sesuaikan>>pilih lanjutan>>setelah masuk ke tool blogger designer pilih postingan>>pilih font text postingan>>tekan hurup "B" (bold) untuk menghilangkan opsi bold pada font postingan.

      Selesai.

      Delete

🌐请给我们一个礼貌的评论与任何相关的主题
⚘⚘Kami menghargai semua masukan
👫👫 Namun kami juga menjunjung tinggi kesopanan