MENAMBAH GAMBAR KE DALAM JUDUL POSTING





Pada salah satu kolom komentar ada seorang sobat blogger yang bertanya tentang bagaimana memasukkan gambar pada judul template. Dan saya menangkap dari pertanyaan ini mungkin yang di maksud adalah memasukkan gambar pada judul postingan.
Jika yang di maksud demikian seperti contoh gambar pada judul di atas, maka saya akan berusaha menjawabnya semampu yang telah saya bisa.

Pertama yang harus sobat lakukan adalah mengupload dulu gambar di tempat yang biasa sobat lakukan,bisa di photobucket atau di mana saja yang rasanya tidak terlalu sulit untuk mencarinya di internet. Agar lebih memudahkan sebelum upload gambar tentukan dulu ukuran gambarnya. Setelah gambar terupload ambil alamat yang ada.
Misalnya saya mendapatkan kode alamat seperti ini:
    http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar-ke- dalam-judul-post.gif
Kemudian tambah tag hingga menjadi seperti di bawah ini:
    <img align='left' height='50' width='50' src="http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar -ke-dalam-judul-post.gif" ></img><br/>
Setelah siap baru kita masukkan gambarnya,caranya:
  • Masuk ke blog sobat.
  • Klik tata letak.
  • Pilih edit HTML.
  • Beri tanda pada Expand Template Widget
  • Cari Kode seperti di bawah ini.

    <b:includable id='post' var='post'>
    <div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <img align='left' height='50' width='50' src="http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar -ke-dalam-judul-post.gif" ></img><br/>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
  • Sisipkan alamat gambar milik sobat di antara kode di atas posisinya seperti yang terlihat.
    Perhatikan juga spasinya , karena ini sangat berpengaruh.
  • Klik prajinjau.
  • Setelah di rasa aman baru di SAVE.
  • Lihat hasilnya.



19 komentar:

salvation mengatakan...

salam kenal...
thanx buat tips'a

Markun mengatakan...

makasih buat tips tipsnya bermanfaat banget

Darmasena mengatakan...

@ salvation:
       Salam kenal balik.
Terimakasih atas kunjungannya

@ Markun:
       Terimakasih balik.
Thank's atas kunjungannya.

Bilbul mengatakan...

Boleh Taruh link situ di blog saya ga?

Darmasena mengatakan...

@ Eric Juanto:
    Makasih dah follow

@ Bilbul :
     Dgn senang hati
     Trmksh tlah berkunjung

CONTOH ASKEP mengatakan...

Keren brow makasih infonya Blog Saya

Fia mengatakan...

Terimakasih Gan setelah coba-coba Tips dari berbagai blog, nemunya koq disini yg cocok dg template blog saya, thanks mas...

Lipp Saranghae cheosaram mengatakan...

saya blogger baru blog ini sangad membantu tapi saya kurang mengerti tentang penggunaan edit HTML kusus.y buat ganti templete..

OBAT KUAT KOSMETIK mengatakan...

gan, gimana caranya bila ada 2 gambar di postingan, bila gambar yang satu di sorot yang satunya lagi membesar, pleaseee .. butuh banget script nya nich gan ...

CALVINMEDIASHARE mengatakan...

thanks gan, lam kenal dari aku

shahrul mukharom mengatakan...

okedeng agan...

Restu Nugroho mengatakan...

makasih mas bro :D
saya ijin copas yah ? :)

mutakbir mengatakan...

kren mas bro

wawan purnawan mengatakan...

Akan saya coba,hal hal seperti ini yang saya cari,kebetulan saya lagi belajar ngeblog dan masih awam tentang HTML,makasih ilmunya.

El Mesbah mengatakan...

keren gan....
mampir yyy
misbah-zaenal-fisip12.web.unair.ac.id

djoko wi mengatakan...

keren sob...
bermanfaat tu artikel...
thanks y...

www.mobilboxjakarta .net mengatakan...

salam kenal, sukses

muhamad khalim mengatakan...
Komentar ini telah dihapus oleh pengarang.
khalimart mengatakan...

makasih :)

:) :( ;) :D ;;) :P :-* :-o :(( =)) ~x(
Posting Komentar