Download Update Template Blogger Notable simple versi kedua

AvatarOleh:
Versi pertama telah kami rilis beberapa hari lalu. Update terpaksa kami berikan karena keluhan pengguna yang ingin agar tampilan konten full tanpa blank space disisi kanannya seperti tampilan bawaan atau tampilan defaultnya.

Tampilan banyak blank tersebut tentu saja pada tampilan layar yang lebih lebar yakni pada layar PC desktop dan laptop. Jika kalian mengakses halaman melalui mobile seperti yakni tampilan pada layar / screen hape dan tablet 10 inchi maka tampilan tidak ada masalah.
template notable simpel versi kedua
Sebenarnya dengan merombak bagian struktur 'body' template ini nyaris keluar dari tema aslinya. Akan tetapi kami kemudian berusaha merombaknya dari sumber kode bawaannya, yakni bagian CSSnya saja. Beruntungnya template notable adalah template CSS.

Jadi ceritanya begini: Sebelum dan sesudah struktur body di rombak terlihat pada tampilan gambar berikut:

merombak struktur body template notable jadi full


Fiturnya kustomnya sekarang menjadi (perhatikan tulisan berwarna):
  1. Header: kustom
  2. Body:kustom (menjadi Full)
  3. Font mobileKustom
  4. Data terstruktur: diperbaiki
  5. Penambahan Footer Menu (murni CSS)
  6. Sidebar: Ganti total jadi kustom (murni CSS)
  7. Menu: Hamburger menu dengan animasi
  8. Breadcrumb: valid HTML5
  9. Related Posts: Simple light
  10. Tombol berbagi: Kustom
  11. Struktur Body: kustom.
  12. Avatar profile penulis: kustom. Dapat di tampilkan melalui pengaturan kustom blog
  13. Memperbaiki tampilan komentar bawaan menjadi lebih simple dan bersih
  14. Mobile: Yes
  15. Responsif: Ya
Disamping itu kami juga melakukan update keamanan dan melakukan perbaikan pada bagian Data inti Webmaster, yakni bagian 'User Experience' pengalaman pengguna dimana terdapat sinyal palsu 'aggregate score' di dalam template versi sebelumnya.  Jika kalian menggunakannya pada saat mengirim konten ke webmaster hal itu terbaca sebagai 'error' atau 'kegagalan'.

Walaupun itu adalah tool tambahan di webmaster, namun ia sangat penting bagi mesin pencari dan berperan sebagai sinyal penentu karena di letakan di web core inti.

Nah pada update kali ini kami telah 'membersihkannya' sehingga template ini akan menjadi jauh lebih SEO dan lebih valid lagi.

Untuk informasi lebih jauh mengenai hal itu silahkan baca:

  1. Ada tambahan fitur Pengalaman Halaman di halaman google webmaster
  2. Jangan pasang Fake aggregate score di blog, karena begini akibatnya...

Kami juga menerima keluhan mengenai cara penggunaan, yakni pada bagian cara merubah dan memasukan URL atau link pada menu:

Untuk merubah menu menjadi menu blog sendiri adalah sebagai berikut:
  1. Masuk kepengaturan dasbor blogger
  2. Pilih tema
  3. Pilih cari menu 'edit HTML.
Perlu diketahui kami membuatnya sangat sederhana:

1. Navigasi samping (Sidebar menu) letaknya di bawah kode </head>
<div class='hamburger-menu'>
    <input id='menu__toggle' type='checkbox'/>
    <label class='menu__btn' for='menu__toggle'>
      <span/>
    </label>

    <ul class='menu__box'>
      <li><a class='menu__item' href='/'>Beranda</a></li>
<li><a class='menu__item' href='#'>Perihal</a></li>
<li><a class='menu__item' href='#'>Privasi</a></li>
<li><a class='menu__item' href='#'>Blog</a></li>
<li><a class='menu__item' href='#'>hubungi</a></li>
    </ul>
  </div>
Kalian hanya perlu memperhatikan tulisan yang berwarna.
Untuk setiap tulisan warna biru silahkan rubah dengan menu halaman blog sendiri. Sedangkan untuk tanda # berwarna merah harus diganti dengan link atau URL yang sesuai dengan judul menu.

Contoh:
<li><a class='menu__item' href='https://www.editblogtema.com/'>editblogtema halaman keren</a></li>
<li><a class='menu__item' href='https://www.editblogtema.com/'>url editblogtema</a></li>
<li><a class='menu__item' href='#'>Blog</a></li>
<li><a class='menu__item' href='#'>hubungi</a></li>

2. Footer Menu letaknya di bawah kode <body class='container'> 

Kodenya:
 <div class='navbar'>
  <a class='active' href='#home'>Privasi</a>
  <a href='#Perihal'>Perihal</a>
  <a href='#blog'>Blog</a>
</div>
Langkahnya sama saja dengan langkah pertama pada saat mengganti Nama menu dan URL pada sidenav di atas.

Catatan:

Template ini kami modifikasi manual, kami tidak menggunakan tool online seperti bootstrap dll, sehingga di jamin ringan dan smooth. Karena kami suka kerajinan tangan (LOL). 

Jadi semuanya murni hanya trik CSS!

Diantara 5 template default (bawaan) blogpsot terbaru, notable memang tampak unik, simple dan lebih personal. Dan modifikasi yang kami lakukan ini adalah untuk optimasi tampilan mobile, silahkan tonton videonya:


Kasih segelas kopi buat yang memodifikasinya: Anissa dong (becanda).

Selamat menggunakan. Selamat berpuasa bagi yang menjalankannya, dan semoga hari hari kalian selalu indah!

