caranya cukup mudah dan gak ribet ikuti saja trik berikut
perhatikan kode script berikut ini:
1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-910code-line:1-1011code-line:1-1112code-line:1-1213code-line:1-1314code-line:1-1415code-line:1-1516code-line:1-1617code-line:1-17<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script>
//<![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('Blog1', 150);
//]]>
</script>
</b:if>
</b:if>
Salin kode script di atas dan letakkan pada akhir tag penutup widget Blog1, kira - kira seperti berikut:
1code-line:2-12code-line:2-23code-line:2-34code-line:2-45code-line:2-56code-line:2-67code-line:2-78code-line:2-8<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script> ... resize snippet thumbnail... </script>
</b:if>
</b:if>
perhatikan Kode 150, nilai tersebut bisa sobat ganti sesuai tampilan pada posting milik blog sobat, uni berguna untuk mengatur ukuran gambar yang akan tampil bersama judul dan deskripsi pada posting.
kemudian jangan lupa untuk menyimpan semua edit dan perubahan, semoga berguna dan bermanfaat...
2 komentar
hanya menggunakan JS jadi lebih aman ya, dan untuk loading apa pengaruh juga ? lambat atau gmna gtu
BalasHapusaman sob, masalah load tidak aja jadi mulus :)
HapusLink aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>