Centerkan Read More

Halo! Selamat hari minggu!

Sekarang Lisa mau bawain tutorial lagi deh setelah sekian lama nggak posting tutorial. Ya sebenernya ini juga request paksaan dari si Tasya. Pokoknya dia MAKSA BANGET minta di bikinin tutorial ini:V Yah aslinya sih pengen aku kasih screenshot-an pemaksaan dia ke aku di Whatsapp tapi gajadi ah, malezz:V Ini si Tasya udah request dari kapan tau dah tapi akunya kan sibuk terus. Mumpung sekarang lagi rajin nih makanya di sempetin buat nulis request-nya Tasya.

Nah, jadi yang di request sama Tasya ini adalah Cara Centerkan Read More.

Maksudnya apaan tuh?

Jadi read more nya jadi ada di tengah gituuuu... Biar lebih jelas bisa kalian lihat gambar di bawah ini!

Yang di tunjuk sama panah pink itu contohnya. Read more nya ada di tengah kaaaannn?? Biasanya kan read more nya ada di sebelah kiri gitu.

WARNING : Tutorial ini hanya bisa digunakan untuk Simple dan Denim Template

• Dashboard
• Template
• Edit HTML
• Expand Widget Templates
• Cari Kode di bawah ini menggunakan CTRL+F

<data:post.body/>

• HAPUS kode diatas
• Lalu ganti menggunakan kode di bawah ini

 <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='readmore' style='float:center;padding:180px 15px 8px 180px;'><a expr:href='data:post.url'>READ MORE</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

• Pratinjau
• Kalau sudah nggak ada kesalahan, Save Templates

Ganti kode yang berwarna Merah dengan kata-kata yang kamu mau untuk read more nya nanti.

Kalau mau read more nya pakai gambar, HAPUS dan GANTI kode yang berwarna Merah itu dengan kode di bawah ini.

<img src='URL GAMBAR READ MORE'/>

Ganti kode yang berwarna Biru dengan URL Gambar Read More-nya.

NOTE : Biasanya kode <data:post.body/> itu ada sekitar 2 atau 3 kode. Biasanya sih kenanya di kode ke dua. Tapi kamu coba aja satu-satu yaa!

OKEEEE.... Sekian tutorialnya! Kalau masih nggak ngerti, silahkan tanya ke Lisa lewat kolom komentar yaaaa...

Jangan lupa sertakan credit nama dan link blog ini kalau mau repost ya gais~ Bikos kode ini aku sendiri yang bikinnn~~