Langsung aja ya, mungkin buat para pengelola Joomla site yang telah memiliki beberapa orang content admin atau yang sering men-submit artikel ke dalam Joomla site anda, sering kali dibuat pusing oleh ukuran thumbnail artikel yang walaupun udah diberikan "aturan main" posting artikel tetap saja ukuran thumbnailnya tidak seragam. Bahkan posisi peletakkannya juga tidak sama. Berikut ini cara mengatasi masalah tersebut.
Berikut ini langkah-langkahnya (Khusus untuk Joomla versi 1.0.X) :
1. Download (gunakan FTP) file-file berikut ini dari Joomla site anda :

mambots/content/mosimage.php
mambots/content/mosimage.xml

2. Gunakan text editor buka / open file "mosimage.php"
3. Scroll ke baris #77, yang berisi script php berikut ini :

$botParams->def( 'link', 0 );

4. Tambahkan (copy & paste) script php berikut ini sesudah perintah tersebut (3) :

$botParams->def( 'certainthumb',0 );
$botParams->def( 'size_check', 200 );
$botParams->def( 'wheight', 120 );
$botParams->def( 'linktoarticle', 0 );

5. Scroll ke baris #103, yang berisi script php berikut ini :

function processImages ( &$row, &$params, &$introCount ) {

6. Tambahkan (copy & paste) dua fungsi php berikut ini, tepat sebelum fungsi tersebut (5) :

function div($a,$b){
 return ($a-($a % $b))/$b;
}

function processThumbnail($lebar, $tinggi, $ukuran) {
$skala = abs($lebar - $tinggi);
if ($tinggi<$lebar) {
   $skala = $tinggi / $lebar;
   $width = $ukuran;
   $height = div(($ukuran * $tinggi),$lebar);
} elseif ($tinggi>$lebar) {
   $skala = $lebar / $tinggi;
   $height = $ukuran;
   $width = div(($ukuran * $lebar),$tinggi);
} else {
   $width = $ukuran;
   $height = $ukuran;
}
   return ' width="'. $width .'" height="'. $height .'"';
}

7. Scroll ke baris #185, yang berisi script php berikut ini :

// image size attibutes
$size = '';
if ( function_exists( 'getimagesize' ) ) {
   $size = @getimagesize( $mosConfig_absolute_path .'/images/stories/'. $attrib[0] );
   if (is_array( $size )) {
      $size = ' width="'. $size[0] .'" height="'. $size[1] .'"';
   }
}

8. Timpa / replace (copy & paste) dengan script php berikut ini :

// image size attibutes
$size = '';
$ismythumbnail = 0;
if ( function_exists( 'getimagesize' ) ) {
   $size = @getimagesize( 'images/stories/'. $attrib[0] );
   if (is_array( $size )) {
      if ($params->get('certainthumb')==1 && $size[0]<$params->get('size_check')) {
         $size = processThumbnail($size[0], $size[1], $params->get('wheight'));
         $ismythumbnail = 1;
      } else $size = ' width="'. $size[0] .'" height="'. $size[1] .'"';
   }
}

9. Scroll ke baris #208, yang berisi script php berikut ini :

$image .=' hspace="6" alt="'. $attrib[2] .'" title="'. $attrib[2] .'" border="'. $border .'" />';

10. Tambahkan (copy & paste) script php berikut sesudahnya (9) :

if ($params->get('linktoarticle')==1 &&  $ismythumbnail==1 ) $image = '<a href="/component/content/'.$row-?task=view&gt;id_'=">'.$image.'</a>';

11. Save / simpan semua perubahan / modifikasi di atas
12. Buka / open file bernama "mosimage.xml", gunakan text editor
14. Scroll ke baris #18, yang berisi syntax xml berikut :

</params>

15. sebelum syntax tersebut, tambahkan (copy & paste) parameter xml berikut :

<param name="@spacer" type="spacer" default="" label="" description="" />
<param name="certainthumb" type="list" default="0" label="Certain Thumbnail" description="Choose if you must setting certain thumbnail size">
  <option value="0">False</option>
  <option value="1">True</option>
</param>
<param name="size_check" type="text" default="200" label="Size to check" description="Size dimension to check or less then (px)"   />
<param name="wheight" type="text" default="120" label="Width & Height" description="in px"   />
<param name="linktoarticle" type="list" default="0" label="Thumbnail link to article" description="Choose if you must enable link to article from thumbnail">
  <option value="0">False</option>
  <option value="1">True</option>
</param>

16. Save / simpan perubahan / modifikasi yang dilakukan, tutup text editornya
17. Upload kembali file-file "mosimage.php" dan "mosimage.xml" ke folder :

mambots/content

18. Masuk ke Backend Administrator CP dari Joomla site anda
19. Ke menu Mambots, pilih "Site Mambots"
20. Klik "MOS image" untuk mengubah setting mambots / plugin tersebut
21. Anda akan melihat tambahan setting parameter (Certain thumbnail, Size to check, Width & Height, serta Thumbnail link to article)
22. Berikut ini arti dari parameter tambahan tersebut :

a. Certain thumbnail (false/true), jika dipilih true artinya pengaturan seluruh thumbnail image aktif
b. Size to check (default = 200 pixel), artinya ukuran image yg dianggap thumbnail itu harus berdimensi (sisi terpanjang) kurang atau sama dengan 200 pixel
c. Width & Height (default = 120 pixel), artinya otomatis di resize menjadi (sisi terpanjang) = 120 pixel
d. Thumbnail link to article (false / true), jika true artinya secara otomatis thumbnailnya memiliki link ke detail artikelnya, tanpa perlu susah-susah membuat
linknya dari artikel editornya.

23. klik Save untuk mengubah setting plugin / mambot "MOS image", sekarang anda coba lihat efek perubahannya pada Joomla site anda.

Seluruh thumbnail artikel menjadi "seragam" ukurannya :)


