adsense link 728px X 15px

Thursday, April 29, 2010, 

Sebenarnya pembuatan read more (baca selengkapnya) ini sudah pernah saya bahas pada postingan saya kemarin. Akan tetapi pembuatannya mungkin sedikit agak ribet karena harus menyisipkan dua kali kode. Untuk itulah dalam tutorial kali ini saya akan mengajak anda membuat read more yang lebih praktis lagi.


     Dalam postingan tutorial kali ini anda cukup menyisipkan satu kali kode. Langsung saja berangkat gan...

1. Login seperti biasa di blog anda. (Dengan aku anda sendiri tentunya,hehe...)

2. Klik Tata Letak kemudian klik Edit HTML, setelah itu download lengkap template anda. (Hal ini bertujuan apabila ada kesalahan dalam pengeditan template anda, anda tinggal menguploadnya lagi).

3. Beri tanda centang pada expand widget template, tunggu sampai prosesnya selesai.
4. Cari kode seperti berikut.

<data:post.body/>

     atau

<p><data:post.body/></p>

     kedua kode di atas sama saja.

7. Hapus kode tadi, lalu ganti dengan kode di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read more... </a>
</b:if>

8. Klik Simpan Template

     Untuk selanjutnya kita tinggal mengatur format posting, caranya sebagai berikut.

1. Klik Pengaturan kemudian klik Format.

2. Lalu copy kode berikut, kemudian letakkan (paste) pada area posting.

<div class="fullpost"></div>

3. Klik Simpan Template

      Cara postingnya seperti berikut.

• Ketika anda klik Posting, maka secara otomatis pada area posting akan ada kode seperti ini.

<div class="fullpost"></div>

• Untuk posting anda tinggal menulis postingan awal anda sebelum kode tersebut, kemudian untuk postingan selanjutnya anda tulis aja diantara kode <div class="fullpost"> dan </div>.

Contoh bisa anda lihat di bawah ini.

Postingan awal<div class="fullpost">Postingan selanjutnya (lanjutan postingan awal)....</div>

     Langkah selanjutnya silakan dicoba. emoticons Info lebih lanjut hubungi dokter... (dokter blog kalo ada)







0 Comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 

It's Me

My Photo
Masda
Seorang blogger "KOTA GADIS" yang selalu penasaran dengan sesuatu hal yang baru. Belajar, belajar, dan terus belajar serta berusaha untuk menerapkannya. Karena menurut saya "Ilmu itu untuk diterapkan bukan untuk dipelajari".

Facebook Twitter
View my complete profile

Exchange Link

MasdaZine

Followers