Bantuan dan Penyempurnaan Template Median UI - Hallo sahabat Situs Pendidikan Masa Kini - Patih Akbar, Pada Artikel yang anda baca kali ini dengan judul Bantuan dan Penyempurnaan Template Median UI, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Dokumentasi, Fitur, List, Preview, yang kami tulis ini dapat anda pahami. dengan mudah, selamat membaca.

Judul : Bantuan dan Penyempurnaan Template Median UI
link : Bantuan dan Penyempurnaan Template Median UI

Bantuan dan Penyempurnaan Template Median UI

Daftar isi

Tombol navigasi tidak berfungsi

Setelah adsense ditambahkan ke blog terkadang sebagian menu tidak berfungsi salah satunya adalah tombol navigasi dan anehnya hanya terjadi pada halaman postingan. Masalah ini terjadi karena ada tag <iframe> dari script google diantara .mainIner dan .asideIner, kode css yang digunakan untuk memanggil fungsi ini awalnya adalah :

.nav-menu:checked + .mainIner + .asideIner {...}

Jika dibaca kurang lebih seperti ini : Jika tombol menu di klik maka .mainIner plus tag yang persis dibawahnya (.asideIner) = fungsi css
Artinya: tidak boleh ada tag lain diantara .mainIner dan .asideIner, penulisannya harus seperti dibawah ini

<div class='mainIner'> ... </div>
<div class='asideIner'> ... </div>

Kami akhirnya mengubah kode CSS nya agar tidak ada lagi masalah seperti pada template ini kedepannya.

Postingan tanpa paragraf

Awalnya kami sempat dibuat kebingunan dengan masalah ini karena pada template Fletro spasi pada paragraf baik-baik saja walaupun artikel dibuat menggunalan tampilan blogger baru atau lama. Pada format html blogger tampilan baru, tag yang biasa digunakan untuk membuat baris baru hanya ditulis satu kali dengan format seperti dibawah ini:

<div><br/></div>

Berbeda dengan tampilan blogger lama yang menggunakan dua tag untuk membuat paragraf baru, awalnya kami kira inilah masalahnya dan satu-satunya solusi adalah dengan menambahkan tag lagi pada kodenya, tapi setelah kami periksa kembali ternyata ada kode css dalam template yang menyebabkan hal ini.

Jadi kami menghapus kode tersebut dan sekarang anda tidak perlu lagi menambahkan dua tag untuk membuat paragraf baru

Bagaimana cara menambahkan adsense pada template?

Template ini menerapkan cara yang sama dengan Fletro untuk menambahkan adsense, jadi Anda bisa membaca artikel ini untuk mempelajarinya.

Bagaimana cara menambahkan auto ads yang mudah?

pada template ini sudah disediakan script adsense yang bisa Anda aktifkan jika diperlukan, silahkan cari dan ubah kode dibawah ini:

<!-- <script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script> -->

// Ubah menjadi seperti dibawah ini

<script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script>

Jika anda ingin menambahkan auto ads pada blog Anda, ubah kembali kode diatas menjadi seperti dibawah serta tambahkan id adsense anda pada bagian yang sudah di tandai:

<script>/*<![CDATA[*/ (function() { var add = document.createElement('script'); var att = document.createAttribute('data-ad-client'); att.value = 'ca-pub-0000000000000000'; add.setAttributeNode(att); add.async = true; add.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(add, sc); })(); /*]]>*/</script>

Log Update

Pembaharuan: 15 Juni 2020

Perbaikan pada beberapa bug, diantaranya:
- Perbaikan pada kode CSS
- Perbaikan warna dan hover effect terutama pada mode gelap
- Perbaikan masalah tombol navigasi yang kadang tidak berfungsi
- Perbaikan masalah pada tag postingan
- Perbaikan masalah gambar postingan yang tidak rata tengah di tampilan mobile
- Perbaikan masalah table yang tidak responsive
- Perubahan layout pada tampilan responsive seperti telated post, post card, share button dan lainnya
Penambahan tombol back to top

Pembaharuan: 16 Juni 2020

Rilis versi AMP: Bisa diunduh melalui link yang sudah saya kirim di email Anda
untuk mengecek apakah halaman AMP nya valid atau tida dapat diakses dengan menambahkan ?amp=1 di setiap akhir url, link demo:

Demikianlah Artikel Tentang Bantuan dan Penyempurnaan Template Median UI

Semoga dengan membaca artikel Bantuan dan Penyempurnaan Template Median UI ini, bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel kami yang lainnya. Dan jangan lupa di share yaa

Anda sekarang membaca artikel Bantuan dan Penyempurnaan Template Median UI dengan alamat link https://patihakbar.blogspot.com/2020/05/bantuan-dan-penyempurnaan-template.html