Menampilkan sebuah icon atau gambar di judul posting memang membuat blog kita terlihat lebih menarik. Selain untuk menghias blog, icon atau gambar itu juga bisa di jadikan sebagai identitas blog kita.
Bagi sobat yang tertarik untuk memasangnya, berikut cara-caranya:
Langkah pertama tentunya sobat harus mempunyai sebuah icon/gambar yang akan di pasang. Sobat bisa membuatnya dengan menggunakan photoshop atau membuatnya secara online. Setelah itu sobat upload gambar ke file hosting tempat biasanya sobat menyimpan gambar dan copy URL gambar tersebut.
Selanjutnya sobat masuk ke Edit HTML klik Expand Widget Templates.
Cari kode berikut.
Bagi sobat yang tertarik untuk memasangnya, berikut cara-caranya:
Langkah pertama tentunya sobat harus mempunyai sebuah icon/gambar yang akan di pasang. Sobat bisa membuatnya dengan menggunakan photoshop atau membuatnya secara online. Setelah itu sobat upload gambar ke file hosting tempat biasanya sobat menyimpan gambar dan copy URL gambar tersebut.
Selanjutnya sobat masuk ke Edit HTML klik Expand Widget Templates.
Cari kode berikut.
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<b:else/>
Kemudian sisipkan kode berikut di antara kode di atas.
<img src="URL icon/gambar" width="50" hight="50" border="0"></img>
Nanti jadinya akan seperti ini.
<a expr:href='data:post.url'><img src="URL icon/gambar" width="50" hight="50" border="0"></img><data:post.title/></a>
<b:else/>
<b:else/>
Warna hijau ganti dengan URL gambar sobat, dan yang warna biru sesuaikan ukuran dengan template sobat.
Semoga bermanfaat.
Alhamdulillah..
Artikel Terkait:
Blogger
- Cara membuat tombol minimize dan maximize
- Cara Membuat Daftar Isi Dengan Jquery
- Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
- Cara Membuat Link Bergoyang Dengan Javascript
- Post Populer dengan Animasi
- Konten Bundar Slide
- Cara membuat Label cloud berputar di blog
- Putar Gambar dengan CSS3 tanpa Javascript
- Pasang Modus Hemat Energi di Blog
- Membuat Tombol Top Up
- Gambar Dengan Efek Zooming di Blog
- Kotak Text Area Dengan Tombol Select All
- Cara Membuat Browser Berputar
- Cara Membuat Efek Coret Pada Postingan
- Image Gallery Menggunakan Jquery 1.4.2
- Cara Menampilkan Favicon Di Semua Browser
- Cara Membuat Random Post Di Blogger
- Cara membuat Artikel Terkait Dengan Gambar/Thumbnails
- Cara Mudah Pasang Emoticon Di Kotak Komentar
- Cara Pasang Head Line News
- Membuat Artikel Terkait Dengan Fungsi Scroll
- Cara Membuat Fitur Reply Pada Kotak Komentar
- Cara Mudah Membuat Recent Post Bergambar Dengan Efek Naik Tangga
- Memanipulasi Tampilan Jumlah Komentar
Comments :
0 komentar to “Cara menampilkan Icon Di Judul Postingan”
Posting Komentar
Jangan lupa di follow dan tinggalkan komentar
Komentar anda sangat bermanfaat untuk perkembangan blog ini. Gunakanlah kata kata sopan dan santun. Terimakasih.....