Tips menampilkan "Read More" pada posting

Login di blogger dengan akun Google Anda

Backup template Anda untuk menghindari hal2 yang tidak diinginkan.

pada jendela dashboard silahkan klik Menu Layout lalu pilih edit HTML.

Pada jendela edit HTML, sebelum mengedit template, beri tanda checklist di samping Expand Template Widget.

Lihat template Anda dan cari kode seperti ini (untuk memudahkan gunakan ctrl-f):

    <div class='post-header-line-1'/>
    <div class='post-body entry-content'>

Copy paste kode di bawah, dan letakkan di template  persis di bawah kode yang 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>

 Jika  sudah selesai, perhatikan di bawah kode yang Anda copy paste ada kode seperti di bawah ini :

        <p><data:post.body/></p>
        <div style="'clear:"> <!– clear for photos floats –>
        </div>

 Selanjutnya, diantara kode

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

 dan kode

        <div style="'clear:"> <!– clear for photos floats –>
        </div>

Letakan kode ini : (ingat harus diantaranya)

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

Sehingga hasil akhir kodenya seperti ini :

        <div class='post-header-line-1'/>
        <div class='post-body entry-content'>
        <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:"> <!– clear for photos floats –>
        </div>

Tahap berikutnya:

Setelah edit HTML (jangan lupa di save), Silahkan Anda masuk ke menu Setting lalu pilih Formatting. Setelah itu Anda turun ke bawah dan cari Template Posting. Isi kotak kosong yang ada di sampingnya dengan kode dibawah ini :

        <span class="fullpost">
        </span>

Klik save..

Cara Posting

Ketika mulai posting, anda akan melihat kode seperti di atas di bagian Edit HTML. Nah supaya postingan kita Dapat teringkas, maka ketika memposting letakkan bagian posting yang akan ditampilkan di atas kode

        <span class="fullpost">

dan sisanya, letakkan diantara kode

        <span class="fullpost">

Dan

        </span>


Selamat mencoba

0 komentar:

Article on same category :