Cara Membuat Read More Pada Blog

Pencarian mengenai Cara Membuat Read More Pada Blog akan saya jelaskan pada kesempatan kali ini.

Read more atau baca selengkapnya merupakan link pada suatu artikel yang mengarahkan pada artikel keseluruhan, atau penggaalan dari sebuah artikel yang berisikan beberapa kalimat namu tidak keseluruhan.

Jika para blogger yang mengukaan blog dari blgospot biasanya pada tempalte standart pada halaman utama tidak diberi penggalan artikel atau read more, jadi harus didesain sendiri untuk membuatnya, dan pada artikel ini akan saya berikan langkah-langkah dalam pembuatan.

contoh

Pada gambar diatas merupakan contoh dalam penggunakan atau pemberian read more pada www.inidulubaruitu.com yang dapat dilihat pada halaman depan blog.

Artikel terkait : Cara Membuat Widget Multi 3 Kolom

Langkah-langkah pembuatan read more atau baca artikel selengkapnya.
Berikut adalah langkah-langkah dalam pembuatan atau pemberian read more pada blog, silahkan ikuti langkah-langkah dibawah ini:
1. Silahkan masuk terlebih dahulu pada dashboard blogger.
2. Silahkan masuk pada menu Template > EdiT HTML.

keterangan no.2

3. Pada laman edit html, silahkan cari kode "]]></b:skin>" (ctrl+f), lalu copy kode dibawah ini dan paste diatasnya.

.post-thumbnail{float:left;margin-right:20px}

keterangan no.3

4. Selanjutnya cari kembali kode "<data:post.body/>", lalu silahkan ganti kode tersebut dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

5. Kemudian silahkan simpan template dan lihat perubahannya.

Demikian yang dapat saya bagikan mengenai langkah-langkah Cara Membuat Read More Pada Blog, semoga bermanfaat dan tentunya membantu. Terima kasih.


*Jika ada pertanyaan silahkan sampaikan melalui form komentar, dan jika suka dengan artikel ini silahkan klik like, share, atau join fans page untuk mengetahui artikel lainnya.

Tweet

Subscribe to receive free email updates: