Seting Auto Read More di Blogger

Halo Sahabat Pustaka Kreasi , pada kesempatan kali ini kita akan membahas tentang bagaimana memasang auto read more di blogger,...tujuan dari pemasangan auto read more adalah  ketika kita melakukan posting  suatu artikel pada blog  yang  biasanya akan  tampil di halaman utama, maka posting kita tersebut  akan di peringkas isi kalimatnya, dan untuk membaca artikel secara lengkap pada bagian bawah ringkasan artikel  akan  tersedia link yang menuju ke artikel lengkap dengan  tulisan Read More  atau bisa  di  ganti dengan  gambar atau kalimat  pilihan kita, mungkin bahasan kita kali ini bagi kalangan blogger kawakan  tidak asing lagi, tapi ya .. mungkin ini ada manfaatnya untuk sobat blogger yang baru memulai untuk membangun sebuah blog yang kebetulan pada template pilihanya belum terdapat fitur auto read more yang terintegrasi di dalamnya, okey sebelum kita memulai pastikan kita dalam kondisi tenang  alias rilax's.... he he he ;

Mari kita coba ikuti langkah - langkahnya ;
  • Login ke Blogger >> Dashboard  >> Design >> Edit HTML >> Download Template Lengkap untuk pemulihan bila terjadi kesalahan >> Klik Expand Widget ;
    • Cari code   ; </head> agar lebih mudah gunakan fungsi Ctrl + F , setelah ketemu letakan code berikut diatas code </head> ;
      
      
      
      Keterangan ;
      • summary_noimg = 750; jumlah karakter yang akan di tampilkan bila posting tanpa gambar, bisa di ubah untuk penyesuaian.
      • summary_img = 370; jumlah karakter yang akan di tampilkan bila posting dengan gambar, bisa di ubah untuk penyesuaian.
      • img_thumb_height = 180; adalah tinggi gambar thumbnail, bisa di ubah untuk penyesuaian.
      • img_thumb_width = 180; adalah lebar gambar thumbnail, bisa di ubah untuk penyesuaian.

      Langkah berikutnya cari code berikut untuk mempermudah gunakan Ctrl+F

      <data:post.body/>

      Bila sudah ditemukan code diatas ganti dengan code berikut ;

      <b:if cond='data:blog.pageType == &quot;item&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;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
      </b:if>

      Keterangan ;
      • padding-top: 5px,  jarak dengan tulisan di atas readmore.
      • float: right, adalah posisi readmore pada tampilan posting jika ingin readmore muncul di sebelah kiri ganti  right dengan  left
      • Anda bisa mengganti  Read more dengan kalimat sesuai pilihan,
      Jika tampilan readmore masih dalam posisi rata kiri dan kita ingin mengubahnya menjadi rata kanan-kiri ( justify ) berikut langkahnya ;

      Klik kotak expand widget kemudian cari code di seperti di bawah ini;

      <div expr:id='&quot;summary&quot; + data:post.id'>

      Dan ganti dengan code di atas dengan code di bawah ini;

      <div expr:id='&quot;summary&quot; + data:post.id' style='text-align:justify;'>

      Sahabat Pustaka Kreasi demikian sharing kita kali ini tentang seting auto read more di blogger, selamat mencoba dan semoga bermanfaat salam Happy Blogging.
      Digg it StumbleUpon del.icio.us
       
      Copyright @ 2012 By Pustaka Kreasi

      Sepintas Tentang Penulis

      Saya adalah seseorang yang tertarik untuk mempelajari perkembangan dunia tehnologi internet dan komputer, freelance Designer, Website, Blogger blogs, CSS, HTML, jQuery serta hal lain yang terkait. Dan saya hanya manusia biasa yang masih mempunyai banyak kekurangan yang juga memerlukan kritik, saran dan masukan dari yang lebih faham, terima kasih dan salam happy blogging.

      +1