Cara Membuat Read More Otomatis

\ \ 3 comments
Akhirnya saya menemukan di internet cara membuat Read More Otomatis di postingan artikel Blogspot. Fitur Read More ini biasanya difungsikan untuk menjadikan Blog kita lebih ringan pada saat di-load pertama kali oleh pengunjung, terutama untuk Blog yang mempunyai tampilan yang penuh dengan gambar, dengan fitur Read More ini yang ditampilkan hanya sebagian kecil dari paragraf pertama artikel postingan anda dan disertai dengan satu buah gambar yang berupa thumbnail sehingga loading dari Blog anda pada saat pertama kali dibuka oleh pengunjung menjadi lebih cepat, itu menurut pemikiran saya, mungkin saja ada fungsi-fungsi yang lain yang belum saya sebutkan.

Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di template HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini.

Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tersebut.


Begini caranya memasang script Read More Otomatis di Blogspot :

1). Buka Dashboard Blog anda, kemudian pilih Rancangan, lalu pilih Edit HTML Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam template Blog anda. Cari dan dapatkan code ini:
 </head>
2). Kemudian tandai dan langsung ganti dengan code ini : 
<script type="text/javascript">
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src="http://blogergadgets.googlecode.com/files/excerpt.js" type="text/javascript">
</head>
3). Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :
<data:post.body/>
4). Kemudian tandai dan langsung ganti dengan Code ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;loat:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>
Tulisan Read more pada script di atas dapat sobat ganti dengan kata-kata yang lain.
5). Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya.

3 comments:

  1. coba tanda petik duanya (") diganti dengan tanda petik satu ('), semoga bisa sob

    BalasHapus
  2. belajar pemrograman dasar bisa lewat dago developer syntax. alamat di http://dagosearch.com/syntax.php , trus scroll mouse ke bagian bawah, ada link namanya "dago developer syntax". klik linknya. dago developer syntax adalah tempat latihan buat yang ingin belajar pemrograman, syntax yang dipakai oleh dago developer ada pemrograman web dan pemrograman desktop. silahkan belajar disana.

    BalasHapus