Membuat Read More Template Baru

posted under by ADMIN

Read More atau baca selengkapanya berfungsi sebagai pemotong Postingan di Blog anda Sehingga yang di tampilkan dalam blog Anda hanya Sebagaian dari Artikel yang anda Posting.

Sata Ini Banyak fersi Read More yang ada, akan tetapi perkembangan Template saat ini juga memaksa kita Untuk berkreasi menambah beberapa Item pada Template Kita agar Postingan Kita dapat terpotong.

Untuk lebih jelasnya berikut akan kita Coba beberapa Versi Read More yang lazim di pakai pada Blogger.

1. Read More Template Baru Fersi ( A )

  • Silahkan anda Login terlebih dahulu pada Blog anda
  • Click menu Layaout .
  • Click Sub Menu Edit HTML
  • Silahkan Back_Up terlebih dahulu Template Blog Anda Dengan Click Dowload Template Lengkap
  • Silahkan anda Click Expand Tamplate Widget Sehinga Muncul tanda Centang, Ini bertujuan agar Anda dapat Mengedit Template secara keseluruhan.
  • Masukan Kode berikut Sebelum Tag. </head> atau tepat sesudah kode } ]] > </b:skin>
  • Untuk mempermudah pencarian Code > </b:skin> silahkan anda Fine atau Tekan Ctrl F lalu masukkan </b:skin> lalu Tekan Fine Nex maka secara otomatis akan mencari code tersebut.
  • Setelah ketemu silahkan masukkan code berikut ini Sebelum Tag. </head> atau tepat sesudah kode } ]] > </b:skin> :


<style><b:if cond='data:blog.pageType == "item"'>

span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if></style>

  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template Anda
  • Lalu tambahkan kode dibawah ini Tepat Di bawah Kode <p><data:post.body/></p>


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

  • Untuk Read More ….Dapat anda ganti sesuai keinginan anda misalnya Selanjutnya atau Seterusnya.
  • Silahkan Clik Save Template Selesai
  • Untuk Mempermudah dalam Melakukan Posting Silahkan anda
    Click menu Pengaturan Lalu Click Sub Menu Format Silahkan masukkan
  • Code Berikut ke dalam Kotak Template Posting :


<span class="fullpost">

</span>

  • Lalu Click Simpan pengaturan Selesai
  • Ketika Anda melakukan posting, klik EDIT HTML. Maka, secara otomatis akan tampak kode berikut :

    <span class="fullpost">

    </span>
  • Letakkan posting yg akan Anda tampilkan di atas kode <span class="fullpost">
  • sementara sisanya (yakni keseluruhan entry), letakkan di antara kode
    <span class="fullpost">
    dan </span>

    Oke Boss Anda telah selesai memasang Read More pada Blog anda

    Semoga bermamfaat

2. Read More Template Baru Fersi ( B )

  • Silahkan anda Login terlebih dahulu pada Blog anda
  • Click menu Layaout .
  • Click Sub Menu Edit HTML
  • Silahkan Back_Up terlebih dahulu Template Blog Anda Dengan Click Dowload Template Lengkap
  • Silahkan anda Click Expand Tamplate Widget Sehinga Muncul tanda Centang, Ini bertujuan agar Anda dapat Mengedit Template secara keseluruhan.
  • Setelah itu Silahkan Anda cari Kode Berikut :

    <div class=’post-header-line-1′/><div class=’post-body’>
  • Untuk mempermudah pencarian Code <div class=’post-header-line-1′/><div class=’post-body’> silahkan anda Fine atau Tekan Ctrl F lalu masukkan Code <div class=’post-header-line-1′/>
  • lalu Tekan Fine Nex maka secara otomatis akan mencari code tersebut.
  • Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:


    <b:if cond=’data:blog.pageType == “item”‘ >
    <style>.fullpost{display:inline;} </style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;} </style>
  • Setelah itu silahkan cari Kode Berikut :


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

  • Taruh kode di bawah ini tepat di bawah kode tersebut :


<a expr:href=’data:post.url’>Read More……</a></b:if>

  • Untuk Read More ….Dapat anda ganti sesuai keinginan anda misalnya Selanjutnya atau Seterusnya.
  • Apa bila kita gabung maka Susunan Kode HTML tersebut akan menjadi 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’>Read More……</a>
</b:if>

<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

  • Untuk Tulisan yang berwarna biru adalah Kode HTML yang telah Anda tambahkan ke dalam Template Blog Anda.
  • Click Save Template Selesi

  • Untuk Mempermudah dalam Melakukan Posting Silahkan anda
    Click menu Pengaturan Lalu Click Sub Menu Format Silahkan masukkan Code Berikut ke dalam Kotak Template Posting :


<span class="fullpost">

</span>

  • Lalu Click Simpan pengaturan Selesai

  • Ketika Anda melakukan posting, klik EDIT HTML. Maka, secara otomatis akan tampak kode berikut :

    <span class="fullpost">

    </span>
  • Letakkan posting yg akan Anda tampilkan di atas kode <span class="fullpost">
  • sementara sisanya (yakni keseluruhan entry), letakkan di antara kode
    <span class="fullpost">
    dan </span>

    Oke Boss Anda telah selesai memasang Read More pada Blog anda

    Semoga bermamfaat



0 komentar

Make A Comment
top