Bagaimana untuk Joomla 1.5.X ?? Sayangnya pada Joomla 1.5.X plugin "mosimage" sudah tidak ada,
perlu cara khusus untuk melakukan hal ini. Berikut langkah-langkahnya.

1. Download (gunakan FTP) file berikut dari Joomla site anda :

components/com_content/views/frontpage/view.html.php

2. Ke baris #18, yang terdapat script php berikut :

require_once (JPATH_COMPONENT.DS.'view.php');

3. Sesudah baris #18 tersebut, tambahkan (copy & paste) fungsi php berikut ini :

function div($a,$b){
 return ($a-($a % $b))/$b;
}

function processThumbnail($lebar, $tinggi, $ukuran) {
 $skala = abs($lebar - $tinggi);
 if ($tinggi<$lebar) {
   $skala = $tinggi / $lebar;
   $width = $ukuran;
   $height = div(($ukuran * $tinggi),$lebar);
 } elseif ($tinggi>$lebar) {
   $skala = $lebar / $tinggi;
   $height = $ukuran;
   $width = div(($ukuran * $lebar),$tinggi);
 } else {
   $width = $ukuran;
   $height = $ukuran;
 }
 return ' width="'. $width .'" height="'. $height .'"';
}

4. Scroll ke baris #143, yang berisi script php berikut ini :

$item =& $this->items[$index];

5. Sesudah baris #142 terbsut, tambahkan (copy & paste) script php berikut ini :

preg_match_all("#<img.*?src=\"?([^\s>\"]+)[^>]+?>#is", $item->introtext, $matches);
$mysize = "";
if ( function_exists( 'getimagesize' ) ) {
   $mysize = @getimagesize( str_replace("%20"," ",$matches[1][0]) );
   if (is_array( $mysize )) {
      $mysize = processThumbnail($mysize[0], $mysize[1], 130);
   }
}
        
if ($matches[1][0]) {
   $item->introtext = '<img src="'.$matches[1][0].'" '.$mysize.' style="float: left;" hspace="4" vspace="6" border="0">'.$item->introtext;
}

6. Khusus untuk script php ini (yang anda paste di atas (5) ) :

$mysize = processThumbnail($mysize[0], $mysize[1], 130);

angka 130 itu merupakan sisi terpanjang yang anda inginkan dari thumbnail artikelnya.
silahkan ada ubah sesuai keinginan anda (misalnya menjadi 100 atau 120 pixel).

7. Save / simpan semua perubahan / modifikasi yang dilakukan, tutup text editornya.
8 Upload file "view.html.php" folder "components/com_content/views/frontpage/" di Joomla site anda.

Sekarang anda bisa melihat langsung perubahan ukuran Thumbnail artikel di bagian frontpage dari Joomla site anda (versi 1.5.X). Khusus untuk Blog Category dari Joomla 1.5.X juga caranya mirip dengan ini.

Dengan tips ini, sebenarnya anda bisa membuat plugin / mambots kreasi anda sendiri,
khusus untuk mengatur tampilan thumbnail artikel. Tentunya, anda harus memiliki
pengetahuan dasar cara membuat plugin / mambots pada Joomla (versi 1.0.X dan versi 1.5.X)



Semoga Bermanfaat. Last Updated on Wednesday, 10 June 2009 17:03  

Komunitas Pengguna Joomla Indonesia