468x60 Ads

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;}
  • Selanjutnya cari <data:post.body/>
yang selengkapnya kurang lebih 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 saya beri warna merah adalah Kode Readmore [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>
  • 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 != &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>    
  • Simpan Template kawan 
Seandainya kawan ingin biar Readmore kelihatan, kawan cukup memindahkan </div> teks yang saya beri warna merah keatas kode Readmore; begitu juga sebaliknya biar Readmore saja yang tidak kelihatan maka yang perlu kawan pindahkan hanya <div class='sembunyi'> taruh diatas kode Readmore :r;

0 Kommentare:

Kommentar veröffentlichen