mungkin banyak untuk para rekan blogger yang sudah menuliskan cara membuat readmore pada blogger. Tapi saya akan mengulasnya lagi dengan lebih singkat dan lebih mudah dimengerti lagi agar anda semua tidak bingung lagi. “hari gini belum bisa buat readmore, CAPEE DEHH ^_^_^”...makanya simak aja tutorialnya
supaya tidak bertele – tele langsung saja ya saya mulai
LANGKAH PERTAMA :
Masuk ke tata letak > edit html
LANGKAH KEDUA :
Jangan lupa untuk centang expand template widget dan backup template dulu dengan meng klik “download template lengkap”
LANGKAH KETIGA:
cari kode seperti dibawah
<div class='post-header-line-1'/>
<div class='post-body'>
(nb: untuk setiap template mungkin berbeda tinggal cari yang mirip dengan kode diatas aja)
LANGKAH KEEMPAT:
Setelah menemukan copy paste kode ini dibawah kode diatas,
<b:if cond="data:blog.pageType == "item"">
<style>.fullpost{display:inline;}</style>
</b:if><p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>
sehingga hasilnya menjadi
</b:else><div class="post-header-line-1">
<div class="post-body">
<b:if cond="data:blog.pageType == "item"">
<style>.fullpost{display:inline;}</style>
</b:if><p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>
setelah itu cari kode ini yang ada dibawah kodediatas
<p><data:post.body/></p>
lalu ketikkan kode ini dibawah kode diatas
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
yang nanti hasil akhir semuanya jadi seperti ini
<div class='post-header-line-1'/>
<div class='post-body'>
<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'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>
.. ina itu ina itu, masih bingung? Masih gak paham? Saya kasih cara mudahnya deh tingal diblock paste aja, hehehe.(dulu pertama saya kayak gitu karena gak paham2, karena tiap template beda jadi agak sulit..hehe)
caranya begini tetap cari kode ini
<div class='post-header-line-1'/>
lalu diblock/ditandain/diapus (apalah namanya ^^) sampe kode ini
<div style='clear: both;'/>
setelah itu ganti semuanya dengan kode ini
<div class='post-header-line-1'/>
<div class='post-body'>
<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'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>
nah berese deh dijamin berhasil deh
ups, belum selesei masih ada step terakhir nih boleh dipake boleh gak sih.
LANGKAH KELIMA:
setelah langkah diatas sudah dilakukan klik simpan template, lalu pindah ke pilihan pengaturan > Format.
Pada pilihan Template posting anda ketikan
<div class="fullpost">
</div>
kode diatas berfungsi ketika kita menuliskan sesuatu di posting editor tulisan itu akan selalu muncul di edit html.
KLIK SIMPAN TAMPILAN
LANGKAH KEENAM:
gimana sih caranya membuat “readmore” di postingan, jawabannya sebagai berikut. Eng ing eng..... heehehh (ga' penting ya ^^) buatnya seperti contoh dibawah ini
maksud saya ini adalah bagian dari postingan nda beserta tulisan anda, kalau bisa anda meringkas apa yang ingin anda tawarkan kepada pembaca anda. buat pembaca anda agar penasaran dan ingin melihat keseluruhan dari isi artikel yang anda buat<div class="fullpost">setelah itu barulah anda menjelaskan dari ringkasan yang anda buat dengan penjelasan mendetail tentang toping yang ingin anda tawarkan pada para pembaca, dari sini pembaca anda sudah dapat melihat isi dari keseluruhan kontent yang anda buat dengan diakhiri dengan tanda</div> |
<div class="fullpost"> berfungsi ketika postingan sebelum kode tersebut muncul di page pertama lalu setelah itu sampai kode </div> tulisan anda baru bisa dibaca full
oke semoga bermanfaat ya, kalau tidak bisa comment aja.
0 komentar:
Posting Komentar