Cara Membuat Thumbnail Blogger tanpa Tampil di Postingan Artikel

Blog dengan thumbnail

Ketika kita membuat sebuah artikel untuk blog tentu diperlukan gambar sebagai pendukung konten yang kita buat. Artikel yang baik harus memiliki setidaknya 1 gambar atau lebih yang berkaitan. Akan tetapi terkadang ada juga gambar yang membuat tampilan malah menjadi berantakan.

Thumbail artikel biasanya secara default atau otomatis akan mengambil First Images (Gambar Pertama) pada artikel. Namun jika kita ingin membuat thumbnail yang berbeda kita bisa mengaturnya.  Selain itu kita juga bisa menampilkan thumbnail tanpa adanya gambar dalam tampilan artikel yang kita buat. 

Berikut langkah-langkah yang dapat kita lakukan jika ingin membuat thumbnail atau gambar yang hanya tampil di home page.

1.    Masuk ke akun blog kamu.  

2.   Pilih template/tema.  

3.  Edit HTML.  

4.  Cari kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;   

5. Pastekan kode di bawah ini di atas kode </head> atau  &lt;/head&gt;&lt;!--<head/>--&gt;

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type='text/css'>

.thumbnail {display:none}

</style>

</b:if> 

6.     Simpan template.

Setelah melakukan langkah-langkah di atas selanjutnya kita tinggal membuat thumbnail di postingan dengan cara sebagai berikut.

1.     Buat artikel seperti biasa.

2.     Insert Image atau masukkan gambar yang ingin di buat Thumbnail.

3.     Ganti mode penulisan dari "tampilan menulis" atau "compose" menjadi "HTML"

4. Cari tulisan "separator" di mode HTML dengan menekan tombol Ctrl + F kemudian ketikan separator.

<p style="text-align: justify;"><span style="font-size: medium;"></span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjcyy8PbhNOzyb6OH3Y311mNfYeu9jDP2qlRSi-YtvW3xJ-9Cuo7L82lXX5_KrL_Y7_t6D0ogcK0ucnJLG1l7bmXNb90B-3z17n6pK5cABRLZT5-E2Xi2pH-SJcjN7jAeOUokPd0-mD6iN4qJfTstjGhZhCcWAY8s5hseliOqrKKzcmgA3W957LxbaP-w" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="671" data-original-width="1219" height="290" src="https://blogger.googleusercontent.com/img/a/AVvXsEjcyy8PbhNOzyb6OH3Y311mNfYeu9jDP2qlRSi-YtvW3xJ-9Cuo7L82lXX5_KrL_Y7_t6D0ogcK0ucnJLG1l7bmXNb90B-3z17n6pK5cABRLZT5-E2Xi2pH-SJcjN7jAeOUokPd0-mD6iN4qJfTstjGhZhCcWAY8s5hseliOqrKKzcmgA3W957LxbaP-w=w528-h290" width="528" /></a></span></div><div style="text-align: center;"><span style="font-size: medium;"><span style="color: #444444;">blog dengan thumbnail</span></span></div><span style="font-size: medium;"><br /></span><p></p><p style="text-align: justify;"><span style="font-size: medium;">Ketika kita membuat sebuah artikel untuk blog tentu&nbsp;<span style="background-color: white; font-family: &quot;Times New Roman&quot;, &quot;serif&quot;;">diperlukan gambar sebagai pendukung konten yang kita buat.&nbsp;

5. Ubah tulisan "separator" menjadi "thumbnail"

<p style="text-align: justify;"><span style="font-size: medium;"></span></p><div class="thumbnail" style="clear: both; text-align: center;"><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjcyy8PbhNOzyb6OH3Y311mNfYeu9jDP2qlRSi-YtvW3xJ-9Cuo7L82lXX5_KrL_Y7_t6D0ogcK0ucnJLG1l7bmXNb90B-3z17n6pK5cABRLZT5-E2Xi2pH-SJcjN7jAeOUokPd0-mD6iN4qJfTstjGhZhCcWAY8s5hseliOqrKKzcmgA3W957LxbaP-w" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="671" data-original-width="1219" height="290" src="https://blogger.googleusercontent.com/img/a/AVvXsEjcyy8PbhNOzyb6OH3Y311mNfYeu9jDP2qlRSi-YtvW3xJ-9Cuo7L82lXX5_KrL_Y7_t6D0ogcK0ucnJLG1l7bmXNb90B-3z17n6pK5cABRLZT5-E2Xi2pH-SJcjN7jAeOUokPd0-mD6iN4qJfTstjGhZhCcWAY8s5hseliOqrKKzcmgA3W957LxbaP-w=w528-h290" width="528" /></a></span></div><div style="text-align: center;"><span style="font-size: medium;"><span style="color: #444444;">blog dengan thumbnail</span></span></div><span style="font-size: medium;"><br /></span><p></p><p style="text-align: justify;"><span style="font-size: medium;">Ketika kita membuat sebuah artikel untuk blog tentu&nbsp;<span style="background-color: white; font-family: &quot;Times New Roman&quot;, &quot;serif&quot;;">diperlukan gambar sebagai pendukung konten yang kita buat.&nbsp;




