Cara Membuat Read More Otomatis dan Manual di Blog+

Cara Membuat Read More Otomatis dan Manual di Blog simple sekali, tapi bagi yang belum lama jadi blogger tentu akan terasa sulit. Makanya, pada kesempatan ini kami akan menjelaskan caranya yang simple dan yang sedikit sulit karena harus masuk ke bagian pengaturan HTML template blog.

Read more... dalam penulisan lain di blog yang berbahasa Indonesia kadang ditulis beragam, misalnya Baca selanjutnya..., Lanjutkan..., Artikel lengkapnya... dan lain sebagainya yang maksudnya sama-sama menampilkan link artikel lengkap dari pendahuluan yang anda telah baca di halaman depan (Home).

Fungsi Read more sendiri adalah selain untuk mengarahkan pembaca ke artikel lengkap tulisan tersebut, juga bertujuan memperbaiki tampilan blog agar halaman utamanya bisa menampilkan banyak artikel terbaru, dibanding tidak menggunakan read more karena artikel penuh akan langsung terlihat di halaman depan. Selain itu, untuk tujuan teknik SEO, akan mengurangi jumlah pageview karena pengunjung tak lagi harus mengklik judulnya untuk masuk ke halaman penuhnya karena sudah terlihat di halaman utama.

Cara Membuat Read More Manual

1.  Masuk ke akun bloggermu, lalu klik 'new post' atau 'Buat Entri Baru' di bagian kiri halaman yang berwarna oranye.

2.  Pastikan halaman yang aktif adalah halaman 'Compose' yang terlihat di bagian kiri atas halaman posting.
 read more blog

3.  Selanjutnya, di halaman posting/penulisan artikel blogspotmu ketik beberapa paragraf sebagai contoh saja.

4.  Kemudian, tempatkan kursor mouse di ujung kalimat atau paragraf yang akan dipotong sebagai batas artikel yang akan terlihat di halaman utama.

cara membuat read more

5.  Klik icon Jump Break di bagian pilihan tool-nya yang berada di atas halaman tempat menulis artikelmu.

6.  Terakhir, tinggal klik 'Publish' atau publikasikan.

7.  Selesai! Tinggal lihat tampilannya di halaman utama atau Home blogmu.

Cara manual membuat read more di atas dilakukan jika kita tidak ingin potongan kalimat atau paragraf artikel yang muncul di halaman utama semuanya seragam. Hanya saja cara ini akan memakan beberapa detik waktu postinganmu yang bisa jadi kalau dihitung-hitung bisa menghasilkan artikel baru lagi dari pada harus membuang waktu dengan buat link tombol read mode di atas.

Cara Membuat Read More Otomatis

Cara ini memang butuh sedikit usaha dan ketelitian untuk mewujudkannya, hanya saja kalau sudah jadi kita tidak perlu lagi melakukan secara satu persatu seperti cara manual di atas karena setiap kali selesai menulis dan mempublikasikan artikel maka akan muncul sendiri tulisan link Read more... di halaman utama blogmu. Berikut langkah-langkahnya :

1.  Bukan akun bloggermu dulu dan pilih blog (jika lebih dari satu) yang akan diberi link read more.

2.  Klik menu 'Template' di samping kiri halaman

3.  Selanjutnya pilih 'Edit HTML'

4.  Jika halaman scrip templatemu sudah terbuka, cari kode ]]></b:skin> menggunakan Ctrl+F. Caranya, ketik di sembarang tempat di halaman scriptnya lalu tekan di keyboard tombol Ctrl bersamaan dengan huruf 'F'.

5.  Jika sudah ketemu, tempatkan kode di bawah ini tepat di atasnya :

.post-thumbnail{float:left;margin-right:20px}

6.  Setelah itu, cari kode <data:post.body/> dan ganti dengan kode di bawah ini :

Penting ! : Biasanya ada 2 atau 3 kode <data:post.body/> pilih yang kedua atau terakhir, jika tidak berhasil juga coba semua satu persatu.

Copy kode di bawah di Disini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

7. Tinggal klik 'Pratinjau' atau 'Preview' untuk melihat contoh tampilannya. Jika error mungkin ada pesan, tapi bila tidak akan terlihat langsung hasil jadinya.

8. Terakhir tinggal klik 'Save' untuk menyimpan hasil editanmu. dan selesai sudah cara membuat read more ini.

Sebenarnya soal Read more ini sudah banyak dibahas di blog lain, hanya saja karena masing-masing template mempunyai susunan script yang berbeda-beda, makanya tidak semua tutorial yang anda ikuti berhasil, untuk itu perlu dilakukan percobaan dari beberapa tutorial, termasuk dari blog ini.

Bagaimana Cara Membuat Read More Otomatis dan Manual di Blog yang kami sajikan? Jika ada yang kurang jelas, silahkan berkomentar di bawah agar kami tahu apa yang harus diperbaiki dari artikel ini. Jangan lupa baca juga Fblogame lainnya soal tema ini di : Cara mendapatkan Minimal 20 Dollar perhari dari Blog Adsense dan Cara Membuat Galery Gambar serta Cara Membuat Banner Animasi

0 comments:

Posting Komentar

DMCA.com

Protected by Copyscape Online Plagiarism Scanner