√ Cara Menghilangkan Gambar Pertama / First image Postingan Dengan CSS Dan JavaScript di blogger - IDETIPS.com

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

Daftar Isi

    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 .
    Tambahkan CommentarHide

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel