Cara pasang Auto Read More Terbaru

Viyan Pradita Senin, Juli 26, 2010

Setelah sebelumsa saya bahas cara buat readmore pada template klasik, kali ini saya akan ulas bagaimana cara membuat ReadMore Terbaru (part !)
Mungkin Sobat blogger yang baru mulai membuat blog masih bingung apa itu readmore? Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" atau apalah namanya. Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang.

Ikuti langkah-langkah berikut ini :

1. Login
terlebih dahulu ke blog Sobat.

2. Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

3. Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

Cari kode dibawah ini :

<div class='post-header-line-1'/> <div class='post-body'>

Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start -> Proggram -> Accessories -> Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit -> Find. pada box find masukan kode ini :

<div class='post-header-line-1'/> <div class='post-body'>

kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual).

4. Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

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

5. Kemudian dibawah kode diatas kita akan menemukan kode :

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

6. Copy-Paste kode dibawah ini dibawah code diatas :

<a expr:href='data:post.url'>Readmore »»</a>
</b:if>

Tips : Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")

Kode selengkapnya jika dilihat akan tampak sebagai berikut :

<div class='post-header-line-1'/>
<div class='post-body'>
<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>
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>

7. Lalu simpan template.

Langkah selanjutnya yaitu
:

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini :

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

Setelah selesai jangan lupa Simpan dan Selesai.

Nah Disini saya juga akan menjelaskan bagaimana cara menggunakan readmore.
Ketika kita melakukan posting pertama kali kita akan melihat kode:

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

Jangan pernah menghapus kode tersebut, itulah kode yang buat readmore-nya.
Kata/postingan yang akan sobat perlihatkan sebelum Readmore
Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") sebelum kode ini <div class="fullpost">
</div> dan selebihnya letakan sesudah kode <div class="fullpost">
</div> dan sebelum kode </div>

Contoh :

Letakan postingan yang ditampilkan dihalaman utama disini (intisari nya)

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

Dan selebihnya tulis disini.

</div>


Semoga berhasil Sobat... :)

Ditulis Oleh :

Artikel Cara pasang Auto Read More Terbaru ini dipublish pada hari: Senin, Juli 26, 2010. Semoga artikel ini bermanfaat untuk Anda. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

Tidak ada komentar:

Poskan Komentar

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>

web design blogs Bloggers - Meet Millions of Bloggers