NOTABLE RE-DESAIN UPDATED!

Quality Templates. Selamat malam teman teman blogger, pada kesempatan ini saya hanya ingin memberitahukan update terbaru template notable re-desain. Seperti yang telah kami informasikan pada update update terdahulu maka kami jelaskan lagi perihal template notable ini: Template di buat berbasis template blogger terbaru 'Notable'
resize screen become more mobile
resize screen become more mobile
Update terbaru ini membawa perubahan yang cukup signifikan:
  1. Menyegarkan tampilan antarmuka template.
  2. Menambahkan menu navigasi (navbar) responsive dengan dropdown.
  3. Navbar ini menumpang pada fitur sticky karena di tempatkan pada posisi 'Pagelist' di dalam HTML template.
  4. Menggunakan ikon SVG

1. Tampilan tablet (landscape)

notable re-desain versi 3 tampilan tablet landscape
notable re-desain v.3 tampilan tablet landscape
Dengan pengaturan @media screen, tampilan tablet juga akan mewakili tampilan laptop. Menu dan sub-menu (dropdown) pada Navbar sangat efektif menggantikan fitur pagelist default dengan sempurna dan tampilannya jauh lebih artistik.

2. Tampilan layar mobile (ponsel)

notable re-desain v.3 tampilan ponsel
notable re-desain v.3 tampilan ponsel
Pada tampilan mobile, ponsel atau hape Navbar menjadi menu dropdown yang responsif dan mobile friendly. Saya menyediakan tombol kecil di kanan navbar yang dapat di klik untuk menampilkan menu dropdown tersebut.

3. Fitur:

Fitur Contempo re-desain

Fitur Describe
Tombol pencarian Default
Related Post Custom
Breadcrumb custom hidden
Navbar custom menu dropdown responsive
Back to top custom
Fitur responsif default
Fitur Mobile default
Footer credit custom default
Header modifikasi
Ikon SVG
Tombol berbagi Addthis
Layout versi 3
Harga Free
Schema Markup SILAHKAN UJI: DISINI

Tolong di share ya..

Bantu kami mengembangkan template ini melalui cara:
  1. Utarakan kelemahan template ini, asal jangan menyimpang dari tema Notable.
  2. Utarakan antar muka seperti apa (contoh navbar, warna, sidebar dsb) yang kalian suka
  3. Sebutkan gaya atau style template seperti apa yang kalian sukai.
Dengan cara demikian kami akan berimprovisasi membuat template template premium gratis.

SHARE YA...

Comments

  1. Apakah template notable itu secara bawaan nya sudah SEO gan?

    ReplyDelete
    Replies
    1. Tentu saja hampir semua template terbaru sudah 'SEO' dari sononya. Tahun 2020 SEO adalah konten.

      Delete
    2. Bagus kalo begitu. Oh ya saya mau tanya juga gan. Untuk JS pada template contempo atau semua template terbaru itu ada dimana ya? Saya mau coba hapus sticky header nya soalnya kurang nyaman dilihat

      Delete
    3. secara default semua template terbaru tidak ada JS untuk tombol react, kecuali untuk iklan adsense. Yang ada hanya CSS.
      Masuk ke pengaturan blogger > pilih theme > pilih Sesuaikan (atau customize) akan ada daftar pilihan menu pilih yang paling bawah "ADD CSS"
      Pada blanko kosong CSS tambahkan kode berikut:

      .centered-top-container.sticky {
      display: none !important;
      }

      Save template

      Bisa juga dengan cara mencari kode CSS di halaman editor HTML blogger :

      .centered-top-container.sticky {

      lalu tambahkan kode:

      display: none !important;

      Letakan saja Tepat di bawahnya.

      Hanya begitu. Selesai.

      Berlaku untuk semua template terbaru (4 varian utama)

      Delete
    4. Cara yg ini sudah pernah saya coba dan berhasil, tapi ada beberapa bug yang terjadi pada menu dan search tidak bisa dibuka. Apakah ada cara lain gan untuk menghilangkan sticky?

      Delete
    5. Menonaktifkan fitur sticky dengan cara diatas tidak berakibat pada apa apa terhadap menu search...kecuali jika sebelumnya pada template tersebut telah terdapat pengeditan bagian header, misalnya menambahkan CSS dan HTML/XML untuk membuat template menjadi lebih dinamis. Atau aba aba CSSnya bertabrakan.

      Sebaiknya memang menggunakan template default baru untuk percobaan mengedit template. :)

      Coba kunjungi: https://bordirdanjasa.blogspot.com/

      Header/navbar tanpa sticky

      Delete
    6. Sudah saya kunjungi dan coba. Berhasil sebelum di scroll tapi bug nya baru muncul setelah saya melakukan scroll gan. Apa dibrowser agan begitu juga?

      Delete
    7. Tidak, kami tidak mengalaminya.

      Delete
    8. @Rizki Abdul Husen.
      Ya itu benar. Semua perintah css terhubung (terkait) dengan semua elemen di header.

      Merubah fungsi sticky bukan hanya berdampak pada tombol Search tapi juga pada menu hamburger sidebar yang apabila konten telah di scroll akan membuat elemen elemen tersebut 'frozen' .

      Perintah CSS, seperti yang di sampaikan Anissa tidak dapat mengatasi hal tersebut karena: display: none !importatant;

      .centered-top-container.sticky {
      display: none !important;
      }

      Seharusnya aba abanya adalah:

      .centered-top-container.sticky {
      position: inherit !important;
      }

      Jadi bukan 'display' dan dengan menambahkan 'inherit' atau turunan sifat asli daripada aba aba css yang telah terintegrasi di dalam tema tersebut.

      Namun ini berlaku untuk untuk Notable, untuk tema terbaru lainnya kemungkinan kita harus mencari kode berikut setelah menelatakan kode css diatas ke dalam kotak CSS:

      <header class='centered-top-container' role='banner'>
      <b:class cond='data:view.isSingleItem' name='sticky'/>
      <div class='centered-top'>
      dan menggantikan kata 'sticky' menjadi 'sticky1'

      Coba periksa kembali link:
      https://bordirdanjasa.blogspot.com/

      Delete

Post a Comment

Ajukan pertanyaan, kami mungkin tidak bisa langsung menjawabnya. Namun pertanyaan anda mungkin berguna dan penting bagi pembaca blog ini.

Terimakasih

Salam dari Admin
Anissa Auliasari