Dikarenakan keterbatasan halaman terkadang menciptakan widget kita tidak debanding lurus dengan isi postingan yang sanggup menyebabkan ketidakrapian pada tampilan widget tersebut, nah kali ini mamang akan memperlihatkan solusi yang sempurna untuk persoalan tersebut dengan cara menyembunyikan widget yang tidak terpakai pada halaman utama blog anda.
Keuntungan penerapan cara ini sanggup disebutkan ialah untuk mempersempit konten widget sehingga tidak terjadi duplikat pada tampilan blog anda, mamang mencontohkan ialah sebuah widget artikel terbaru yang ingin mamang sembunyikan dari halaman home tetapi ingin mamang tampilkan pada halaman postingan. sehingga para visitor yang sedang membaca halaman postingan sanggup mengetahui jug artikel terbaru blog anda.
Cara ini tidaklah sulit dan sangat pendek tutorialnya bila anda sanggup memilah edit HTML dengan baik akan terasa cepat penerapannya, pribadi saja kita menuju tutorial cara menyembunyikan widget pada halaman utama blog ini, silahkan di cermati.
Cara Menyembunyikan Widget di Homepage Blog :
1. Masuklah kedalam dashboard blog anda, dan pilih sajian template lalu masuk ke edit HTML
2. Carilah isyarat ]]></b:skin>
3. Tambahkan CSS dibawah ini sempurna di atas isyarat ]]></b:skin>
<b:if cond="data:blog.pageType != "item""> <style> #HTML2,#HTML1{display:none;} </style> </b:if>
4.Kira kira misalnya bila diterapkan pada edit HTML yang akan anda cari ialah sebagai berikut :
<div class='sidebar section' id='sidebar'> <div class='widget HTML' data-version='1' id='HTML1'>
5.Silahkan anda ganti HTML1 dengan id HTML pada widget yang ingin di sembyunikan, bila menentukan beberapa banyak widget untuk disembunyikan sekaligus tambahkan koma (,) dan juga pagar ibarat pada CSS nomor 3.
6. Simpan template dan lihat perbandingan antara homepage dan artikel page anda.
Demikianlah tutorial kali ini perihal Cara Menyembunyikan Widget di Homepage Blog, semoga bermanfaat untuk anda. Jika menyukai artikel ini anda sanggup share, like, and subscribe untuk berlangganan artikel terbaru pribadi dari email anda.
Sumber https://www.mangotep.com/
Click to see the code!