Possitive Logic

Membuat ReadMore Dengan Judul Postingan

Apaan tuh??
Hahaha...

Pasti banyak yang treak kayak gitu waktu ngeliat judul postingan saya kali ini...
Memang Judul Postingan kali ini bermakna ambigu (bermakna ganda)...

Makna pertama : Membuat Readmore dengan menggunakan Judul Postingan (SALAH)..
Makna kedua : Membuat Readmore Di ikuti dengan Judul Postingan (ini yang BENAR)..

Masih nggak ngerti juga??
kasian deh lo.. haha.. becanda...

Oke,, maksudya adalah ,, biasanya kita membuat readmore biasa dengan tulisan "Read More" atau "Baca Selengkapnya", ato macem2 deh,, nah sekarang kita buat inovasi baru seperti ini "Continue Reading "JudulPostingan" "..

Lanjuut..
Cara nya mudah,, ketik reg spasi gell ... NGACO!!!
bukan gituh,, tapi gini...

1. Log In ke blog kamu..

2. Pilih [layout] kemudian pilih tab [Edit HTML]..

3. Beritanda centang pada kotak [“expand widget template”] .caranya klik link [Download Full Template] yang ada di sana. Supaya kalo ada apa2 gampang nanganinnya...

4. Cari code <div class='post-body entry-content'> .Untuk memudahkan pencarian, tekan tombol [ctrl +f]. Kalo gag nemu, coba cari <div class='post nya aja

5. Kalau kode tadi sudah ketemu maka dibawahnya akan ada kode berikut ini :
<p><data:post.body/></p>

6.Ganti kode diatas dengan kode berikut ini :

<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'>teruskan membaca.....&lt;/a>
</b:if>


7. Ganti tulisan teruskan membaca..... Sesuai kemauan anda (seperti: Read More,dll.).. Lalu Save

8. Selanjutnya klik tab Settings / pengaturan dan pilih Formatting

9. Lalu isikan kode dibawah ini kedalam kotak [Post template] yang ada dimenu formatting tadi :

<span class="fullpost">


</span>

Jadi setiap kali posting artikle baru, pindah ke HTML(untuk posting, bukan template).. letakkan <span class="fullpost"> untuk memenggal dan meletakkan readmore pada postingan kamu, dan letakkan </span> pada akhiran posting.. Ngerti nggak??

Oke, gini aja deh... contoh postingannya:
======================================================
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
letakkan <span class="fullpost"> disini untuk memenggal dan meletakkan readmore
isisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisi
isisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisi
isisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisi
isisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisiisisisisisisisisisi
dan letakkan </span> pada akhir postingan..
======================================================



Jadi outputnya pada blog nanti adalah:
*********************************************************************
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
postingpostingpostingpostingpostingpostingpostingpostingpostingposting
Read More....
*********************************************************************
Apabila Read More.... kita klik, maka baru akan muncul semua postingannya...
(ingat, letakkan <span class="fullpost"> dan </span> pada Edit HTML untuk artikle, buka Edit HTML untuk templates)..

10. Lalu simpan.. Nah sampe sini kita udah bisa buat readmore yang biasa...

Q: Trus gimana sama Judul Postingannya?? Katanya abis tulisan ReadMore ada JudulPostingannya??
A: Sante bang,, nih baru mau mulai...

Yuk lanjuut...
Nah untuk membuat Judul Postingan ikut muncul bersama Readmore, coding yang tadinya seperti ini:


<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>

<---------perhatikan dibawah ini-------------->
<a expr:href='data:post.url'>teruskan membaca.....</a>
</b:if>


di ganti dengan



<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>

<---------perhatikan dibawah ini-------------->
<strong><a expr:href='data:post.url'>teruskan membaca..... &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

</b:if>



Lalu save,, mudah kan???
Jika kesulitan mencari coding_lama, maka gunakan Ctrl+F dan ketikkan salah satu code untuk mencari keseluruhan code nya...
Apa bila ada kesulitan,, komen dibawah...

Selamat Mencoba...

Diposting oleh Glen Rynaldy di 04.24

Label: Blog Tutorial