Cara Membuat Thumbnail Postingan Blog, Sembunyikan Gambar Dalam Artikel Menjadi Thumbnail - FAUZIL BLOG 001

Cara Membuat Thumbnail Postingan Blog, Sembunyikan Gambaran Dalam Artikel Menjadi Thumbnail

Mengenai postingan di blog, sebuah gambar Tertentu sangat di perlukan, untuk sekedar memberi rasa penasaran pengunjungnya. Sebenarnya saya terus menerbitkan postingan dengan 1 gambar di atas postingan bagi menjadi thumbnail, harapan saya agar tampilan di page home menjadi Berlebihan menarik dengan adanya gambar. Namun setelah saya menulis beberapa Swasta, lama-lama saya merasa bahwa gambar di atas postingan itu malah membuat tmpilan Swasta saya menjadi jelek dan kurang enak bagi di baca.

Padahal artikel yang bagus itu Swasta yang mampu membuat pembacanya merasa nyaman dalam membaca. Sayapun mulai berfikir ini sebuah Swasta bukan komix. Jadi saya rasa gambar tidak mengurangi terlalu memiliki peran penting dalam sebuah Swasta, namun jika saya tidak memberi gambar sama Pembayaran sekaligus pada artikel saya, maka tampilan home page akan menjadi jelek dan kurang memikat, karena pembacanya tidak mengurangi meliki rasa penasaran yang kuat, rasa penasaran yang di ciptakan oleh sebuah gambar.

Dari pada bingung, lalu saya putuskan bagi membuat thumbnail. Jadi gambar atau foto yang saya buat thumbnail ini akan tampil di home page saja dan tidak mengurangi akan tampil di dalam artikel.

Bagaimana cara membuat thumbnail atau gambar yang hanya tampil di home page ?.

1. Masuk blog juragan.

2. Pilih template/tema.

3. Edit HTML.

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

5. Pastekan kode di Rongga di bawah rumah 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.

Selanjutnya kita akan coba untuk membuat postingan dan upload sebuah file gambar dalam postingan tersebut bagi kita jadikan thumbnail dan tidak akan tampil di dalam artikel.

Cara membuat thumbnail gambar tidak mengurangi tampil dalam artikel.

1. Setelah gambar di upload, kita ganti mode penulisan dari "compose" menjadi "HTML" letaknya ada di pojok kiri atas.

2. Di mode penulisan HTML akan muncul kode sepertinya di bawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw3NFz5MXwYg53Ayx7T0aykUXW7TP9GJ9SfvNTxqBZBUWWUI2i_dLFwtJbn0llU0KYHWxU-bWFuxgUaibAAAFZifjQLcDW9el5NPwuW1qQIiaIJ1NaWERLMmneMz29lvEIzzwzQMLDtJr_/s1600/mengatasi+pulsa+indosat+sering+terpotong+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="565" data-original-width="734" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw3NFz5MXwYg53Ayx7T0aykUXW7TP9GJ9SfvNTxqBZBUWWUI2i_dLFwtJbn0llU0KYHWxU-bWFuxgUaibAAAFZifjQLcDW9el5NPwuW1qQIiaIJ1NaWERLMmneMz29lvEIzzwzQMLDtJr_/s320/mengatasi+pulsa+indosat+sering+terpotong+1.jpg" width="320" /></a></div>
<div>

3. 

Ganti "separator" menjadi "thumbnail", hingga menjadi sepertinya ini.

div class="thumbnail" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw3NFz5MXwYg53Ayx7T0aykUXW7TP9GJ9SfvNTxqBZBUWWUI2i_dLFwtJbn0llU0KYHWxU-bWFuxgUaibAAAFZifjQLcDW9el5NPwuW1qQIiaIJ1NaWERLMmneMz29lvEIzzwzQMLDtJr_/s1600/mengatasi+pulsa+indosat+sering+terpotong+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="565" data-original-width="734" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw3NFz5MXwYg53Ayx7T0aykUXW7TP9GJ9SfvNTxqBZBUWWUI2i_dLFwtJbn0llU0KYHWxU-bWFuxgUaibAAAFZifjQLcDW9el5NPwuW1qQIiaIJ1NaWERLMmneMz29lvEIzzwzQMLDtJr_/s320/mengatasi+pulsa+indosat+sering+terpotong+1.jpg" width="320" /></a></div>
<div>

Dengan megganti "separator" menjadi "thumbnail" maka gambar tersebut akan otomatis berubah menjadi thumbnail saja dan tidak mengurangi terlihat di dalam artikel ketika di publikasikan.

Begitulah cara membuat thumbnail postingan blog, Berhubungan dengan gambar tidak terlihat di dalam artikel. Semoga bermanfaat!!!

Thanks for watching our article Cara Membuat Thumbnail Postingan Blog, Sembunyikan Gambar Dalam Artikel Menjadi Thumbnail - FAUZIL BLOG 001 . Please share it with responsible.
Sincery Cara Membuat Blog
SRC: https://fauzilblog001.blogspot.com/2018/07/cara-membuat-thumbnail-postingan-blog.html
Satu Artikel, di tulis ulang berkali-kali by cara sukses bisnis di rumah