Cara Menciptakan Read More Otomatis Tanpa Javascript

Cara Membuat Read More Otomatis Tanpa Javascript - Ketika menciptakan blog baru, biasanya tampilan blog masih biasa-biasa saja. Artinya kita masih memakai tampilan blog yang diberikan oleh Blogger sendiri. Seiring dengan waktu, muncul kebosanan dan ingin menggantinya dengan yang lain. Ada yang memakai template yang dinamis, atau mengutak-atik tampilan blog sesuai keinginan.

Cara Membuat Read More Otomatis Tanpa Javascript
Read More atau baca Selanjutnya dibentuk semoga tampilan blog terlihat lebih rapi dan elegan. Tujuannya semoga tampilan bloh dikala pertama kali dibuka dapat terlihat banyak cuplikan artikel. (Baca disini Cara mempercantik Blog). Dengan begitu, pengunjung dapat melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu. Perlu diketahui, bahwa cara menciptakan read more dibedakan menjadi dua, yaitu read more otomatis dan manual.

Read More cara menual, dengan memanfaatkan Insert Jump Break pada posting blog, dimana setiap kali ingin posting artikel baru, kita akan mengklik icon / akomodasi Insert Jump Break. Cara ini pastinya kita harus melakukannya setiap menulis artikel (bila lupa maka read more tidak muncul) --> Baca Disini selengkapnya mengenai Membuat Read More Cara Manual.

Sementara Cara Membuat Read More Otomatis ada dua juga, yaitu dengan memakai Javascript dan Tanpa Javascript. Read More Otomatis dengan memakai Javascript biasanya memanfaatkan pihak ketiga kawasan penyimpanan data script. Seperti .JS dan lain-lain. Info yang himpun, bahwa memakai cara ini, Google sendiri tidak menyukainya. Bisa jadi alasannya banyak. Oh iya, apabila anda memakai template yang dinamis, biasanya sudang memakai cara ini. So... tidak usah lagi anda menggantinya dengan yang baru. (abaikan saja goresan pena ini).

Cara Membuat Read More Otomatis Tanpa Javascript inilah yang akan kita paparkan disini. Cara ini tidak memakai situs pihak ketiga, alasannya yaitu eksklusif masuk ke script HTML blog kita. Menggunakan cara ini ada manfaatnya, dimana template blog anda akan menjadi lebih SEO Friendly dan ringan. Cara atau trik ini kita akan memanfaatkan arahan yang dipakai oleh tampilan mobile blogspot, yaitu post snippet. Oleh alasannya yaitu itu, dalam script HTML blog kita, dilakukan penambahan kode. Ikuti beberapa langkah di bawah ini.

Langkah / Cara Membuat Read More Otomatis Tanpa Javascript
1. Bukalah Akun Blog anda yang tolong-menolong (jangan blog orang lain) kalau anda mempunyai banyak blog dalam satu akun, silahkan pilih salah satu blog saja.
2. Pilih Elemen Template, lalu lanjutkan dengan klik Edit HTML
3. Lalu cari arahan ]]></b:skin>, untuk mempermudah silahkan memakai ctrl+f
4. Copy / salin arahan di bawah ini dan letakkan sempurna di atas arahan ]]></b:skin>

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

5. Jangan beranjak dulu, masih seoutar edit HTML.
6. Cari arahan <data:post.body/> apabila sudah ketemu silahkan Copy arahan di bawah 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>

7. Setelah di copy, gantilah arahan <data:post.body/> dengan arahan yang barusan di copy.
8. Selesai. Simpan template blog anda.
9. Lihat hasilnya.

Demikianlah Cara Membuat Read More Otomatis Tanpa Javascript, apabila anda sudah memakai Template yang dinamis, abaikan saja ini. Semoga bermanfaat yah. Selamat mencoba. Salam blogger.

Tweet

Subscribe to receive free email updates: