Cara Membuat Read More di blog

Unknown

Tutorial

Saturday, 24 May 2014

4 Komentar

kali ini cara membuat read more yang ke-2

langsung saja tipsnya:

1. Login Ke Blogger.

2. Klik Template, Backup template untuk jaga2 bila diperlukan, 

    atau langkah berikut bisa di uji coba menggunakan Blog percobaan yang lain.

3. Klik Edit HTML.

4. Klik Kiri 1 x Dimana saja dalam kotak template.

5. Klik Ctrl+F (Supaya mempercepat pencarian kode), 

    Dan cari kode berikut  ]]></b:skin>

 Masukan kode tersebut dalam kotak pencarian, kemudian enter untuk mencari.

6. Masukan Kode berikut diatas ]]></b:skin>

/* Gambar autoread more

----------------------------------------------- */

.post-thumbnail { width:100px;  height:70px;  float:left;  margin:0px 10px 0px 0px; }

7. Kemudian Cari Kode <data:post.body/>
    Kode tersebut diatas jumlahnya biasanya ada 2 atau 3 , Cari yang versi web, 
    biasanya yang kedua (ke-2), kalo tidak berhasil mungkin yang ke-3.

8. Hapus Kode <data:post.body/> yang kedua/ketiga (salahsatu) dan Ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

    <b:if cond='data:post.thumbnailUrl'>

        <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a>

    <b:else/>

        <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_u8PRGSBmuAj3Wsqz_WOeYEWanO6pvZX0Z454R3zRhddSRuXQbHbx8JVyPr5jTDcGDeTmz85GUXDdII4iqtkf-VUrK-0-xGJBPyrhUApmoZA4WKxQ2FPrsk8rR-TDeApbAfmUDqAPILc/s1600/no+image.jpg'/></a>

    </b:if>

    <div class='post-snippet'><data:post.snippet/></div>

            <a class='button' expr:href='data:post.url'>Baca Selengkapnya »</a>

    </b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

<b:else/>

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <data:post.body/>

    </b:if>

</b:if>