Memperbesar atau Mengubah Ukuran Thumbnail

Bagi sobat yang menggunakan Auto readmore tanpa javascript pasti resah karena ukuran dan resolusi gambarnya kecil tidak jelas (blur) mungkin ini bisa menjadi sebuah solusi :) tutorial ini sudah di buat oleh Mas Tufik Nurrohman (DTE) saya hanya re-post sembari mengisi blog saya yang miskin akan postingan :"(

Merubah thumbnail yang ada di main-wrapper atau postingan.

Letakkan javascript ini di atas </body>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <script type='text/javascript'> //<![CDATA[ function resizeThumb(parentID, size) { var parent = document.getElementById(parentID), image = parent.getElementsByTagName('img'); for (var i = 0; i < image.length; i++) { image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + size + "-c"); image[i].width = size; image[i].height = size; } } resizeThumb('main-wrapper', 200); //]]> </script> </b:if> </b:if>
Ini akan merubah tampilan thumbnail di main-wrapper
Ganti ukuran thumbnail yang ada di css seperti yang ada di Javascript di atas.

Merubah Thumbanail Lainnya :

<script type='text/javascript'> //<![CDATA[ function resizeThumb(parentID, size) { var parent = document.getElementById(parentID), image = parent.getElementsByTagName('img'); for (var i = 0; i < image.length; i++) { image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + size + "-c"); image[i].width = size; image[i].height = size; } } // Mengubah ukuran thumbnail widget Posting Populer resizeThumb('PopularPosts1', 200); //]]> </script>
Javascript di atas akan merubah Thumbnail yang ada di widget Popular post, jika ingin merubah yang lainnya, silahkan ganti 'PupularPost1' dengan elemen widget yang akan anda rubah.

www.dte.web.id

Memperbesar atau Mengubah Ukuran Thumbnail 2014-04-15T16:22:00+07:00 Rating: 4.5 Diposkan Oleh: fizzi