Thursday, November 7, 2013
Browse Manual »
Wiring »
artikel
»
beranda
»
di
»
isi
»
sembunyikan
»
Sembunyikan Isi Artikel di Beranda

Cara membuatnya :
Sembunyikan Isi Artikel di Beranda
Sebelumnya saya sudah berbagi dengan kawan Cara Menyembunyikan Postingan di Home Page sedangkan yang sekarang saya akan mencoba berbagi dengan kawan Cara Menyembunyikan Isi dari Artikel / Postingan pada Home Page [Beranda] :q; yang saya maksud disini pada Home Page hanya akan kelihatan Judulnya saja, sedangkan Isi sampai Readmore [Selengkapnya] akan kelihatan setelah mouse didekatkan :q; perhatikan gambar berikut

Untuk Demo kawan bisa lihat
Cara membuatnya :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor pilih Template - Edit HTML
- Copas Kode berikut tepat diatasnya
.post .sembunyi {display:none;}
.post:hover .sembunyi {display:inline;}
.post:hover .sembunyi {display:inline;}
- Selanjutnya cari <data:post.body/>
<data:post.body/>
<b:if cond=data:post.hasJumpLink>
<div class=jump-link>
<a expr:href=data:post.url + "#more">
<data:post.jumpText/></a>
</div></b:if>
<div style=clear: both;/> <!-- clear for photos floats -->
</div>
Teks yang saya beri warna merah adalah Kode Readmore [selengkapnya]
- Hapus atau ganti dengan kode berikut
<div class=sembunyi><b:if cond=data:blog.pageType != "item"><div expr:id="summary" + data:post.id><data:post.body/></div> <b:if cond=data:post.hasJumpLink> <div class=jump-link> <a expr:href=data:post.url + "#more"><data:post.jumpText/></a> </div> </b:if></b:if></div><b:if cond=data:blog.pageType == "item"><data:post.body/></b:if> <div style=clear: both;/> <!-- clear for photos floats --> </div>
- Kalau Template kawan sudah memakai Readmore Otomatis, yang kodenya kurang lebih seperti berikut :
<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>
- Hapus atau ganti dengan kode berikut :
<div class=sembunyi><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></div><b:if cond=data:blog.pageType == "item"><data:post.body/></b:if> <div style=clear: both;/> <!-- clear for photos floats --></div>
- Simpan Template kawan
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment