DOWLOAD TEMPLATE SIMPLE SEO NOTABLE

Simple Notable adalah template yang saya buat berdasarkan template default blogger terbaru: Notable. Secara default template ini memang berbeda karena setelah saya re-desain saya selain menambahkan elemen baru saya menghilangkan elemen bawaan (default) seperti:
download template SEO simple Notable!
Template SEO simple Notable


  • Menghapus section elemen header bawaan, namun tetap meninggalkan pengaturan CSS-nya agar dapat di manfaatkan di kemudian hari. Bagi yang takut h1 hilang, jangan kuatir, Judul blog telah di bungkus dengan h1.
  • Menghapus section halaman (page) dan menggantikannya dengan navigasi menu kustom buatan saya sendiri.
  • Mengurangi jarak space antara header, snippet, dan featured post pada homepage dan juga pada halaman konten
  • Mengganti ikon bawaan dan menambahkan kredit footer otomatis menjadi milik pengguna template (tanpa kredit mengikat)
  • Dll 
Yang tetap di pertahankan dari template aslinya adalah:
  • Sticky header dengan kontainer memuat navbar kustom
  • Profile penulis yang telah di modifikasi bagian CSS-nya
  • Snippet dan image pada homepage menurut saya sudah sangat bagus jadi secara default tetap di pertahankan.
Setelah di rombak template ini menjadi lebih dinamis, responsif dan tetap mobile friendly:
Template ini ternyata cukup baik pada saat di cobakan ke halaman editblog yang sedang kami kelola. Bagi yang berminat menggunakannya silahkan dengan mengklik ikon surat di kanan paling atas halaman ini. Gratis.

Bonus: 
Jika ingin merobah tombol pencarian dari bentuk tulisan "SEARCH" pada layar laptop dan desktop menjadi tombol kaca pembesar, cari kode berikut di dalam halaman editor HTML blogger:
.search-expand-icon{
display:none 
}
.search-expand-text{
display:block
}
Robah none menjadi block. Sebaliknya robah block menjadi none.

Petunjuk mengganti menu pada navbar:
Masuk ke pengaturan blog>>pilih tema>>pilih edit HTML (beda cara lama dengan settingan tampilan dasbor blogger terbaru), pada halaman editor HTML cari kode kode berikut (lebih mudah dengan cara menekan CTRL+F lalu ketikan kode yang saya tuliskan di bawah)
Try Theme, More, dan Kebijakan. Kode navigasinya sebagai berikut:
 <!-- Header Nama blog -->
             
              <div class='blog-name'>
                <nav role='myTopnav'>
                    <div class='topnav' id='myTopnav'>
                      <h1><a class='active' href='/'><font color='#fff'><data:blog.title/></font></a></h1>
  <a href='https://www.editblogtema.net/search/label/download'>Try Theme</a>

  <div class='dropdown'>
    <button class='dropbtn'>Moreˇ
   
    </button>
    <div class='dropdown-content'>
      <a href='https://www.editblogtema.net/search/label/paradox'>Paradox</a>
      <a href='https://www.editblogtema.net/search/label/panduan'>Panduan memodifikasi template</a>
      <a href='https://www.editblogtema.net/search/label/programmer'>Programmer</a>
      <a href='https://www.editblogtema.net/search/label/A.I.'>A.I</a>
    </div>
  </div>
  <div class='dropdown'>
    <button class='dropbtn'>Kebijakanˇ 
   
    </button>
    <div class='dropdown-content'>
                      <a href='https://www.editblogtema.net/search/label/kebijkan'>Baca Kebijakan Halaman</a>
    <a href='/'>Hubungi</a>
                      </div>
     </div>
   <a class='icon' href='javascript:void(0);' onclick='myFunction()' style='font-size:15px;'><svg>
    <path d='M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z'/>
</svg></a>
                   
                      </div>     
                     </nav>
             
              </div>
                                   <!-- Header nama blog berakhir -->
Robah kata yang berwarna merah menjadi judul menu kalian sendiri
Robah kalimat yang berwarna biru menjadi link sesuai label atau link judul menu kalian sendiri.

Jika ingin menambah menu baik dropdown maupun yang pada bar menu, cukup dengan mengkopi menu sebelumnya dan mempastekannya di bawah menu tersebut, lalu robah nama menu hasil kopi berikut linknya.

Setting Judul, sidebar, warna huruf dll pada template dapat kalian lakukan melalui pengaturan Tema desainer pada dasbor blogger.

Save template.

Beri Komentar atau, Ajukan Pertanyaan

0 Comments