MEMBERI GAMBAR DI SAMPING JUDUL HEADER BLOG

posted by rhoel macazzart:)

Kali ini saya akan menerangkan trik yang saya terapkan sendiri pada blog ini, yaitu memberi gambar di samping judul header. Sebenarnya mudah untuk membuatnya tapi bagaimanapun juga kalau memang belum tau caranya ya sulit bukan ?
          Cara membuatnya dengan memasukkan kode untuk menampilkan gambar di samping judul blog pada form edit HTML, jadi silakan kamu masuk ke form edit html blog kamu dulu ( Blogger >>Dashboard >> Design >> Edit HTML ), beri tanda centang pada opsi Expand Widget Template.

          Jika sudah sekarang kamu cari kode  HTML untuk pengaturan header blog kamu, kalau di template blog saya susunannya seperti berikut :

<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <h1><data:title/></h1>
  <b:else/>
    <h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
  </b:if>
</b:includable>

           Jika sudah ketemu kamu tinggal menambahkan kode untuk memberi gambar, kodenya sebagai berikut

<span style='float:left;'><img src='URL LOGO BLOG KAMU'/></span>

          Jika di gabungkan strukturnya jadi seperti berikut:

<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <h1><data:title/><span style='float:left;'><img src='URL LOGO BLOG KAMU'/></span></h1>
  <b:else/>
    <h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
  </b:if>
</b:includable>

Selesai, kamu bisa simpan pengaturan blog kamu. Read more: http://www.bloggerafif.com/2011/01/membuat-auto-readmore-pada-blogspot.html#ixzz1SMV0Oahe