Home »
Tanpa Label »
Cara Sembunyikan Gambar Dalam Artikel Menjadi Thumbnail
Cara Sembunyikan Gambar Dalam Artikel Menjadi Thumbnail
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 </head><!--<head/>-->
5. Pastekan kode di bawah ini di atas kode </head> atau </head><!--<head/>-->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>
6. Simpan template.
Selanjutnya kita akan mencoba untuk membuat postingan dan upload sebuah file gambar dalam postingan tersebut untuk kita jadikan thumbnail dan tidak akan tampil di dalam artikel.
Cara membuat thumbnail gambar tidak 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 seperti di bawah ini.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-UxjMCc1yUcgyMt6XrRPENQuBY4JbITtEmmGPL6YfrWv5dcmUvWma4e34qPw-JHX275ZKJRXFSr03clm4Ug7CadmErmcqK-GDRTV4CEKJr3cVQfR5f1P_plF1xRzA2PLSHLAIjbMWhuAk/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/AVvXsEj-UxjMCc1yUcgyMt6XrRPENQuBY4JbITtEmmGPL6YfrWv5dcmUvWma4e34qPw-JHX275ZKJRXFSr03clm4Ug7CadmErmcqK-GDRTV4CEKJr3cVQfR5f1P_plF1xRzA2PLSHLAIjbMWhuAk/s320/mengatasi+pulsa+indosat+sering+terpotong+1.jpg" width="320" /></a></div>
<div>
3. Ganti "separator" menjadi "thumbnail", hingga menjadi seperti ini.
div class="thumbnail" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-UxjMCc1yUcgyMt6XrRPENQuBY4JbITtEmmGPL6YfrWv5dcmUvWma4e34qPw-JHX275ZKJRXFSr03clm4Ug7CadmErmcqK-GDRTV4CEKJr3cVQfR5f1P_plF1xRzA2PLSHLAIjbMWhuAk/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/AVvXsEj-UxjMCc1yUcgyMt6XrRPENQuBY4JbITtEmmGPL6YfrWv5dcmUvWma4e34qPw-JHX275ZKJRXFSr03clm4Ug7CadmErmcqK-GDRTV4CEKJr3cVQfR5f1P_plF1xRzA2PLSHLAIjbMWhuAk/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 terlihat di dalam artikel ketika di publikasikan.