Komentar

Posting Komentar

Postingan populer dari blog ini

Contoh Soal Menghitung Zakat Fitrah

Gambar
Soal 1.     Pak Adi adalah seorang kepala keluarga yang memiliki 2 orang anak dan seorang istri. Berapa jumlah zakat fitrah yang harus ia keluarkan Bersama keluarganya? 2.      Pak Somad memiliki seorang istri, 2 anak laki-laki dan 2 anak perempuan. Berapa jumlah zakat fitrah yang harus Pak Somad keluarkan? 3.     Pak Ali adalah orang tua tunggal. Istrinya sudah meninggal sejak 2 tahun yang lalu. Ia tinggal bersama ke tiga anaknya. Akan tetapi pada awal bulan Ramadhan salah satu anaknya juga meninggal karena kecelakaan. Berapa jumlah zakat fitrah yang harus dibayar Pak Ali? 4.        Pak Budi memiliki 3 anak laki-laki dan 1 anak perempuan. Ia juga memiliki istri yang sedang hamil besar. Pada tanggal 28 Ramadhan, istrinya melahirkan anak perempuan. Berapa jumlah zakat yang harus dibayar Pak Budi jika ia ingin membayarnya dengan uang? (Harga beras Rp12.000/Kg) 5.     Pak Anto memiliki seorang istri dan 1 orang anak perempuan. Berapa jumlah zakat yang harus dikeluarkan Pak Anto ji
Read more »

Contoh Teks MC Pelantikan Pengurus

Gambar
 Teks MC Pelantikan Pengurus Komunitas FTIK Assalamu’alaikum Wr. Wb Bismillahirrahmnirrahim. Alhamdulillahirabbil’alamin wasshalatu wassalamu ‘ala asyrafil ambiyai wal mursalin sayyidina wamaulana muhammadin wa ’ala alihi wa sahbihi ajma’in.   Amma ba’du. Yang terhormat, rektor IAIN Purwokerto Yang kami hormati, Dekan Fakultas Tarbiyah dan Ilmu Keguruan IAIN Purwokerto Yang kami hormati, Wakil Dekan III Fakultas Tarbiyah dan Ilmu Keguruan IAIN Purwokerto Yang kami hormati, ketua Komunitas Fakultas Tarbiyah dan Ilmu Keguruan IAIN Purwokerto Serta segenap hadirin yang berbahagia Pertama-tama marilah kita panjatkan puji syukur kepada Allah SWT. atas segala nikmat dan karunianya sehingga kita bisa berkumpul di majlis yang insyaallah bermanfaat ini dalam rangka   Pelantikan pengurus Komunitas Fakultas Tarbiyah dan Ilmu Keguruan IAIN Purwokerto Kedua kalinya, shalawat serta salam marilah kita haturkan kepada junjungan kita, Nabi Agung Muhmamad SAW. Beliaulah sang revolusioner
Read more »

Materi PAI Kelas 6 Bab 4 Ayo Membayar Zakat ppt

Gambar
 AYO MEMBAYAR ZAKAT Pengertian Zakat Zakat secara bahasa berarti membersihkan, mensucikan, bertumbuh dan bertambah. Zakat secara istilah berarti mengeluarkan sebagian dari harta tertentu untuk diberikan kepada kelompok tertentu dalam waktu tertentu. Macam-Macam Zakat 1.       Zakat Fitrah Zakat Fitrah yaitu pengeluaran sebagian harta yang wajib dibayarkan menjelang hari raya Idul Fitri atau pada akhir Ramadhan. Zakat Fitrah berguna untuk menyempurnakan ibadah puasa Zakat Fitrah hukumnya wajib bagi setiap umat Islam, baik laki-laki, perempuan, orang dewasa, anak-anak, merdeka ataupun budak. Besar zakat fitrah yang harus dikeluarkan oleh setiap umat Islam yaitu satu sha'  atau kira-kira 2,5 kg beras atau bahan makanan pokok lainnya, seperti gandum dan jagung. Waktu membayar zakat fitrah Wajib: setelah terbenamnya matahari pada akhir bulan Ramadhan sampai menjelang shalat idul fitri Mubah/ boleh: awal bulan Ramadhan sampai hari terakhir Ramadhan Afdhal/ lebih utama: setelah shalat sub
Read more »