CONTEMPO THEME: THE ULITMATE MODIFICATION ORIGINAL STYLE

CONTEMPO THEME: THE ULITMATE MODIFICATION ORIGINAL STYLE

Template ini adalah Contempo yang telah saya modifikasi. Mungkin teman teman blogger heran kok EditBlogTema gonta ganti template? Saya hanya bereksprimen dan sejauh ini blog ini baik baik saja.
Dan mungkin karena saya terbiasa dengan tema tema klasik jadi saya bekerja keras merombaknya agar semirip mungkin dengan tema klasik, namun dengan performa contempo asli. Kelebihan template Contempo tidak perlu memodifikasi HTML untuk membuat "read more"

Template ini adalah Contemo yang sudah saya di modifikasi sbb:
  1. Lihat tombol pencarian, animasinya beda jauh sama aslinya 
  2. bentuk menunya sih tetap magnifier alias kaca pembesar:  
  3. Menghilangkan fungsi sticky pada header karena mengganggu pemasangan iklan (terikut stiky iklannya he he he)
  4. Heading dirubah jadi dinamis dan lebih responsive
  5. Ditambahkan breadcrumbs yang seperti anda lihat ukuran fontnya masih "kebesaran" saya akan robah belakangan klo sudah bosan sama ukurannya.
  6. Menu pencarian telah diedit, mungkin menurut anda kurang bagus tapi saya menyukainya tinggal merapikan dan memoles bordirnya saja.
  7. Menambahkan related post sederhana dan ringan.
  8. Mengganti Tombol share dan plus menambahkan tombol emoji reaction yang keren, walau harus melibatkan layanan pihak ketiga (react & share)
  9. Warna latar dirombak (dihapus) dari kode CSS dan kode warna HEX-nya.
  10. Sidebar mirip tema tema klasik default namun dibuat sangat responsive dan mobile friendly. (Anda tahu aslinya Contempo tidak ada sidebar)
  11. Slot iklan ditengah dan sepersepuluh ukuran panjang artikel/konten blog.
  12. batas header "kroak" sebagai ciri ciri template Contempo terpaksa saya hilangkan, bukan karena itu tidak bagus, tapi karena saya tidak menyukainya.
  13. Sudah saya uji via ukuran layar hape sangat responsive dan mobile.
UPDATE TERBARU:
  1. Perbaikan stabilitas header, struktur heading dinamis
  2. Stabilitas pada post body masalah responsive mobile pada jenis postingan HTML
  3. Pemasangan iklan ditengah postingan.
CARA MEMBUAT MENU NAVIGASI


  1. Masuk ke pengaturan Contempo THE ULTIMATE MODIFICATION sama seperti masuk ke pengaturan blogger biasa
  2. Pilih tataletak atau lay out
  3. Pilih Halaman atau page, tekan tanda pinsil untuk mengedit
  4. Hapus list bawaan EdtiBlogTema dengan cara mengklik semua centang:
  5. Tambahkan Link untuk membuat navigasi anda sendiri dengan cara mengklik +tambahkan link eksternal:
  6. Tuliskan Judul halaman, lalu copy link berdasarkan label, misal anda membuat label teknologi pada setiap postingan dan mungkin ada 20 artikel memiliki atau anda beri label tersebut maka klik label pada halaman web copy alamatnya dan pastekan ke kolom Alamat Web (URL) dibawah ini.
  7. Ulangi membuat halaman baru sebanyak mungkin sehingga menjadi daftar menu navigasi yang sangat responsive. Tampilan menu pada layar laptop nampak horisontal, sedangkan pada hape akan menjadi dropdown setelah di sentuh atau di klik pakai jari.
PEMASANGAN IKLAN DITENGAH POSTINGAN

Jika anda terbiasa dengan template klasik atau bahkan template premium berbeli anda pasti akan menemukan 2 atau 3 buah kode <data:post.body/> didalam halaman HTMLnya, akan tetapi Contempo Ultimate modification ini hanya memiliki 1 kode tersebut dan hal ini memudahkan anda untuk memasang slot iklan di tengah postingan.

Hapus  kode <data:post.body/> yang anda temukan di dalam HTML blogger dan ganti dengan kode dibawah ini:

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
--Letakan kode unit adsense hasil parse disini--
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/8);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Hapus kode yang saya sorot dengan warna kuning, ganti dengan kode iklan yang telah anda copy dari akun Google Adsense anda. Save tema.

Kalau ingin mencobatemplate ini silahkan donlot dengan menekan image donlot dibawah ini:

Beri Komentar ya...

4 Comments

  1. Sekalian tutor modif coment editor ke versi 2 dong

    ReplyDelete
    Replies
    1. wah Mas Sarofudin editor versi 2 kasih detail dikit dong

      Delete
  2. Keren artikelnya bagus nih templatenya penyematan iklan dengan bijak tanpa mengurangi kenyamanan pembaca. Bila berkenan saya ijin nempel link blog saya www.buatkuingat.com. banyak artikel disana tentang optimasi SEO. Terimakasih.

    ReplyDelete

请给我们一个礼貌的评论与任何相关的主题
Just give us a polite comments with any related topics
Hanya komentar yang sopan dan berhubungan dengan topik