Minggu, 08 Januari 2012

Memasang gambar pembuka pada blog

Setelah jalan-jalan di blog orang lain,akhirnya saya dapat trik blog yang bagus.Seperti judulnya,kita akan belajar mengenai cara memasang gambar pembuka pada blog,seperti halnya cara memasang pesan pembuka pada blog,tapi kali ini kita pasang gambar.Jadi,saat blog kalian dibuka maka akan tampil gambar pembuka dulu.




Caranya
  • Pertama Login ke akun blog kalian
  • Selanjutnya klik rancangan dan pilih edit HTML
  • Setelah itu centang expand template widget 
  • Kemudian cari kode berikut dengan cara menekan Ctrl+F dan pastekan kodenya <b:includable id='main'> (kalau ada lebih dari satu,pilih yang paling atas)
  • Letakkan kode ini di bawah kode tadi
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>body{background-color:#ffffff;background-image:none;}#akatsukiblog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#deopradipta{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#deopradipta{display:none;}#akatsukiblog{display:none;}</style></b:if>

  • ganti kode yang berwarna biru dengan warna background,ada baiknya kalau memilih warna sesuai dengan gambar
  • Kemudian cari lagi kode ini </body>
  • Pastekan kode ini di atas kode tadi 
<div id='akatsukiblog'><data:blog.pageTitle/></div><div id='deopradipta'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=3&quot;'><blink>Masuk ke Blog</blink></a></div>
  • Untuk memasang gambar,ganti kode berwarna merah dengan URL gambar
  • Terakhir,klik Simpan template

5 komentar:

  1. makasih infonya...
    sangat bagus

    BalasHapus
  2. gan gimana caranya blognya bisa sebagus ini,cursornya bisa gunta genti,semuanya bagus lah,gimana caranya gan ?

    BalasHapus
  3. terima kasih tutorialnya...
    saya akan langsung mencobanya...

    BalasHapus
  4. http://kuakecamatankarimun.blogspot.com/

    mari mampir di blog kami...

    BalasHapus

 

Template Design By:
GTS