Cara Menampilkan Judul Postingan Saja di Homepage

Cara Menampilkan Judul Postingan Saja di Homepage dengan Auto Read More,

Judul panjang tak masalah lah ^_^) . . . masih ingat cara membuat Auto Readmore ?

Baca dulu Gan : Cara Membuat Auto Read More 

yuk mari ke ide postingan saya ( tutorial bagi yang sudah pasang AUTO READMORE )

• Masuk ke blogger
• Pilih Design/Rancangan
• Pilih Edit HTML
• Cari kode noimg , misalnya ketemunya 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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></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 kuning 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