Menyisipkan Gambar Pada Judul Postingan di Blog

Tips n Trick Nyentrik "Menyisipkan Gambar pada Judul Postingan di Blog"

Tentunya kalian pernah melihat sisipan gambar di depan judul postingan ketika anda browsing di suatu Blog. Tampak lebih menarik bukan???

Nah,,,,

Tips n Trick kali ini ialah cara menyisipkan Gambar di depan judul postingan.

syaratnya,...

Tentunya kamu harus mempunyai gambar yang akan disisipkan di depan judul ( bisa juga berupa animasi .gif)

setelah itu up load gambar pada situs yang menyediakan layanan pengarsipan gambar, kalau saya menggunakan "Album Web Picasa" karena sudah punya akun di google. hehehe...

setelah di up load, salin/catat url  gambar / foto  tersebut. Contoh url gambar bendera merah putih saya: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgspiafXyAyYAPcjyYB-fYK6MsIvVIVA5eEkX7v7y6U1uFKqJdLABmT4WfO67X4k0JEg0npLWbQKle8QsFt8iwc86FBqRg5dlLdCKltqZabME1nB4DV7W1YJXmMpb4W8rKTliFrk2Cr3rA/s128/bendera.gif

Tips n Trick Nyentrik "Menyisipkan Gambar pada Judul Postingan di Blog"

Nah,,, sekarang saatnya menyisipkan gambar pada judul postingan di blog

langkah-langkahnya adalah:

1. Buka dasbor blogmu (sign kemudian pilih kustomisasi)

2. klik Lay out / tata letak

3. klik Edit HTML

4. selanjutnya, beri tanda check list pada "Expand Template Widget" dan simpanlah terlebih dahulu agar kalau terjadi kesalahan bisa dikembalikan seperti semula ( tenang saja asal mengikuti petunjuk dengan benar, Insya Allah Sukses)

5. Ctrl + F ( modus Pencarian ), ketik:
  
   <a expr:href='data:post.url'><data:post.title/></a>


Tips n Trick Nyentrik "Menyisipkan Gambar pada Judul Postingan di Blog"


6. setelah ketemu, sisipkan <img border='0' hight='25' rel='shortcut icon' src='alamat url gambar' width='25'/> diantara <a expr:href='data:post.url'> dan <data:post.title/></a>

contohnya: <a expr:href='data:post.url'> <img border='0' hight='25' rel='shortcut icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgspiafXyAyYAPcjyYB-fYK6MsIvVIVA5eEkX7v7y6U1uFKqJdLABmT4WfO67X4k0JEg0npLWbQKle8QsFt8iwc86FBqRg5dlLdCKltqZabME1nB4DV7W1YJXmMpb4W8rKTliFrk2Cr3rA/s128/bendera.gif' width='25'/> <data:post.title/></a>

7. Silahkan klik Pratinjau terlebih dahulu untuk mengetahui hasilnya.

8. Jika semua sudah beres, klik Simpan Template

Jika masih error atau ada yang kurang dipahami, tanyakan saja/posting komentar di blog ini


Selamat Mencoba & Semoga Bermanfaat Tips n Trick Nyentrik kali ini...