Enter your email address:



Delivered by FeedBurner

Wednesday, August 20, 2008

Pertanyaan Membuat Read More

Pertanyaan :

Bagaiaman cara membuat “ Read More” atau “ Baca selengkapnya “ pada New Blogger.

 

Jawaban :

Untuk membuat “ Read More “ dalam new blogger ada 7 cara. salah satunya pernah saya tulis  di sini.

Namun untuk memudahkan, pada sesi pertanyaan ini, saya mengunakan cara yang paling mudah dan tidak begitu banyak kode yang perlu di copy-paste kan ke dalam template kita.

 

caranya ;

 

1.  Buka tab Tata-Letak - Edit Html.

gam 09

 

2. Kemudian tandai kotak kecil / centang di samping tulisan Expand Template Widget.

expand-template

 

3. Setelah itu cari tag ini . ( gunakan Ctrl + F  ).

 

</head>

 

Kemudian ganti tag tersebut dengan kode di bawah ini.

 

<style type='text/css'>

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

.therest {display: none;}

</b:if>

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

.readmorelink {display: none;}

</b:if>

</style>

</head>

 

4. Selanjutnya cari kode ini.  ( gunakan Ctrl + F  ).

 

<data:post.body/>

 

Setelah ketemu  ganti  dengan kode ini.

 

<data:post.body/>

<a expr:href='data:post.url' expr:title='data:post.title'>Read More…</a>

 

5. Cara menulisnya pada “ Post Editor “ pilih tab Edit Html, penulisannya seperti ini.

 

gam 04

 

penulisannya seperti di bawah ini.

 

Ini merupakan  paragrap pertama yang akan di tampilkan untuk di baca oleh pengunjung blog. berapa jumlah alinea-nya terserah kita sebagai pemilik blog

<div class="therest">Dan ini merupakan paragrap yang disembunyikan oleh kita, untuk memperingkas tulisan kita. yang di awali oleh sebuah kode Html - yang tulisannya saya beri warna merah dan akhiri oleh kode penututpnya.</div>

 

6. Supaya kita tidak lupa dengan kode html pemengalanya, kita bisa menyimpan kode tersebut. yaitu buka tab Pengaturan- Format.

 

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

 

Paragraf Pertama

<div class="therest">

Semua Paragrap yang di sembunyikan

</div>

 

 

red : jika masih ada masalah bisa anda titip pesan.

Read More…

8 comments:

Augusty Firmansyah, S.Kom, S.Pd.I said...

TRIMAKASIH MAS, NT BENER2 JD INSPIRASIKU
MOGA BERMANFAAT JUGA BAGI MURID2 KU
BIAR JADI AMAL SHOLEH
TRIMAKASIH BANGETTT MASS

hunybunyswety said...

waa pas banget lagi nyari cara supaya tulisannya ngga terlalu banyak. Thx!

Percil Omenk said...

Saya mau minta petunjuk.
Bagaimana cara membua animasi pada blog?

Terima Kasih

oktobriyanto said...

Mas di blog saya ngga ada option Expand Template Widget
Gimana nih,..
Saya dah coba berbagai trik tentang read more, sampai sekarang belum bisa.
Mohon bantuanya mas.
Thanks

MahaBBatullaHi Ta' Ala said...

pak,saya murid bpk yang bernama Aula Sastra...saya ingin tanyakan knapa kok d daftar nama2 blog kelas saya,blog saya tidak ada sendiri???...padahal dulu saya sdh bilang ke bpk kalo nama blog saya d ganti dgn nama "mazaul.blogspot.com"
judulnya tetap "mahabbatullahi Ta'ala"...

My Future said...

Makasih mas, Bner" ngebantu nih


ak mo tanya gmna cranya ngasih enter di scriptnya blog




makasih mas

hilda joest said...

hm.. bingung pas edit HTML nya pak..

iTho said...

WAH......
makasih banyak Pak...
AKHIRNYA BISA JUGA ngeREAD MORE.