Rabu, 02 Agustus 2017

Cara Membuat Read More Otomatis Tanpa Javascript

RAFANI.NET |

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

Cara Membuat Read More Otomatis Tanpa Javascript

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

Read More cara menual , dengan memanfaatkan Insert Jump Break pada posting blog , dimana setiap kali ingin posting artikel gres , kita akan mengklik icon / kemudahan 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 , yakni dengan menggunakan Javascript dan Tanpa Javascript. Read More Otomatis dengan menggunakan Javascript biasanya memanfaatkan pihak ketiga daerah penyimpanan data script. Seperti .JS dan lain-lain. Info yang himpun , bahwa menggunakan cara ini , Google sendiri tidak menyukainya. Bisa jadi alasannya banyak. Oh iya , apabila anda menggunakan template yang dinamis , biasanya sudang menggunakan 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 menggunakan situs pihak ketiga , sebab pribadi 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 instruksi yang digunakan oleh tampilan mobile blogspot , yakni post snippet. Oleh sebab 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 bersama-sama (jangan blog orang lain) jikalau anda memiliki banyak blog dalam satu akun , silahkan pilih salah satu blog saja.
2. Pilih Elemen Template , kemudian lanjutkan dengan klik Edit HTML
3. Lalu cari instruksi ]]></b:skin> , untuk mempermudah silahkan menggunakan ctrl+f
4. Copy / salin instruksi di bawah ini dan letakkan sempurna di atas instruksi ]]></b:skin>

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

5. Jangan beranjak dulu , masih seoutar edit HTML.
6. Cari instruksi <data:post.body/> apabila sudah ketemu silahkan Copy instruksi 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 instruksi <data:post.body/> dengan instruksi yang barusan di copy.
8. Selesai. Simpan template blog anda.
9. Lihat hasilnya.

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


EmoticonEmoticon