Friday, February 15, 2008

Membuat Read More Di New Blogger


Jika kita rajin googwalking Banyak  versi script untuk membuat pemengalan artikel  atau yang lebih di kenal dengan istilah " Read More ". Salah satunya code script " read more " dari  blognya Ramani .

Bagaiamana cara menambahkan script " read more " ke dalam blog kita. ikutilah penjelasanya di bawah ini.

1. Buka Dashboard | Template | Edit HTML | kemudian tandai Expand Widget Templates.

expand-template

Juga  untuk memudahkan mencari kode yang di inginkan dalam menu file - pilih Find in This Page

find-01

Setelah itu masukan kode yang akan kita cari dalam kotak pencarian  ini.

find-02

1.misalkan masukan tag </head> ini.

setelah ketemu sisipkan  kode di page ini  di atas tag </head> tersebut.

gam-01

 

2.  Setelah itu cari kode di bawah ini.

<data:post.body/>

atua kode keseluruhannya seperti ini.

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Ganti kode di atas dengan kode di bawah ini.

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Kita bisa saja merubah kata " Read More..." dengan "Baca selangkapnya...." dll.

 

3. Setelah di save tempalate /di simpan tempalate.
Kemudian buka Tab Pengaturan | Format.

gam-03

 

masukan kode di bawah ke dalam  kotak sebelah kanan  tulisan Template Posting.

<span id="fullpost">
</span>

lihat gambar

gam-02

 

Cara Mengunakan " Read More " Dalam Artikel.

1. Dalam Editor ( tempat menulis artikel ). - jika kita biasa menulis secara compose. tulis saja dulu artikelnya .

gam-04

Setelah beres menulis, tekan tab penulisan secara  Edit Html. kemudian pindahkan  letak  kode ini :    <span id="fullpost"> di tempat yang ingin  kita pengal atau potong  artikelnya . kemudian periksa juga di akhir artikel  harus ada tag penutupnya, yakni :</span>

ilustrasi gambar.

gam-05

 

Atau jika masih binggung coba menulis artikel langsung dalam Edit Html . lihat gambar.

gam-06

 

Cara pemengalan artikel atau " Read More " yang lainnya anda bisa buka di blog tutorial ini.

a.special-effects-for-peekaboo-posts Ramani

b.super-peek-boo-posts beautifulbeta

c.peek-boo-posts-from-labels-from-my blogU student.

Jika blog ini bermangfaat.Ikuti terus update informasinya. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .
Makasih juga atas kunjungannya.

0 comments:

Post a Comment

Followers

 

church--tutorial. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com