cara membuat read more

hallo sobat sekalian setelah pada postingan yang lalu kita bahas tentang cara mulai buat postingan sekarang kita bahas tentang cara membuat read more atau baca selengkapnya, dulu saya juga bingung bagai mana caranya agar postingan kita hanya tampil setengahnya saja pada halaman awal dan akan terlihat selengkapnya pada menu postingan, tak usah panjang lebar mari kita langsung saja pada intinya.
silahkan ikuti langkah-langkah berikut :

* Sign in seperti biasa di blogger dengan id milik sobat


* Klik Pengaturan


* Klik Format


* Pada layar paling bawah, ada text area kosong disamping tulisan Templat Entri, isi tesxt area kosong tersebut dengan kode di bawah ini :




<div class="fullpost">


</div>



* Klik tombol yang bertuliskan Simpan Setelan


Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut dan bila tidak muncul klik edit HTML.



Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :

* Klik menu Dasboard


* Klik menu Tata Letak


* Klik menu Edit HTML


* Klik tulisan Download Template Lengkap


* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


* Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya


* Tunggu beberapa saat ketika proses sedang berlangsung


* Silahkan Sobat cari kode berikut pada kode template milik sobat :



<div class='post-body'>

*Untuk lebih mudah mencari kode pada template anda silahkan Copy kode ini lalu klik kode template anda terus tekan Ctrl+F pada kybord anda lalu Ctrl+V secara otomatis anda akan menemukan kodenya langsung.

* Copy kode HTML di bawah ini kemudian paste di bawah 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>



* Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :



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


* Copy kode HTML di bawah ini kemudian paste di bawah kode tadi



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

</b:if>

tulisan yang berwarna biru akan muncul sebagai link untuk melihat artikel keseluruhan
jadi bisa kita ganti dengan yang kita inginkan.

* klik tombol bertuliskan Simpan Setelan

* Selesai.





Cara Posting Artikel

* Klik menu Posting


* Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :




<div class="fullpost">


</div>



* Tulisankan artikel yang ingin tampak pada blog sebelum kode :



<div class="fullpost">


* Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :



</div>


* Klik tombol bertuliskan TERBITKAN ENTRI


* Klik tulisan Lihat Entri untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas

* Selamat mencoba!

*semoga bisa membantu

4 komentar:

agenonline said...

Ini baru blog panduan yg mantap untuk pemula. saya ikuti terus

Post a Comment

mari saling berbagi ilmu disini lewat kolom komentar.

biar gampang saya berkunjung balik ke blog anda.

komentar tanpa spam dan link bila dilanggar dengan berat hati komentar anda saya pindahkan ke polder spam.

Popular Posts

Followers

  ©ngeblog sambil belajar bisnis online - Todos os direitos reservados.

Template by Dicas Blogger | Topo