Menampilkan Judul Postingan Saja di Homepage dengan Auto Read More

Cara Menampilkan Judul Postingan Saja di Homepage dengan Auto Read More - Wah, banyakya judul yang saya tuliskan. Tapi tak apalah, dari pada judul sedikit tapi pembaca tidak tau maksud dan tujuannya. Setelah berjalan ke sana ke mari, blogwalking ke sana ke mari, saya menemukan hampir semua blog yang saya kunjungi menggunakan Auto Read more, alias fungsi Read more otomatis. Sempat terlintas di pikiran saja, bagaimana men-digg ide posting dari Auto Read More, bukan tutorial "Cara Membuat Read More Otomatis Auto Read More" lagi yang akan saya buat melainkan bagaimana memodifikasinya . . . .
Akhirnya, terlintas ide kecil tapi mungkin bermanfaat bagi Sobat-Sobat sekalian. Yaitu ,

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 

Untuk menghilangkan tulisan "Diposkan Oleh" , "label", dan "tanggal" silahkan baca

• Menghilangkan Tulisan Diposkan dan Label

HASILNYA :

- Penulis : Damar Saloka Anggoro - Judul : Menampilkan Judul Postingan Saja di Homepage dengan Auto Read More

• Berlangganan newsletter Ka Damar Blog Tips dan Anda akan dapat men-download "EBOOK TRIK TIPS BLOGGER" secara gratis
• Anda juga akan menerima Update Artikel terbaru secara otomatis ke Inbox Email Anda.

Nama Kamu*
Email*

Related Post:

Cara Membuat Related Post seperti ini