1 Menyisipkan Icon Gambar Di Samping Judul Posting

Oleh sabia | Senin, Mei 23, 2011 | Tags:

Secara default bila membuat tulisan atau postingan tentunya akan di beri title atau judul . Nah, didalam template Minima ,  judul posting  itu hanya berupa tulisan saja juga sekaligus sebagai link dari isi postingan . Sekarang bagaimana supaya yang tampil bukan hanya tulisan judul posting saja, tetapi di barengi sebuah gambar atau icon, seperti terlihat dalam contoh gambar diatas .



Untuk menambahkan atau menyisipkan icon gambar kedalam judul posting, langkah pertama buat dulu gambar atau icon yang akan disisipkan, atau bisa juga mencari yang sudah jadi  di internet , kemudian simpan di hosting file penyimpanan, kemudian catat alamat url nya supaya nantinya bisa di panggil .

  Sesudah punya icon gambar dan disimpan, selanjutnya tinggal masuk ke menu edit HTML kemudian centang Expand Template Widget , cari kode dibawah :



<a expr:href='data:post.url'><data:post.title/></a>


Setelah ketemu kode diatas sekarang tinggal memasukkan alamat url gambar yang disimpan di hosting file tadi . Untuk menyisipkan dan menempat kannya bisa lihat contoh berikut :


1. Icon Gambar Di Atas Judul Posting .

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn1yBroD2A-ZCkECpfwgchDhyphenhyphen24zrk1aKCTxEOtDU16_xu9tZO6sS1DtDVWzZNRdhMT6s8eeV8QJFTfvUoO5LpDElX2mMRKYghH8E4uxS6LS31odZ8ACYGXrLie64YI87fb3VhR7pBxric/s1600/postheadericon.png"/>
<a expr:href='data:post.url'><data:post.title/></a>


2. Icon Gambar Di Kanan Judul Posting .


<a expr:href='data:post.url'><data:post.title/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn1yBroD2A-ZCkECpfwgchDhyphenhyphen24zrk1aKCTxEOtDU16_xu9tZO6sS1DtDVWzZNRdhMT6s8eeV8QJFTfvUoO5LpDElX2mMRKYghH8E4uxS6LS31odZ8ACYGXrLie64YI87fb3VhR7pBxric/s1600/postheadericon.png"/></a>



3. Icon Gambar Di Bawah Judul Posting .


<a expr:href='data:post.url'><data:post.title/></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn1yBroD2A-ZCkECpfwgchDhyphenhyphen24zrk1aKCTxEOtDU16_xu9tZO6sS1DtDVWzZNRdhMT6s8eeV8QJFTfvUoO5LpDElX2mMRKYghH8E4uxS6LS31odZ8ACYGXrLie64YI87fb3VhR7pBxric/s1600/postheadericon.png"/>


4. Icon Gambar Di Kiri Judul Posting .


<a expr:href='data:post.url'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn1yBroD2A-ZCkECpfwgchDhyphenhyphen24zrk1aKCTxEOtDU16_xu9tZO6sS1DtDVWzZNRdhMT6s8eeV8QJFTfvUoO5LpDElX2mMRKYghH8E4uxS6LS31odZ8ACYGXrLie64YI87fb3VhR7pBxric/s1600/postheadericon.png"/>
<data:post.title/></a>


  Setelah beres jangan lupa klik Simpan Template, Supaya perubahan yang terjadi di simpan dan di proses oleh mesin blogger .


KOLOM TUTORIAL BELAJAR
Garut, 23 Mei 2011

1 komentar:

Unknown Menuliskan komentarnya pada hari, Jumat, Januari 04, 2013

Cara menghilangkan latar putih pada psotingan gimana bos? Ane bingung tiap kali posting pasti dibalik tulisan ane ada latar putih, mau gak mau latar blog diganti warnah putih biar latar tulisannya gak kelihatan. Hehe

thanks bos

Posting Komentar Untuk Artikel Ini :