Membuat Tulisan/Gambar Di Kiri-Tengah-Kanan Halaman

Kadang kita bingung (saya terutama), saat ingin meletakan tulisan atau postingan atau gambar agar tampil di tengah halaman atau di tengah suatu tempat. Padahal apakah ini sulit atau mudah, ini teragatung tahu atau tidaknya. Kan memang apapun kalau tidak tahu segala sesuatu ini tampak susah. Lalu bagaimana bila ingin meletakkan tulisan atau gambar di kiri,tengah,atau kanan?. Padahal sederhana.

Caranya :
Hanya menambahkan skrip sederhana di bawah ;

<div align="center">
LETAKKAN DISINI TULISAN/GAMBAR ANDA
<div>

Nah bila anda ingin tulisan anda di kiri maka kata berwarna 'center' tinggal diganti 'left' (tanpa petik), dan bila ingin di kanan tinggal diganti 'right'.

Dan isi diletakkan sebelum kode <div> .

Hanya ini sedikit buat share bagi yang belum tahu, dan karena saya juga masih belajar bila ada kekeliruan harap diluruskan, lewat komen. Ditunggu...***

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. semoga Berhasil??