artikelotomatis.blogspot.com: Zaiful Anwar

Rabu, 22 September 2010

Zaiful Anwar

Cara Membuat Auto Readmore dan Thumbnail di WordPress

Posted: 22 Sep 2010 10:40 AM PDT

Auto Readmore adalah sebuah script yang memotong postingan secara otomatis untuk di tampilkan di homepage atau halaman index. Awalnya ingin membuat auto readmore di template ini tapi saya kesulitan mencari-cari script auto readmore tersebut dan akhirnya saya menemukanya di blog http://id.haryantoblog.com.

Setelah mendapatkan script tersebut saya langsung mencoba dan berhasil tapi pada saat mencoba login script tersebut malahan ada yang error dan saya tidak tahu penyebabnya apa. Dan saya mencoba bertanya kepada mas haryanto serta memberikan link download theme 579dolar. Keesokan harinya saya mendapatkan email dari beliau dan bahwa auto readmore sudah di pasang pada theme tersebut, berikut kutipan emailnya:

Ini mas,,theme yang dah saya tambahkan thumbnainya.. ada sedikit perubahan nama filenya,, home.php jadi index.php,, dan yang tadinya index.php jadi single php,, itu saya rubah biar saya gak bingung aja sih,, kalau mau di rubah lagi juga saya kira gak masalah,,

Jadi penyebab terjadinya error tersebut dikarenakan nama file home.php yang seharusnya index.php.

Nah, bagaimana cara membuat auto readmore dan thumbnail? Berikut caranya yang saya kutip dari postingan mas Haryanto tentang Auto ReadMore Plus Thumbnail di WordPress.

Pertama, login ke menu bashbord dan klik Appearance pilih editor dan edit file functions.php lalu tambahakan script dibawah:

<?php // retreives image from the post function getImage($num) { global $more; $more = 1; $content = get_the_content(); $count = substr_count($content, '<img'); $start = 0; for($i=1;$i<=$count;$i++) { $imgBeg = strpos($content, '<img', $start); $post = substr($content, $imgBeg); $imgEnd = strpos($post, '>'); $postOutput = substr($post, 0, $imgEnd+1); $image[$i] = $postOutput; $start=$imgEnd+1; $cleanF = strpos($image[$num],'src="')+5; $cleanB = strpos($image[$num],'"',$cleanF)-$cleanF; $imgThumb = substr($image[$num],$cleanF,$cleanB); } if(stristr($image[$num],'<img')) { echo $imgThumb; } $more = 0; } //retreive image ends ?>

Jangan lupa di simpan. Selanjutnya langkah kedua, buka file index.php dan tambahkan script dibawah ini:

<img src="<?php getImage('1'); ?>" height="100" width="120" style="DISPLAY: inline; margin: 0px 7px 0px 0px; FLOAT: left"/> <?php the_excerpt((__( '&raquo; Read more: ', 'default'))  . the_title('', '',false)); ?>  <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title();?>"><b>Baca Selengkapnya&gt;&gt;&gt;&gt;&gt;&gt;</b></a>

Nah sekarang auto readmore berseta thumbnailnya sudah jadi.

Catatan; Jika anda ingin mencoba membuat auto readmore dan thumbnail di wordpress sebaiknya dicoba terlebih dahulu di localhost, setelah script berjalan dengan lancar baru di pindahkan.

Zaiful Anwar - Belajar Nyari duit dari Blogging Blogger Indonesia Dukung Internet Aman, Sehat & Manfaat