Bisnis 100% Tanpa Modal
Premium WordPress Themes untungnya berkebun emas Bisnis 100% Tanpa Modal paket script SMUO Bisnis Dahsyat tanpa modal

Thursday, December 24, 2009

membuat readmore auto

Dalam pembuatan blog rata rata tempalate banyak yang tidak memiliki readmore namun banyak para blogger yang sangat membutuhkan readmore.

sekarang yang jadi pertanyaan:

Apasih readmore itu?


Readmore adalah tombol yang dibuat untuk visitor agar membaca salah satu postingan yang dipilih secara indivual(khusus) ,setelah itu maka akan menampilkan tampilan postingan yang dipilih secara lengkap (otomatis)oleh webblog tersebut.Readmore biasanya digunakan untuk membuat postingan menjadi terpotong dengan batasan yang telah ditentukan oleh penulis dan memuculkan ringkasan postingannya hanya beberapa baris saja.

Nah sekarang, jika anda ingin membuat read more maka anda harus menyisipkan kode HTML tertentu pada webblog anda.

sekarang ,jika anda ingin membuat read more pada webblog anda maka anda harus mengikuti langkah langkah dibawah ini:

Langkah pertama:

  1. Log-In lah ke DASHBOARD Blog anda
  2. Klik menu TATA LETAK
  3. Klik mode "EDIT HTML"
  4. Berilah tanda centang pada kotak "EXPAND TEMPLATE WIDGET"
  5. Lalu carilah kode HTML dibawah ini:
agar lebih mudah gunakan key board dengan menekan tombol ctrl+f ,lalu ketikankan perintah
post-header-line , copykan kode yang berwarna ungu dibawah ini tepat dibawah kode HTML berikut <div class='post-body entry-content'> ,lihat kotak HTML berwarna kuning (pastekan pada tulisan copykan disini) pada "edit HTML " blog anda.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


<div class='post-header-line-1'/>
<div class='post-body entry-content'>
copykan disini

<p><data:post.body/></p>
<a expr:href='data:fullpost.url'>
</div>

perlu anda ingat bahwa pada template blog yang anda miliki mempunyai format yang berbeda beda maka dari itu yang perlu anda perhatikan adalah kode HTML yang berwarna hijau.
lalu lihat kode HTML dibawahnya yang dibatasi oleh kode HTML yang berwarna biru atau tepatnya pada tulisan yang berwarna ungu (yang saya tulis dengan copykan disini). kemudian hapus.ingatlah bahwa tulisan yang saya tulis dengan copykan disini itu memiliki format yang berupa kode HTML yang harus anda hapus dan anda ganti dengan kode html yang berwarna ungu pada kotak HTML yang pertama diatas.

ingatlah sekali lagi saya tegas kan bahwa format html pada template blog anda berbeda beda,jadi yang perlu anda perhatikan kode yang terpenting saja .terutama kode HTML yang berwarna hijau dan biru.

setelah itu carilah kode dibawah ini:

<p><data:post.body/></p>
<a expr:href='data:fullpost.url'>
</div>



kemudian hapus kode yang berwarna merah ganti dengan kode dibawah ini:


<a expr:href='data:post.url'>Read More......<data:post.title/></a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->


saya terangkan lagi bahwa kode HTML yang berwarna merah pada blog berbeda beda jadi yang perlu di perhatikan adalah Kode yang berwarna biru dan hapuslah kode yang ada di antaranya.

kemudian, "SAVE TEMPLATE".

Langkah kedua:

  • klik mode pengaturan
  • klik mode format
  • lalu copykan kode HTML dibawah ini :

    Jenis ringkasan Anda di sini
    <span class="fullpost">
    Jenis sisa dari posting di sini
    </span>
  • save (simpan)
maka ,jika anda ingin membuat entri baru maka kode HTML diatas akan muncul , seperti berikut:




guna untuk membuat tulisan menjadi terpotong(readmore nya).

0 komentar:

Post a Comment

keren....foto