Custom Thumbnail Gambar Dan Teks Snippet di Home Page -->

Iklan Semua Halaman

970px x 250px

Iklan

Custom Thumbnail Gambar Dan Teks Snippet di Home Page

Referensi
Sunday, 22 October 2017

Cara membuat manipulasi thumbnail gambar dan snippet, contohnya seperti gambar disamping dan teks snippet ini tidak ada dalam postingan

Judul, thumbnail gambar dan snippet adalah fasilitas awal untuk menarik minat baca pada sebuah artikel. Membuat sebuah judul postingan semenarik mungkin itu sudah pasti anda lakukan.

Selanjutnya adalah thumbnail gambar dan snippet yang muncul di page halaman blog kita secara default jika dalam postingan kita memuat beberapa gambar adalah gambar pertama yang akan menjadi thumbnailnya. Begitu juga dengan snippet yang ditampilkan adalah teks awal yang sudah dibatasi dalam pengaturan scriptnya. Padahal kita sendiri belum tentu suka dengan tampilan thumbnail page halaman adalah gambar pertama atau tampilan snippet adalah teks bagian awal yang biasanya masih sekedar uraian pengantar postingan.

Sebenarnya kita bisa membuat manipulasi thumbnail gambar dan snippet sesuai keinginan dengan memilih gambar untuk dijadikan thumbnailnya dan memilih bagian teks yang menarik untuk dijadikan snippet.

Dan berikut Cara Membuat
Thumbnail Gambar dan Teks Snippet Sesuai Keinginan :
  1. Thumbnail gambar
    • Pilih salah satu gambar dari postingan anda dan copy bagian code :
      <img border="0" src="https://1.bp.blogspot.com/gaMbaRjAnda.jpg" width="320" height="259" data-original-width="433" data-original-height="350" />
    • Lalu anda paste dibagian paling atas postingan
    • Dan ubah menjadi :
      <img style="display: none;" src="https://1.bp.blogspot.com/gaMbaRjAnda.jpg" />
  2. Snippet
    • Pilih bagian teks yang paling menarik dari postingan, lalu copy dan paste dibagian paling atas postingan
    • Tambahkan kode paraghraph atau div atau yang lain, contoh :
      <p style="display: none;">
      Contoh teks snippet anda yang paling menarik
      </p>
  3. Untuk melihat hasilnya, klik Perbarui dan buka page halaman anda.

Cara diatas pada intinya adalah menempatkan gambar yang akan dijadikan thumbnail atau teks yang akan dijadikan snippet diawal postingan agar dibaca oleh script meskipun gambar dan teks tersebut kita sembunyikan pada halaman postingnya.

Demikian..