Home » » cara mengganti read more dengan gambar atau logo

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="http://4.bp.blogspot.com/_E8m0Zdz7k0E/S4lbKFUE80I/AAAAAAAAAQI/uq27RNrHQDI/s1600-h/dinoe-dasbos.blogspot.png"><img style="cursor:pointer; cursor:hand;width: 244px; height: 40px;" src="http://4.bp.blogspot.com/_E8m0Zdz7k0E/S4lbKFUE80I/AAAAAAAAAQI/uq27RNrHQDI/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="http://4.bp.blogspot.com/_E8m0Zdz7k0E/S4lbKFUE80I/AAAAAAAAAQI/uq27RNrHQDI/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="http://4.bp.blogspot.com/_E8m0Zdz7k0E/S4lbKFUE80I/AAAAAAAAAQI/uq27RNrHQDI/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…………
Share/Save/Bookmark

Artikel Selanjutnya :



17 komentar:

SEMI- PORTAL mengatakan...

MAKASIH TUTORIALNYA, SOBAT.

ivan kavalera mengatakan...

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

elpa mengatakan...

mantebb postingannya...sukses slalu buat bang dino

Kang Sugeng mengatakan...

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

Newsoul mengatakan...

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

alamendah mengatakan...

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

munir ardi mengatakan...

mantap pak tutorialnya, kalau punyaku masih yang bawaan template

Pekanbaru Riau mengatakan...

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

NanLimo mengatakan...

link ga taruh di homepage ya bg?

Lifestyle mengatakan...

mantap tutorialnya, segera dicoba...

Muhammad Qori mengatakan...

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

Agung Aritanto mengatakan...

kalau di tambah gambar jd berat blogx bung

Fi mengatakan...

sudah mencoba tipsnya dan sukses,,

argunbdg mengatakan...

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

fai_cong mengatakan...

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

Tukang komen mengatakan...

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

hanumuslem mengatakan...

matur nuwun.........

Copyright © Perencanaan masa depan