Cara Menambahkan Thumbnail Blog

Assalaamu'alaikum Wa Rahmatullahi Wa Barakatuh

Konten Gaptek - Pada kesempatan kali saya akan menshare sebuah ulasan artikel untuk memasang logo/thumbnail home blog, oke silahkan disimak sahabat blogger semua.


Cara Menambahkan Thumbnail Blog


Thumbnail merupakan sebuah keharusan yang terdapat pada suatu blog/web. Dengan memasang thumbnail home blog , dapat membuat kredibilitas dan kualitas blog terlihat baik di mata search engine google juga dapat membuat pengunjung semakin betah berada lebih lama untuk mengunjungi situs blog/web mu.

Lantas bagaimana cara memasangnya?
Caranya cukup mudah, yakni hanya dengan menyisipkan meta tag javascript thumbnail ke dalam html template blog.
Baiklah langsung saja berikut merupakan caranya.

1. Silahkan masuk ke menu dasboard blogger masing-masing.
(Lihat Gambar)


2. Lalu masuk ke menu tema.
(Lihat Gambar)


3. backup template terlebih dahulu untuk mengantisipasi jika ada kesalahan pada saat mengedit HTML nantinya. Klik download tema.
(Lihat Gambar)


4. Setelah template terbackup, masuk ke edit HTML.

5. Copy kode dibawah ini dan letakkan di bawah kode <head> ,

Click CTRL + F untuk memudahkan pencarian.

<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='530' property='og:image:width'/>
<meta content='280' property='og:image:height'/>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<meta content='158' property='og:image:width'/>
<meta content='158' property='og:image:height'/>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<b:else/>
<meta content=URL Images' property='og:image'/>
<meta expr:content='data:blog.title' property='og:image:alt'/>
<meta content='158' property='og:image:width'/>
<meta content='158' property='og:image:height'/>
</b:if>

</b:if>


6. Silahkan Ganti url images dengan link gambar/logo blog anda.

7. Setelah kode berhasil diletakkan, klik simpan.

8. Kemudian klik kembali.

Sampai disini proses pemasangan thumbnail blog sudah selesai, akan tetapi masih harus perlu disetting lagi agar thumbnail home blog benar-benar sesuai dengan url gambar yang dituju.

Bagaimana caranya?
Mudah saja, silahkan disimak!

1. Kunjungi situs web.developersfacebook.com/debug/tools
Lalu login menggunakan akun facebook.
(Lihat Gambar)


2. Masukkan Url blog anda ,
Lalu klik debug.
(Lihat Gambar)


3. Klik perkecil dan kurangi berkali-kali , hingga gambar sesuai dengan url image yang dituju.
(Lihat Gambar)


4. Apabila gambar sudah benar, langsung close saja halaman web tersebut. Sebab proses mensetting telah selesai.

Selamat Sekarang blog anda sudah memiliki thumbnail home.
Silahkan anda coba mengetesnya dengan memasukkan url home blog/web anda di berbagai macam sosial media.

Sebagai contoh saya memasukkan url home blog di facebook, dan Apabila berhasil tampilannya akan menjadi seperti ini.
(Lihat gambar)


Oke mungkin itu saja ulasan artikel pada kali ini , semoga apa yang saya sampaikan dapat bermanfaat untuk anda semua.

Saya minta tolong dari sahabat blogger semua dengan memberikan kritik dan saran yang positif tentang tulisan ini yaa.
Dengan senang hati saya akan menerima sebuah kritikan dari anda semua untuk menjadikan tulisan ini lebih baik lagi.

Terima kasih sudah meluangkan waktu anda, untuk mengunjungi pada artikel saya kali ini.
Tetap pantau terus Situs Konten Gaptek dengan cara mencamtumkan email kalian pada kolom subcribe yang telah tersedia.

Karena masih banyak tutor dan tips yang akan saya bagikan di situs Konten Gaptek secara gratis.

Jika ada hal yang belum dimengerti dan ingin ditanyakan , silahkan bertanya melalui kolom komentar yang telah tersedia , dengan senang hati saya akan menjawab pertanyaan anda. Terima kasih!!


Wassalaamu'alaikum Wa Rahmatullahi Wa Barakatuh
Related Posts
Akmal Farabi
syailendra akmal farabi hanya seoarang blogger muslim beraqidah ahlusunnah wal jamaah dan bermazhab syafi'i yang ingin memberikan manfaat kepada orang lain melalui media blog sebagai sarana dakwah islamiyah. sebaik-baiknya manusia ialah yang bermanfaat untuk orang lain.

Related Posts

19 comments

  1. Wahhh... Mantap lah..
    Jadi semangat jadinya unk nulis kembali...

    ReplyDelete
    Replies
    1. iyaa semangat terus nulisnya.. (y)
      teteap berkunjung ke situs konten gaptek ya..

      Delete
  2. Sangat membantu min:) terima kasih min :)

    ReplyDelete
  3. Gan boleh bagikan kode HTML BACA JUGA gan? Bagus yg tampilan yg punya Agan. Makasih Gan

    ReplyDelete
    Replies
    1. Ohh itu dari bawaan HTML templatenya gan, tidak bisa dishare sembarangan gan..

      Delete
  4. Thanks tutorialnya.. bermanfaat skali

    ReplyDelete
    Replies
    1. Terima kasih.. Senang jika artikel ini dapat Bermanfaat..

      Delete
  5. Replies
    1. Tempat kamu meletakkan gambarnya dimana? Tinggal disalin aja link gambarnya.

      Delete
  6. Boleh coba
    Kunjungi juga ya
    https://aprcard-info.blogspot.com/2019/03/nik-kk-fresh.html?m=1

    ReplyDelete
  7. Good Job... aku siap nyobain ini di blog satunya

    ReplyDelete
  8. kunjungi blog aku ya teman teman :)

    ReplyDelete
  9. Bang blog saya thumbnailnya kayak ke crop gitu ya gak full itu atasinya gimana ya bang biar otomatis

    ReplyDelete
  10. Terima kasih informasinya. jika ingin menampilkan watermark gambar pada thumnail link di wa ato sosmed lainnya gimana ya?thx

    ReplyDelete
Peraturan Berkomentar:

1. Mohon berkomentar dengan baik,sopan,santun dan secara wajar
2. Dilarang berkomentar tentang unsur /sara/promosi/ apapun yang bertentangan dengan hukum yang berlaku
3. Dilarang menyertakan link aktif

Tidak berkomentar sama sekali itu masih lebih baik, daripada mengucapkan seribu kalimat sampah.

Ucapanmu, Kualitas Dirimu!

Terima Kasih