Kumpulan Tips & Trik Seputar Teknologi

Wednesday 11 March 2015

Cara Membuat Read More Otomatis Tanpa Kode Javascript

Cara Membuat Read More Otomatis Tanpa Kode Javascript Rating: 4.5 out of 5 1

Cara membuat Read More Otomatis Tanpa Kode Javascript - kali ini saya akan menyuguhkan tutorial  bagaimana cara Membuat Read More Otomatis Tanpa Kode Javascript , read more pastinya para sobat blogger sudah mengetahui apa itu read more dan dan bagaimana fungsinya, bagi yang belum tahu, berikut saya kasih sedikit review tentang read more.

Read more merupakan link yang biasanya berada  di home page suatu halaman blog  untuk memotong postingan yang di tampilkan di halaman tersebut dengan tujuan menggunakan read more otomatis agar lebih rapi dan load pada home page blog atau website tidak terlalu berat.

Untuk template standar blogger belum dibekali dengan read more otomatis sehingga jika anda menggunakan template standar anda harus menambahkan pemotong text[read more] di setiap akan memposting suatu artikel, tentunya itu cukup merepotkan, ni saya kasih tahu triknya Membuat cara membuat read more otomatis pada blogspot.


Kelebihan tanpa menggunakan javascript adalah mengurangi beban loading halaman blog anda, kenapa bisa begitu?? karena dokumen html yang di kirimkan oleh datebase server suatu web server dan kemudian di render oleh browser anda akan lebih ringan jika script yang di load itu tidak terlalu banyak.

Ilustrasinya seorang  yang berbadan gemuk  akan lebih lambat berlarinya  dibanding  dengan seorang yang berbadan proporsional, karena beban yang di bawa jauh lebih ringan. masih belum paham juga silahkan baca artikel saya sistem kerja browser.

Baiklah langsung saja kembali ketopik awal Membuat Read More Otomatis Tanpa Kode jvascript. berikut langkah langkahnya silahkan ikuti dengan baik dan benar,  jangan lupa beckup template anda dulu. untuk jaga-jaga jika terjadi kesalahan.

Cara Membuat Read More Otomatis Tanpa Kode Javascript

1. Langkah pertama masuk ke akun blogger anda.

2. Buka dasbor blog /Template/edit HTML

3. Cari kode <data:post.body/>
kemudian ganti kode tersebut dengan kode di bawah ini [Replace].

<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.snippet'><b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
 <img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if><data:post.snippet/><b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumptext/></a>
</div>
</b:if><b:else/><data:post.body/></b:if><b:else/><data:post.body/></b:if>

4. Jika ada lebih dari 1 (satu) kode <data:post.body/>, pilih yang pertama.

5. Untuk membuat tampilah read more lebih bagus silakan masukkan kode Css di bawah ini, tepat diatas kode ]]></b:skin>

thumb img {float: left; margin: 0 10px 5px 0;}

6. Kemudian save/simpan template. selesei, readmore otomatis sudah selesai di buat.

Untuk melihat hasilnya silahkan reload home page blog anda, nah itulah tutorial dari saya cara membuat read more otomatis tanpa kode javascript semoga bermanfaat.

6 Responses to "Cara Membuat Read More Otomatis Tanpa Kode Javascript "

  1. Nah. ini dia baru canggih. kodenya cuma dikit tapi mantap. Tapi data:post.body itu ada di mana ya om

    ReplyDelete
    Replies
    1. Cari aja gan pada kode html nya, biar lebih mudah pake ctrl+f. Klo udah ketemu ikuti cara di atas ya.

      Delete
  2. tolong bantuan.y mas ,blog saya javascript html.y pada nyampur semua jadi tampilan.y amburadul tak karuhan...
    gmana.y cara ngebalikin text html standar.y kmbali di mulai dari 0 nya....
    tolong balasan.y y mas >hilmanramdhani7@gmail.com

    ReplyDelete
    Replies
    1. Ribet juga mas kalo mesti jelasin melalui komentar dsb, lebih baik ganti template saja, nanti struktur htmlnya kembali seperti semula lagi.

      Delete

Silahkan berkomentar sesuai dengan topik pada artikel di atas. Dengan ketentuan di larang Menyisipkan Link pada komentar, Berkomentar dengan berlebihan atau SPAM, Promosi dan sebagainya.

Terimakasi telah mematuhi peraturan di Blog ini. Sebagai rasa terimakasih Tentu saya akan berkunjung kembali ke blog Anda.