Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Gambar Pertama ( First Image ) di atas Judul Postingan

Cara Membuat First Image

IkhsanCoegraphy - Saat ini sedang trend memasang first image atau gambar pertama di atas judul postingan blog, agar tampilan menjadi rapi dan pastinya keren dong.

Untuk cara membuat first image ini bisa dibilang cukup mudah akan tetapi banyak orang yang sesudah memasang nya mengalami gambar dobel atau ganda.

Sebenarnya cukup simpel sih cara menghilangkan gambar yang dobel setelah memasang script first image ini, untuk tutorial nya admin memakai template Linkmagz buatanya mas sugeng.

Untuk kalian yang memakai template selain linkmagz bisa di coba terlebih dahulu ya.

Cara Membuat Gambar Postingan di Atas Judul dengan Mudah

  1. Kalian masuk terlebih dahulu ke akun blogger kalian masing - masing.
  2. Kemudian cari menu thema dan edit html
  3. Cari kode ]]></b:skin> kemudian pastekan kode css first image yang saya berikan di bawah ini tepat di atasnya
    .tr-caption-container:nth-of-type(1){display:none;visibility:hidden}.post img.firstimage{width:100%;height:auto;max-width:100%}.firstimage{border-radius:5px}.post-body .separator:nth-child(1){display:none}
  4. Langkah selanjutnya cari lagi kode seperti ini
    <b:include cond='data:view.isHomepage' name='recentPostTitle'/>

    biasanya terdapat 2 kode yang sama, langkah yang harus kalian lakukan adalah cari kode yang pertama dan pastekan script di bawah ini di atasnya

    <b:if cond='data:blog.postImageUrl'>
    <img expr:alt='data:blog.pageName' expr:src='data:blog.postImageUrl' expr:title='data:blog.pageName' height='300' width='620'/>
    </b:if>
  5. Terakhir, kalian cari kode </body> dan pastekan script ini tepat di atasnya
    <script type='text/javascript'>
    //<![CDATA[
    document.querySelectorAll(".separator")[0].style.display= "none";
    //]]>
    </script>

Penutup

Itulah tadi tutorial cara membuat gambar pertama di atas judul postingan menggunakan template linkmagz, untuk kalian yang mengalami kesulitan atau masalah bisa di tanyakan melalui kolom komentar, sekian terima kasih.