Beberapa waktu yang lalu saya telah menjelaskan cara membuat link read more atau baca selengkapnya dalam postingan blog. Ternyata ada sobat blogger yang bertanya kepada saya apakah bisa link read more diganti dengan gambar? Jawabannya tentu saja bisa dan sangat mudah.
Nah bagi sobat lain yang kebetulan juga ingin tahu bagaimana cara mengganti link read more menjadi icon gambar langsung saja ikuti tutorial berikut ini:
1. Pertama-tama, upload icon read more yang ingin anda gunakan ke situs image hosting. Setelah itu, catat alamat url gambarnya. Contoh https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjACWwj9mUJ-SIY30z4MsfJJZTdR2ppOlgvUPw7Bjgcpg8ZHKsxUwO2IM4b8rfzkSCMiOhD7p5yQVa5peavIl506DmL2__im7MuYwTO7InUOMaxF9KHwjx3KnIzj_APnFj4GtY_eoXi0OfC/
2. Login ke Blogger. Klik Design->Edit HTML
3. Beri centang pada 'Expand Widgets Templates'
4. Cari kode seperti ini
<span id='showlink'>5. Ganti tulisan yang dicetak tebal dengan kode berikut
<a expr:href='data:post.url'>teks read more anda</a>
</span>
<img src="alamat-gambar-anda" />

Ingat, ganti teks berwarna merah dengan alamat url gambar anda yang sebenarnya.
6. Jika sudah, klik tombol Save. Selesai. Mudahkan? :)
Selamat mencoba. Semoga bermanfaat. Artikel Terkait di Bawah posting
- Kamus Nama bagus
- Efek Box Gelap Terang Menggunakan Opacity Effect dan CSS3 Transition
- Merubah Lebar Template Blog
- Cara Membuat New Recent Comment dengan Scroll Down di Blogspot
- Cara Memasang Yahoo Messenger Di Blogger
- Cara membuat browser bergetar saat klik kanan
- Cara Membuat Sitemap di Blogspot
- Membuat Widget Agar Selalu Tetep Berada Di Kiri,Kanan,Dll
- Cara Pasang Buku Tamu Facebook di Blog
- Tips Cara Pasang Status / ikon YM (yahoo messenger) di blog/web/friendster !
- Mengganti Tulisan Newer Post Older Post Dengan Gambar
- Cara Membuat Vertical Sliding Info Panel With jQuery
- Memasang Radio Online atau MP3 di Blog
- SEXY BOOKMARKS V2 FOR BLOGGER
- Show Comment Bubble at Top Right of each Blogger Posts
- Automatic Read More with Thumbnail for Blogger
- Social Bookmarking Widget for Blogger with auto scrolling function
- CARA MEMBUAT EXPLORER D-TREE...
- Cara Pasang Tag Meta Robot Blogspot
- Cara Membuat Drop Caps Otomatis di Posting Blog
- Koleksi banner blog dofollow
- Cara mengecek kecepatan Blog
- Membuat Link Terbuka Pada Halaman Baru
- Memasang Feedjit Pada Blogger
- Membuat Gradient Effect dengan CSS
- Automatic Read More with Thumbnail for Blogger
- Cara Membuat Read More Otomatis Dengan Gambar
- Mengganti Link Read More dengan Icon Gambar
- Customisasi Tampilan Read more
- Cara Mengganti Tulisan ReadMore Dengan Image Gif
- Cara pasang Auto Read More terbaru
- Pasang Auto Read More di Blogger Posts
- Koleksi gambar readmore
- Efek Box Gelap Terang Menggunakan Opacity Effect dan CSS3 Transition
- Cara Membuat Vertical Sliding Info Panel With jQuery
- CARA MEMBUAT EXPLORER D-TREE...
- Memasang Feedjit Pada Blogger
- BELAJAR SCRIPT HTML ONLINE....
- Membuat Back To Top Dengan CSS
- Memperbesar atau Memperkecil Tulisan
- Cara Memasang Modus Hemat Energy / Energy Save Mode pada blog
- Judul Blog Bergerak Dari Kanan Ke Kiri
- Link Berubah Warna dan Membesar
- Rubah blog anda menjadi DOFOLLOW
- EFEK NEON GLOW
- MEMBUAT WIDGET "BACK TO TOP"
- Membuat Arsip dan Label Blog model Scroll
- Apakah Blog Kamu Gaul?
- Cara Menambah Widget Social Bookmark pada Blog
- Membuat Gambar Melayang di Blog
- CARA MEMBUAT MENU HORIZONTAL DROP-DOWN (MHD2) DI BLOGGER....
- Memasang Widget Sharing Is Sexy di Posting Blog
- CARA MEMBUAT TOOLTIPS DI BLOG...
- Slide Calendar
- Pasang Widget Langganan Dengan Image
- Menyimpan Widget Persis Dibawah header
- Cara pasang Auto Read More terbaru
0 komentar:
Posting Komentar