Temanku Akbar bertanya, cara memasang “link readmore /baca selengkapnya / expandable post di blogger ” untuk memisah postingan supaya dalam halaman utama tidak ditampilkan semuanya postingan artikel, tetapi hanya sebagian saja, dan aku ingin share tutorial ini, untuk semua. Ada 2 tipe untuk kali ini tipe satu yaitu membuka halaman baru untuk membuka kelanjutan suatu artikel tersebut. Sebelum main harus buat back-up dulu templatenya!
code ini sudah aku buat mudah karena dulu aku pernah pasang di template minima, tquila dan di free templates berhasil 100%.
Caranya : masuk ke layout – edit html – di atas kotak code xml - centang expand widget templates.
Cari kode berikut
<div class='post-header-line-1'/> (yang ini default yang mesti dicari. Yang merah adalah kode untuk disisipkan di bawah kode tadi. Jadi kira-kira begini susunannya Teman.
Ini Kode Yang Asli:
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Sedangkan Ini Kode yang telah diubah (sehingga nantinya akan muncul Readmore di setiap artikel) :
<div class='post-header-line-1'/>
<!--div class='post-body'-->
<div class='post-body entry-content'>
<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'>Read More......</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Simpan perubahannya!
Lalu SETTINGS – FORMATTING- DI KANAN (TEXT BOX) POST TEMPLATE
Ketikkan :
<span class='fullpost'>
Sisa Posting
</span>
Awal Posting maksudnya rigkasan yang akan kamu tampilkan.
Sisa posting maksudnya potongan artikel.
jadi Awal Posting + Sisa posting adalah artikel penuh.
selain tag span disarankan untuk memakai tag div!
please tinggalkan komentar!
Thank u bro
Ats infrmasix
Oia jgn lpa webblog q d cntumken pisan d blog u
Ok
Peace
Akbr!
thankz bro for your tutorial. akhirx saya bisa embuat read more. god always bless u.
Senang mendengarnya, saya dapat membantu you out.
Ikuti terus updatenya!
I have some difficulties with the language, but I am trying to figure it out anyways...
Hi again.. That google translator is not bad, but I have troubles with the code.
I don't have the
class='post-header-line-1
line in my template, not even when I check the 'Expand Widget Templates' option.
Could you copy paste that part of the html code here? I am trying to follow your articles but I am lost.
My code looks like this:
class=post-body-n
data:post.body
style=clear: both; clear for photos floats
I appreciate your help.
Pi
It doesnt matter your theme included
"div class=post-header-line-1" or not!
It's default blogger tem.
If u hv familiarity with the code,
u just take a look the
"div class=post-body-entry-content" in the red code there. It is same with ur code
code
"class=post-body-n"
just little modif.
Feel free to ask!
Thx bro infonya...
Salam kenal....
thanks you very much . . .
Post a Comment