Sembunyikan Isi Artikel pada Home Page

Tampilan Home Page

Sekarang saya akan mencoba Berkreasi dengan Auto Hidden di Home Page, yang saya maksud disini adalah tampilan kawan pada Home Page [Beranda] yang akan kelihatan hanyalah Judulnya saja,

tapi kalau mouse berada diatas salah satu Judul Artikel maka baru akan kelihatan isinya. :r seperti Home Page Blog ini
Cara membuatnya :

• Masuk ke Account Blogger dengan ID kawan
• Pada Perancang Template pilih Edit HTML
• Beri tanda check disamping Expand Template Widget
• Cari kode ]]></b:skin> 
• Copas Kode berikut diatasnya 

.post .sembunyi {
display:none;
}
.post:hover .sembunyi {
display:inline;
}

• Selanjutnya cari : <data:post.body/>

Selengkapnya seperti berikut

<data:post.body/>

<b:if cond='data:post.hasJumpLink'> <div class='jump-link'>      <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>     </div></b:if>   

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

» Teks yang berwarna kuning adalah Kode Readmore atau Baca selengkapnya 

• Hapus atau Ganti  dengan Kode berikut :

<div class='sembunyi'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> 

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

</b:if>

</div>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

<div style='clear: both;'/> <!-- clear for photos floats -->

    </div>

Atau Template kawan sudah dirubah / memakai Readmore+otomatis Kodenya kurang lebih 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:right'><a expr:href='data:post.url'>READ MORE</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

» Teks yang berwarna kuning adalah Kode Readmore atau Baca selengkapnya

• Hapus atau Ganti dengan Kode berikut :

<div class='sembunyi'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='rmlink' style='float:right'><a expr:href='data:post.url'>READ MORE</a></span>

</b:if></div>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
 <div style='clear: both;'/> <!-- clear for photos floats -->
</div>    

• Seandainya ada 2[dua] atau lebih <data:post.body/> pakai yang pertama
• Simpan Template kawan

Kalau kawan punya cara yang lain bisa disampaikan lewat Komentar dan kita sharring