Sumber: https://www.editblogtema.com

3 Responses to "Download Update Template Blogger Notable simple versi kedua"

Labels

Abadi account action addicted adobe photoshop fix adobe photoshop mix adobe photoshop touch adsense agama AI akal alam Albert Einstein alexander the great. Allien Amerika AMP anak Androd android angkasa angkasa luar animal animal planet animasi antithieft aplikasi hebat Appe apple Apple Face ID Artifical Intelligent artificial inteligent artikel artis asesories asus atheis autoCAD autodidact awas Ayu Ting Ting badai bahasa bahasa. bakteri bank btn batam BBM beginning benar bencana berbagi berita berjalan berlari bijaksana bing bisnis kecil black hole Blackberry blackberry Messenger blog blogger blogger logo blogger moblie blogging bluetooth keyboard bluetooth mouse bocor bot BPJS btn mobile buku bully buruh burung langka business camera cat cellphone ceramah cerita charles Darwin chat China cinta classic Cloud cloud drive contempo contempohybrid coolest covid 19 CSS curhat custom ROM cybercrime Darwin dasbor Deep mind Demo desain Design dewa dilema docomo dollar amerika download DPR RI drama Drive DSLR dunia earn money editblogtema Education ekonomi Email emas endorse enggang English entertainment error essential etika evolusi Facebook fakta fanpage favicon feature fiksi fiksi sains filem filsafat finansial fisika flashdisk Florence Nightingle Florida food. forbes freckles Free friendship fun futuristik G+ Gadget Gagdet Galaxy Mega 6.3 Galaxy note 10.1 2014 edition gambir serawak game gaya hidup genetika Genius GENOM girl global gojek gold Google google adsense Google Rewards Opinion google%20drive google+ grafis Hack hacker handphone hantu hapeseken hari tua harimau harun yahya harvey heart secret hebat help me hewan hiburan hoax Hobit. hollywood horor HTML http://justdelete.me Huawei P20 pro hubungan hujatan hukum human humanbeing humor Hutan Lindung ICBM iis sugianto ilmuwan immortality impian Indosat infinity war iniJawabannya! insiden insipirasi intelligent Internasional internet invansion investment iOS iOS 11 iOS 8 iPad iPad Air ipad pro iphone iPhone 6 iPhone Case iPhone X iPhone Xs iphone. iPhoneX islam Israel isu sara jailbreak Jaime Sanjuan Ocabo Jalan Tikus janji Javascript Jenius Jerusalem jitu Job Jokowi Jokowi aja bekerja keras jokowi aja kreatif Jonru Ginting judi kamera kamera hape kantor Kaskus keabadian keadilan keamanan Kebenaran kecanduan kecantikan kecelakaan kecerdasan buatan kehidupan keluarga kemajuan kemanan kemiskinan kemudahan hidup kenyamanan kertas keruntuhan kesetiaan keyakinan keyboard external PC keyboard fisik tablet keyboard fisik tambahan keywords khairil anwar khotbah kiamat kisah klasik kode koding koes plus komedi komputer Konsipirasi konten kotak pandora kreatif kriminal krisis kristen kucing kuyang lagu lampung lapangan kerja laptop leisure Lenovo Life lifehack lingkungan listrik logika logitech LOGO loneliness Lotgitech lowongan luar lucu MacBook madonna magis make up malam minggu Malaysia manipulatif manusia masa depan masa lalu mati tertawa media medis medsos membela diri mencari uang menggambar mengintip rahasia menu navigasi menulis meretas Messenger Micorosft Office Microsoft microsoft office microsoft%20office milk lover miras mitos mobile modal motivasi motivation motivation. movie Muhammad murai batu musik myths naluri NASA navigasi blogspot template network new news ngeblog Nokia X notable nuklir nyanyian nyata obat kuat Office office%20365 old time job online operating system oppo organisme original Otodidak pademi paginator pahlawan pamali Pandora panduan paradox password PC pegawai negeri pekerja pekerjaan pemrograman pemula pencipta pendidikan pengarang penghasilan pension pensiun penulis perang perbankan perekamLayar perkawinan phablet phising PHK phone phone camera photographi phtography pilihan hidup pilosofi Play Store politik ponsel postingan potografer powered by blogger prabowo subianto prediksi teknologi premium pria pribadi prilaku privasi produktivitas programming promosi prostitusi psikologi Puasa publisher Puisi qoute Raffi Ahmad rahasia ramadhan rano karno rasialis relativitas reliji remaja renungan responsive review rhoma irama riba Robot ROM. stock ROM ruang waktu rumah sakit Rusia Safir screen sahabat sains salah Samsung samsung galaxy foldable Samsung Galaxy note 2014 Samsung S8 samsung tabS2 screenRecorder scy-fi SECRET secrets sejarah seken selebritis medsos self learning self-confident semesta sentinel SEO simalangkama simple singularity smarphone smartohone smartphone Smartwatch social song sony sosial spam spoiler Spy Stephen Hawking steve job strategi streaming struktur success sukses suku terasing supernatural tablet tablet 7" TabletAndroid takhyul taktik tantangan target technic Technology teknik teknologi teknologi hoax telkomsel tema template tenaga kerja teori terbaik theme thomas alpha edison tiktok Time traveller tips toko online Tokoh tourism town tragedi tricks trik triks troubleshooting Tutorial Tutorial. tweeter twiteer uang UFO ultrabook unggas langka United States universe usaha video viral virtual vivo waktu website widget Windows 8 Windows PC wisata women WORDPRESS xiomi xml xperia Yahoo yahudi youtber youtube

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel