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 :
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
</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:
MAKASIH TUTORIALNYA, SOBAT.
Wah, semakin keren weblog ini. Tutorial dan informasi serta tips-tipsnya juga semakin mantap. Salam hangat buat keluarga. Semoga semakin diberkahi Allah, SWT.
mantebb postingannya...sukses slalu buat bang dino
Sip.. makasih tutorialnya.
Punya saya udah cukup gitu aja.
TutoriaL mantap. Semoga barokah Din. Selamat menikmati hari minggu sobat.
kreatif juga. bisa untuk coba-coba dan mengobati kebosanan.
mantap pak tutorialnya, kalau punyaku masih yang bawaan template
Salam Kompak Sellalu dari Pekanbaru bg..
semoga tali silaturahim terjalin dengan eratnya...
Sukses utk Bertuahku, Bertuahmu, dan Bertuah Kita Bersama....
link ga taruh di homepage ya bg?
mantap tutorialnya, segera dicoba...
Kayaknya untuk ditambah gambar, efeknya blog kita jadi berat gitu kan bang?>???
kalau di tambah gambar jd berat blogx bung
sudah mencoba tipsnya dan sukses,,
Tutorialnya menarik sekali tuch...
Hatur tengkyu :-)
Tutorialnya boleh di coba nih...
Maksh om... :D
Selamat Ultah juga buat Bertuah... semoga semakin mantap....
matur nuwun.........
Post a Comment