[ASK] Thumbail blog Bergambar

Permisi semuanya, disini saya ingin menanyakan tentang Thmbail blog saya, Jadi thumbail blog saya pada halaman home jika di klik justru malah keluar link gambar tersebut, nahh bagaimana cara agar jika saya klik gambar thumbail tersebut bisa mengarah ke postingan sesuai gambar tersebut ? Terimakasih

Ini blognya converseries[.]blogspot.com

 

Sekedar mengingat kan live link nya di edit dulu ntar di garuk lho

Sent from my C6602 using Tapatalk

 

Sundul.....mohon bantuanyaaa

 

itu pakai auto readmore kl gak salah, coba googling siapa tau nemu

 

banyak nemu mas tapi gak ada yang kaya gitu, jadi malah bingung

 

sundul....................

 

Sundul...............

 

aih, gak boleh main sundul. ini bukan forum sebelah gan

 

tinggal ganti kode gambar ke link post, kalo gak mau ribet ya ganti template sesuai yang dikehendaki

 

nah cara ngerubah html templatenya itu gan yang udah ane cari2 tapi gak ketemu
mohon bantuanyaaaa

 

ada yang tahu nggak ya ?

 

nimbrung ah

 

up up up up

 

Masta cari kode berikut ini

HTML:

imgtag = '<div class="crop"><a href="'+img[0].src+'"><img src="'+img[0].src+'" width="250px;" /></a></div>';

terus ganti dengan kode berikut:

HTML:

imgtag = '<div class="crop"><img src="'+img[0].src+'" width="250px;" /></div>';

Nah kalau kode script di atas sudah diparse berarti mungkin kode yang masta temuin adalah berikut:

HTML:

imgtag = '<div class="crop"><a href="'+img[0].src+'"><img src="'+img[0].src+'" width="250px;" /></a></div>';

kalau dah ketemu tinggal ganti dengan kode berikut ini

HTML:

imgtag = '<div class="crop"><img src="'+img[0].src+'" width="250px;" /></div>';

Semoga bisa sedikit membantu

 

Makasih mas bantuanya kurang dikit lagi

 

yang bawah ini nampilin gambar thumbnail

Code:

<a expr:href='data:post.url' expr:title='data:post.title'><img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></a>

kalo untuk gambar yang ukuran asli yang bawah ini

Code:

<a expr:href='data:post.url' expr:title='data;post.title'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/></a>

untuk resize bisa pake

Code:

<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('Blog1', 220);
    //]]></script>

jangan lupa pake b:if untuk menkondisikan halamannya

CMIIW

 

Bukan nampilin tapi buat mengubah link gambar thumbailnya kan itu kalo d pencet malah keluar gambarnya bukan postnya

 

tinggal ganti mas <a expr:href='dataost.url' expr:title='dataost.title'> (kode image) </a>

expr:href='dataost.url'
ini gunanya munculin link post

expr:title='dataost.title'
ini gunanya munculin title post.

ane kurang tau kode apa yang dipake blog itu untuk auto readmorenya

 

iya makanya saya juga bingung, kalo tak ganti malah jadi berantakan

 

Perlu di edit kode autoreadmore dan juga kode yg ada di post.body

Coba googling pake keyword "clickable image autoreadmore blogger"