Sedikit Info Seputar
Cara Memasang Gambar Disamping Judul Posting Blog
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Cara Memasang Gambar Disamping Judul Posting Blog, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel desain,
Artikel tips trik blogging, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Memasang Gambar Disamping Judul Posting Blog
Terbaru
link: Cara Memasang Gambar Disamping Judul Posting Blog
"jangan lupa baca juga artikel dari kami yang lain dibawah"
Berbagi
Cara Memasang Gambar Disamping Judul Posting Blog
Terbaru dan Terlengkap 2017
Cara Memasang Gambar Disamping Judul Posting Blog – Gambar, merupakan suatu hiasan yang bersumber dari ekspresi jiwa. Sebagai hiasan, tentunya ia dapat memperindah blog kita. Kali ini saya akan memaparkan bagaimana cara memasang gambar disamping judul postingan blog Anda (sehingga nantinya gambar tersebut akan terlihat seperti ikon yang memperindah judul postingan tersebut).
1. Siapkan url gambar yang akan Anda gunakan sebagai ikon posting blog. Gunakan gambar yang kecil. Jika Anda membutuhkan gambar dengan ukuran kecil, Anda dapat mencarinya di situs pencari icon. 2. Buka blog Anda, lalu masuk ke menu Template. Backup dulu template anda, untuk berjaga – jaga akan kemungkinan kesalahan pengeditan.
3. Klik tombol Edit HTML (disamping tombol Sesuaikan). Jika muncul peringatan, klik Lanjutkan.
4. Centang kotak Expand Template Widget. Tujuannya untuk memperlihatkan kode – kode HTML yang tersembunyi.
5. Carilah kode dibawah ini (gunakan CTRL + F untuk menampilkan kotak dialog Find, kemudian copy dan pastekan kode dibawah ini pada kotak yang muncul) :
<a expr:href='data:post.url'><data:post.title/></a>
Jika Anda menemukan 2 kode seperti kode diatas, gunakan kode yang paling pertama.
6. Pastekan kode dibawah ini (diantara <a expr:href=’data:post.url’> dengan <data:post.title/>)
<img src=’http://cdn1.iconfinder.com/data/icons/opensourceicons/32/flower.png' style=’margin-right:10px'/>
Ganti url yang berwarna merah dengan url gambar Anda. Sedangkan angka 10px itu maksudnya jarak gambar dengan judul posting blog Anda. Gantilah sesuai keinginan.
Sehingga kodenya akan menjadi :
<a expr:href='data:post.url'><img src=’http://cdn1.iconfinder.com/data/icons/opensourceicons/32/flower.png' style=’margin-right:10px'/><data:post.title/></a>
Dimana url yang berwarna merah merupakan url gambar Anda.
7. Langkah terakhir, simpan template blog Anda dengan mengklik Simpan Template.
8. Lihat blog Anda untuk mengetahui hasilnya.
Selesai sudah langkah – langkah untuk memasang gambar disamping judul postingan blog. Jangan lupa tinggalkan komentar, dan selamat mencoba!
Itulah sedikit Artikel Cara Memasang Gambar Disamping Judul Posting Blog terbaru dari kami
Semoga artikel Cara Memasang Gambar Disamping Judul Posting Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Free Template BLogspot.Com. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Cara Memasang Gambar Disamping Judul Posting Blog