Entri Populer

Arsip Blog

Diberdayakan oleh Blogger.

ShoutMix chat widget
</div>
Jumat, 23 Mei 2014




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.

0 komentar: