Cara Menghilangkan Gambar Pertama / First image Postingan Dengan CSS Dan JavaScript di blogger

hallo sobat idetips.com , gambar merupakan salah satu hal yang sangat utama dalam sebuat postingan , gambar biasanya digunakan untuk memberitahukan seseorang gambaran atau bentuk dari postingan tersebut , ternyata gambar tidak selamanya digunakan dalam sebuah post , karena umumnya kebanyakan post menggunakan live preview / demo untuk menampilkan hasil . atau bahkan gambar yang lebih jelas tanpa ada editan .
ada banyak sekali alasan seseorang menghilangkan first image pada postingan , seperti misalnya mau memindahkan gambar pertama keatas hingga lebih tampak seperti cover , atau hal lainnya .

jadi pada tutorial kali ini idetips.com mau berbagi bagaimana sih cara menghilangkan atau menyembunyikan gambar atau thumbnail atau first image pada sebuah postingan blogger / blogspot ? , sebetulnya hal ini sangat mudah dilakukan , karena pada umumnya untuk menhilangkan sebuah gambar pada web atau bahkan element pada web kita bisa menggunakan css “display:none” . cara lainnya ya dengan memodifikasi halaman postingan mulai dari rombak tag image yang ada .

sedikit info , jika kamu melakukan upload image atau gambar pada saat ingin melakukan post artikel , coba kamu perhatikan , semua gambar yang diupload akan memiliki class .seperator , nah class ini bisa dijadikan acuan untuk menghilangkan first image dipostingan .

Seperti yang saya katakan diatas , kita bisa saja menggunakan atau menambahkan class dan memberi nilai pada css class tersebut “display:none” , tapi hal tersebut dianggap sangatlah buang-buang waktu , pasalnya kamu harus melakukan edit setiap mau post artikel yaitu menambahkan satu class pada tag gambar .

kita permudah saja , disini saya menggunakan dua cara , yang pertama menggunakan CSS dan yang kedua menggunakan Javascript .

untuk pengunaan CSS :

silahkan masuk ke blogger  > TEMA > Edit html .
selanjutnya cari code “]]></b:skin>” ( gunakan CTRL + F untuk mempermudah ) , dan letakkan code dibawah ini tepat diatasnya .

.separator:nth-of-type(1) {
    display:none;
    visibility:hidden;
}

save tema

untuk pengunaan Javascript

silahkan masuk ke blogger  > TEMA > Edit html .
selanjutnya cari code “</body>” atau “&lt;!–</body>–&gt;&lt;/body&gt;” ( gunakan CTRL + F untuk mempermudah ) , dan letakkan code dibawah ini tepat diatasnya .

 <script type=’text/javascript’>
//<![CDATA[
document.querySelectorAll(“.separator”)[0].style.display= “none”;
//]]>
</script>

save tema

jadi itu adalah 2 cara menghilangkan gambar pertama pada postingan blogger , kamu bisa pilih salah satu , menggunakan CSS atau javascript .

Leave a Reply

Your email address will not be published. Required fields are marked *