Cara Memasang Gambar Disamping Judul Posting Blog, [SEOSangatMudah] - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Cara Memasang Gambar Disamping Judul Posting Blog, [SEOSangatMudah] , Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel desain, Artikel tips trik blogging, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Cara Memasang Gambar Disamping Judul Posting Blog, [SEOSangatMudah]
link : Cara Memasang Gambar Disamping Judul Posting Blog, [SEOSangatMudah]

Cara Memasang Gambar Disamping Judul Posting Blog, [SEOSangatMudah]

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!

Demikianlah Artikel Cara Memasang Gambar Disamping Judul Posting Blog, [SEOSangatMudah]

Sekianlah artikel Cara Memasang Gambar Disamping Judul Posting Blog, [SEOSangatMudah] kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Memasang Gambar Disamping Judul Posting Blog, [SEOSangatMudah] dengan alamat link https://seosangatmudah.blogspot.com/2012/12/cara-memasang-gambar-disamping-judul.html

Tweet