Postingan ini adalah bagaimana cara menampilkan "judul posting" saja pada halaman blog anda, jadi di blog anda tidak akan ada thumbnail atau pun segala jenis lainnya yang berupa keterangan singkat. ya sudah, jangan terlalu lama membahasnya, langsung saja cara membuatnya ..
- Masuk ke blogger
- Pilih Design/Rancangan
- Pilih Edit HTML
- Cari kode noimg , kira-kira kodenya seperti ini
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height =120;
img_thumb_width =120;
</script>
- Nah, ketemu noimg , terus jadikan nol semua, seperti ini,
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 0;
summary_img = 0;
img_thumb_height = 0;
img_thumb_width = 0;
</script>
- Simpan, dan selesai.
- Centang expand Widget template
- Cari kode <data:post.body/>
- Nanti akan ada 2 kode tersebut, misalnya kodenya seperti ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink'>
<a expr:href='data:post.url'>read more...</a></span>
</b:if>
- Hapuslah kode biru nya. Sehingga tulisan "READMORE" akan hilang
- Cari saja ... (tiga titik), misal kodenya seperti ini nanti,
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
- Titil-titik yang warna hijau dihapus
- Selesai
- Cari Kode h3 ,misal
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
- Tambahkan kode text-align:center; dalam kode di atas, seperti ini,
Simpan
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color); text-align:center;
}