Sunday, February 28, 2010

cara mengganti read more dengan gambar atau logo

sebelum nya saya mau mengucapkan selamat ulang tahun buat blogger bertuah , semoga makin jaya dan kompak selalu, dan ucapan terimakasih juga buat sahabat mario yang telah mempersembahkan award ulang tahun ini buat saya.

Mengganti read more dengan gambar atau logo , hal ini sebenarnya tidak terlalu penting buat sebuah blog , saya sendiri membuatnya hanya sekedar coba-coba saja, karena lagi senang-senangnya edit-edit template . jadi Oleh karena saya gak ada bahan lain untuk update ,ya terpaksa pengalaman newbie ini terpublikasi dengan malu-malu di blog yang sederhana ini.

Saya mengganti read more ini hanya mengubah sedikit kode html yang ada pada read more dengan url logo (saya tidak menggunakan gambar) yang saya buat di http://supalogo.com/ , setelah logo saya jadi saya download dulu dan saya simpan serta tidak lupa saya rename dulu menjadi nama blog saya untuk membantu serp blog ini , setelah itu logo tadi saya upload atau unggah di blogger tepatnya di postingan kosong hingga logo tersebut menjadi kode html seperti :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8_q5pVPGZKsxgtH3mcVN5mxauG2xXG73HEc2RuxXB-U5fRDqirKgYETlNN0GraCVeWLJQ2Nqh0mL7yRPT4yQ0nLLdVSAgXuLCB8tvk63rcNm6YuxRH14gy8Xs8FFOGGw-3iSIfJIpAWO1/s1600-h/dinoe-dasbos.blogspot.png"><img style="cursor:pointer; cursor:hand;width: 244px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8_q5pVPGZKsxgtH3mcVN5mxauG2xXG73HEc2RuxXB-U5fRDqirKgYETlNN0GraCVeWLJQ2Nqh0mL7yRPT4yQ0nLLdVSAgXuLCB8tvk63rcNm6YuxRH14gy8Xs8FFOGGw-3iSIfJIpAWO1/s320/dinoe-dasbos.blogspot.png"border="0" alt=""id="BLOGGER_PHOTO_ID_5442981853437162306" /></a>

Dan saya ambil saja ulr gambar diatas persisinya seperti ini
<img style="cursor:pointer; cursor:hand;width: 244px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8_q5pVPGZKsxgtH3mcVN5mxauG2xXG73HEc2RuxXB-U5fRDqirKgYETlNN0GraCVeWLJQ2Nqh0mL7yRPT4yQ0nLLdVSAgXuLCB8tvk63rcNm6YuxRH14gy8Xs8FFOGGw-3iSIfJIpAWO1/s320/dinoe-dasbos.blogspot.png"/></a>

Kemudian saya langsung meluncur ke template mencari kode readmore saya yaitu :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

berhubung readmore ini udah jauh dari <data:post.body/> karena udah saya pasang related post maka berada kode itu berada dibawah script relatedpost tersebut tepatnya di </b:if></p> .
Pas udah ketemu saya langsung mengisi url loga tadi dengan mengganti + "#more"'><data:post.jumpText/></a> , jadinya kode readmore saya itu berubah menjadi

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url'><img style="cursor:pointer; cursor:hand;width: 244px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8_q5pVPGZKsxgtH3mcVN5mxauG2xXG73HEc2RuxXB-U5fRDqirKgYETlNN0GraCVeWLJQ2Nqh0mL7yRPT4yQ0nLLdVSAgXuLCB8tvk63rcNm6YuxRH14gy8Xs8FFOGGw-3iSIfJIpAWO1/s320/dinoe-dasbos.blogspot.png"/></a>
</div>
</b:if>


dan berhasil readmore blog istri saya dianamaniz telah berubah bentuk logo dan mungkin bakal saya rubah lagi nanti jadi gambar seksi artis-artis indonesia he..he…he…he…………

17 comments:

SEMI- PORTAL said...

MAKASIH TUTORIALNYA, SOBAT.

ivan kavalera said...

Wah, semakin keren weblog ini. Tutorial dan informasi serta tips-tipsnya juga semakin mantap. Salam hangat buat keluarga. Semoga semakin diberkahi Allah, SWT.

elpa said...

mantebb postingannya...sukses slalu buat bang dino

Kang Sugeng said...

Sip.. makasih tutorialnya.
Punya saya udah cukup gitu aja.

ellysuryani said...

TutoriaL mantap. Semoga barokah Din. Selamat menikmati hari minggu sobat.

alamendah said...

kreatif juga. bisa untuk coba-coba dan mengobati kebosanan.

munir ardi said...

mantap pak tutorialnya, kalau punyaku masih yang bawaan template

Pekanbaru Riau said...

Salam Kompak Sellalu dari Pekanbaru bg..
semoga tali silaturahim terjalin dengan eratnya...
Sukses utk Bertuahku, Bertuahmu, dan Bertuah Kita Bersama....

NanLimo said...

link ga taruh di homepage ya bg?

Lifestyle said...

mantap tutorialnya, segera dicoba...

Anonymous said...

Kayaknya untuk ditambah gambar, efeknya blog kita jadi berat gitu kan bang?>???

Agung Aritanto said...

kalau di tambah gambar jd berat blogx bung

Fi said...

sudah mencoba tipsnya dan sukses,,

argunbdg said...

Tutorialnya menarik sekali tuch...
Hatur tengkyu :-)

fai_cong said...

Tutorialnya boleh di coba nih...
Maksh om... :D

T.Yonaskummen said...

Selamat Ultah juga buat Bertuah... semoga semakin mantap....

hanumuslem said...

matur nuwun.........