0
Cara membuat read more otomatis diblogger
Image by : cara woles


Salam Blogger, kali ini ada pertanyaan dari teman blogger kita di G+ "+Papa Rayyan"  :

"Mohon pencerahan nih ma senior senior2 blogger..
Buat readmore otomatis untuk menjadi navigasi postingan di halaman utama blog gimana yaa.. Caranya..

Salam harmonis all"

Oleh karena itu saya ingin berbagi dengan anda bagaimana cara membuat "Read More" Otomatis. Dengan  cara ini, kita tidak repot-repot membuat 'read more' pada konten atau artikel secara manual. Berikut cara membuat Read More secara otomatis yang akan dibawakan oleh mas. Heru Triassaputro.


Cara membuat 'Read More' Otomatis :

1.  Login ke blogger.
2.  Klik Template pada dashbord blogger.
3.  Klik kotak/tombol Edit HTML.
4.  Cari kode  </head> pada template html tersebut.

Cara membuat read more otomatis diblogger

 5.  Setelah itu Copy (Ctrl+c) lalu Pastekan (Ctrl+v) Kode 'HTML Read More Otomatis' yang tersedia dibawah ini, dan letakkan di atas kode </head>. Kode 'HTML Read More Otomatis' sebagai berikut :


   <script type='text/javascript'>
   var thumbnail_mode = &quot;float&quot; ;
   summary_noimg = 150;
   summary_img = 150;
   img_thumb_height = 100;
   img_thumb_width = 120;
   </script>

   <script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>


6. Sekarang cari kode Entry Post blogger :  <data:post.body/>
7. Kemudian ganti kode tersebut dengan kode yang disediakan di bawah ini :

Cara membuat read more otomatis diblogger


Kode pengganti kode Entry Post blogger ( <data:post.body/> ) sebagai berikut :


   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <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>
   <span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
   <b:else/>
   <data:post.body/>
   </b:if>


8. Sekarang klik kotak/tombol Simpan Template.
9. Selesai.

10. Sekarang Anda buat Konten atau Artikel yang anda inginkan, Lihatlah apakah "Read More" Otomatis Anda sudah berfungsi dengan baik..



Tips dan Trick :

 -    Kode Cara membuat 'Read More' Otomatis dan Kode Pengganti Entry Post
 -    Ctrl+c Untuk menyingkat perintah "Copy" .
 -    Ctrl+v Untuk menyingkat perintah "Paste" .
 -    Ctrl+f Untuk lebih singkat mencari bagian pada halaman kode "Edit HTML".


Trick :

Ctrl+f Untuk lebih singkat mencari bagian pada halaman kode "Edit HTML".
Pada saat kita mencari suatu bagian baik kata/kode/kalimat/alamat di halaman kode html di kotak "Edit HTML" dashboard blogger, kita dapat menggunakan Ctrl+f untuk mempersingkat penelusuran, dengan cara menekan kedua tombol/keypad ( Ctrl dan f ) tersebut secara bersamaan di dalam halaman "Edit HTML". Setelah muncul kotak penelusuran di bagian atas sebelah kanan, tuliskan 'bagian' yang akan kita cari, lalu tekan 'enter'. setelah itu akan muncul bagian-bagian kode tersebut dengan tanda di "block berwarna".

Semoga Bermanfaat, Salam Blogger....




Penulis : Heru Triassaputro
Sumber : http://herutriassaputro.blogspot.co.id

Posting Komentar

 
Top