Blogger Tutorial

Membuat Read More Dengan Tulisan

14.16,2 Comments


Begitu banyak cara membuat Read More Yang beredar di internet klo anda search atau mencarinya di Google tapi tidak ada yang benar-benar dapat diandalkan karena saya sendiri sudah mencoba semua tutorial yang saya search di Google dan hasilnya sangat mengecewakan untuk saya. Bukan saya meragukan semua tutorial tersebut, namun jujur beberapa tutorial tersebut memang tidak terbukti kebenarannya.

Dan setelah frustasi akan hal tersebut, akhirnya saya menemukan satu cara membuat Read More yang akhirnya bisa dan sudah saya praktekan sendiri.

Dan dipostingan ini saya akan membagikannya untuk anda:

1. Login ke Akun Blogger anda masing-masing
2. Klik Layout atau Tata Letak, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode dibawah ini:

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

Atau kode dibawah ini, jika kode tersebut tidak ada:

<data:post.body/>

Setelah itu Letakkan kode dibawah ini sebelum kode diatas:


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Selanjutnya masih dikode yang sama, yaitu:

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

Atau

<data:post.body/>

Letakkan kode dibawah ini setelah kode tersebut:

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read More...</a>
</b:if>
</b:if>

*Kata-kata Read More... dapat anda ganti sesukanya

Setelah itu Save

*Warning! Untuk Beberapa Jenis Template Read More akan Nampak tapi setelah diklik Halaman akan berubah kosong, untuk itu Jika Template anda tidak bisa Menggunakan Cara diatas, silahkan Gunakan cara dibawah ini


Setelah Menemukan Kode

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

Atau kode dibawah ini, jika kode tersebut tidak ada:

<data:post.body/>

Ganti Seluruh Kode tersebut 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'>Read More......</a>
</b:if>

*Kata-kata Read More... dapat anda ganti sesukanya

Setelah Itu Save

Selanjutnya, tinggalkan menu layout atau tata letak dan beralihlah ke menu setting atau pengaturan, lalu pilih Formatting atau Format dan kemudian di kotak isian yang paling bawah yaitu Post Template Form atau Templat Entri, letakkan kode dibawah ini:

<span class="fullpost">

</span>

Kemudian save.

Setelah itu coba anda masuk ke Menu Posting dan pastikan bahwa kode tersebut sudah muncul di kotak postingan anda dibagian Edit HTML

Nah, saat anda mem-posting lakukan seperti ilustrasi dibawah ini:

Tulisan yang akan anda tampilkan sebelum Read More
<span class="fullpost">
Tulisan yang akan disembunyikan dan baru akan ditampilkan saat Read More Diklik
</span>

Akhirnya Selesai.....

Nah selamat Mencoba untuk Sahabat DJ Note Semua


hosting indonesia

You Might Also Like

2 komentar:

  1. Wah, sudah bisa.. sekarang belajar mengatur letak read morenya itu lhooo

    BalasHapus
  2. @ Hamid Anwar : Dipostingan setelah ini kayanya dulu pernah saya buat postingan untuk peletakkan Icon read More... Tp klo udah pake Entri post yg baru mending pake Read More yg disediain Blogger Sob hhe.... :D jadi gak usah susah2 motong tulisannya :D

    BalasHapus