Cara Menampilkan Judul Postingan Saja di Homepage dengan Auto Read More

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 = &quot;float&quot; ;
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 = &quot;float&quot; ;
summary_noimg = 0;
summary_img = 0;
img_thumb_height = 0;
img_thumb_width = 0;
</script>
  • Simpan, dan selesai.
Nah, untuk menghilangkan tulisan "READMORE" :
  • 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 != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</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
Untuk menghilangkan ( . . . )
  • 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
Untuk Judul Rata Tengah
  • 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,

h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color); text-align:center;
}
Simpan 

Share Artikel ini ke teman-temanmu

Lihat Artikel Lainnya disini