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.
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.
2. Lalu masuk ke menu tema.
3. backup template terlebih dahulu untuk mengantisipasi jika ada kesalahan pada saat mengedit HTML nantinya. Klik download tema.
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
Wahhh... Mantap lah..
ReplyDeleteJadi semangat jadinya unk nulis kembali...
iyaa semangat terus nulisnya.. (y)
Deleteteteap berkunjung ke situs konten gaptek ya..
Sangat membantu min:) terima kasih min :)
ReplyDeleteOkee sama sama..
DeleteSenang bisa membantu.
Gan boleh bagikan kode HTML BACA JUGA gan? Bagus yg tampilan yg punya Agan. Makasih Gan
ReplyDeleteOhh itu dari bawaan HTML templatenya gan, tidak bisa dishare sembarangan gan..
DeleteThanks tutorialnya.. bermanfaat skali
ReplyDeleteTerima kasih.. Senang jika artikel ini dapat Bermanfaat..
Deleteitu yang url image yg mana bang?
ReplyDeleteTempat kamu meletakkan gambarnya dimana? Tinggal disalin aja link gambarnya.
DeleteBoleh coba
ReplyDeleteKunjungi juga ya
https://aprcard-info.blogspot.com/2019/03/nik-kk-fresh.html?m=1
Mantul uey
DeleteGood Job... aku siap nyobain ini di blog satunya
ReplyDeleteMantap informasinya
ReplyDeleteMantab Bang.. Bisa dicoba ne
ReplyDeleteTerima kasih artikelnya
ReplyDeletekunjungi blog aku ya teman teman :)
ReplyDeleteBang blog saya thumbnailnya kayak ke crop gitu ya gak full itu atasinya gimana ya bang biar otomatis
ReplyDeleteTerima kasih informasinya. jika ingin menampilkan watermark gambar pada thumnail link di wa ato sosmed lainnya gimana ya?thx
ReplyDelete