22 April 2015

Cara Membuat Read More Otomatis Tanpa Menggunakan JavaScript

Tips Blogger. Cara Membuat Read More Otomatis Tanpa Menggunakan JavaScript.  Read More atau katalain dari Baca Selanjutnya, ini berguna untuk merapihkan tampilan blog dan supaya terlihat lebih elegan. Yang bertujuan supaya pada tampilan Branda atau Home pada blog akan terlihat beberapa cuplikan artikel.


Sebenarnya untuk membuat Read More ini sudah tersedia di layanan blogger anda, namun ketika anda membuat postingan, pasti terkadang anda lupa untuk memotonggya supaya terlihat rapih. Maka dari itulah saya akan membahas tentang Membuat Read More otomatis di artikel yang saya bahas ini tentang Cara Membuat Read More Otomatis Tanpa Menggunakan JavaScript.

Dengan Membuat Read More Otomatis Tanpa Javascript ini bisa dibilang sangat mudah dan anda beberapa manfaat uang bisa kita dapatkan yaitu salah satunya bisa menjadikan template blog anda lebih SEO Friendly dan menjadi Ringan.

Dari pada banyak crita, yang ujung-ujungnya muter muter saja, lebih baik anda langsung coba aja gan,, dengan mengikuti beberapa langkah yang sudah saya sediakan dibawah ini.

Cara Membuat Read More Otomatis Tanpa Menggunakan JavaScript

Langkah Membuat Read More Otomatis Tanpa Javascript
=> Masuk ke Dasbor Blog Anda
=> Pilih Template -> Edit HTML
=> Cari kode ]]></b:skin> (gunakan Ctrl+F supaya lebih mudah mencarinya)
=> Letakkan kode dibawah ini tepat di atas kode ]]></b:skin>

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

=> Selanjutnya cari lagi kode <data:post.body/>
=> Ganti kode <data:post.body/> 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>

=> Simpan Template.
=> Selesai, dan Lihat hasilnya..

Sangat mudah bukan cara membuat'nya..!! nah. sekian artike yang saya buat tentang Cara Membuat Read More Otomatis Tanpa Menggunakan JavaScript. Semoga bisa bermanfaat untuk anda, dan Selamat Mencoba.!!

0 comments

Post a Comment