Cara pasang Readmore

Apa itu Readmore?
Dalam arti harfiahnya, Readmore = Baca lebih, atau baca selengkapnya.

Baca selengkapnya? maksudnya?
Pernahkah anda baca koran? Kalau anda baca topik pada halaman utamanya, pasti tidak semua yg d tuliskan. Pada akhir tulisan, anda akan membaca, bersambung ke hal..
Nah, begitu juga dengan Readmore, hanya beda media, yaitu Readmore biasa digunakan pada blog.

Mengapa harus Readmore?
Sebenarnya tidak harus Readmore, anda bisa menggantikan dengan kata lain sesuai selera anda. Mis, Selengkapnya, Tampilkan semua, dll.
Namun istilah Readmore sudah dikenal dalam dunia Blog.

Langsung saja, disini dituliskan cara pasang readmore khusus Blogger Baru.
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).

Cara Pertama:

1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"
2. Letakkan kode berikut persis di atasnya kode </head>
Untuk memudahkan pencarian dalam Edit HTML yg terdiri dari banyak kode tersebut, anda bisa gunakan fasilitas "find" dengan menekan Ctrl+F. Kemudian ketikkan </head>


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


3. Letakkan kode berikut di bawah kode <p><data:post.body/></p>, gunakan "find" lagi.


<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>


4. Klik simpan, Selesai.
5. Kemudian klik Setting atau Pengaturan pada Tab Menu.
Terus klik Formating atau Format. Kemudian isi kotak kosong pada Template Posting pada bagian bawah dengan kode berikut:


<span class="fullpost">

</span>


Sebenarnya langkah yang ke 5 ini tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.

Kemudian klik Simpan Pengaturan atau Save Setting.

Cara Memposting

Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode


<span class="fullpost">

</span>


Letakkan posting yg akan ditampilkan di halaman muka di atas kode, dan sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode:


<span class="fullpost">


dan


</span>


contoh peletakan :

TULISAN YG AKAN TAMPIL DI HALAMAN DEPAN

<span class="fullpost">

SISA TULISAN

</span>


Cara Kedua :

1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"
2. Cari kode berikut dengan fasilitas "find" pada source templatenya


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


3. Jika sudah ketemu, masukkan kode berikut, dibawah kode tadi


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


4. Kemudian setelah menempatkannya, liat dibawah kode tersebut, terdapat kode berikut:


<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


5. Terus, diantara kode :


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

dan kode :

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


tambahkan kode berikut :

<a expr:href='data:post.url'>Read More .. </a>
</b:if>


Klik Simpan Template. Selesai.

6. Kemudian klik Setting atau Pengaturan pada Tab Menu.
Terus klik Formating atau Format. Kemudian isi kotak kosong pada Template Posting pada bagian bawah dengan kode berikut:


<span class="fullpost">

</span>


Cara Mempostingnya sama dengan cara diatas (cara posting pertama)

Semoga Tips ini dapat membantu

Terima kasih!!