Mengganti Header dengan Gambar Gambar Header

Mengganti Header dengan Gambar dapat Anda lakukan dengan mengikuti opsi Bawaan dari template pilihan, Namun kadang tidak sesuai selera, karena pada margin tersebut masih tampak gradien
yang tampil, Misalnya warna Gradien Hitam, maka akan terlihat gambar tesebut tampil dengan gambar sisi atas dan bawah berwarna hitam.
Jika ingin mengganti header dengan gambar sesuai selera kita ikuti langkah berikut:
1. Buat gambar terlebih dulu dengan ukuran yang sesuai
(sesuaikan dengan ukuran header dan sesuaikan juga dengan selera kita tentunya)
2. Upload gambar yang sudah Dibuat (dpt diposting, album picassa,atau web lain yang menyediakan jasa upload).
3. Copy Url gambar tesebut.
4. masuk ke Design/Rancangan
5. pilih edit HTML
6. cari kode header
contoh:


<variable default="none" description="Header Background Gradient" name="header.background.gradient" s="" type="url" value="none">

masukkan alamat url gambar tersebut pada value data sehingga menjadi;

<variable default="none" description="Header Background Gradient" name="header.background.gradient" s="" type="url" value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6V6kazYBv5wyaem-fbbs7ZNb0qqK9NQduY_Cx-8FhQxUAHCDiHWPMSs5c2HRzCMjLcequ6fViBAEQBp61jSBKhyphenhyphen0aAMh6s8e1xiSfSllZOgCRLqVLqY-7phmzzNJ-whY8HubJZu_nDs8/s1600/Protonica.png)
"/>
atau:
Cari kode:

#header-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD6Hinb0Z-43uR3UJqK8te6sgs8xWnclHJ0ooFQs8s0wxq9bUwg9o-xxK9zswWmRPB9wpsvkMntEt9tMrfJsEiolNDzNWc9PtMSqnch2d_cSCW9I9BMYC-K9tTos3Wvk4k4ev3ePybssdW/s1600/Protonica header.jpg) no-repeat scroll 0 0 transparent;
height:369px;
padding:0 30px;
width:960px;
kemudian ganti tulisan bercetak merah dengan alamat/url gambar yang anda upload
7. simpan template
8. selesai










https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf-O-HQvXn1wL66hapwwJvQZmdU_C5g_Fj45cUhkA6LDLsFBjw2cSN-phrrRR8VvMkQsYvn8vZddr5V9mZwat3aiX2OGb11O_jtVeihjiEjOY00DZNVWhrbT430Y1SbRN9ikcN9BbfkyQ/s1600/Ptnc2Tv.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmW6h-z2QNeCgfy5i75JbmFBme5zTAkvCGN-jCFkg16_uN-k-EJWeB9ADTYYRO45XPjuYnqmNCASpjGTxZLlqfQD-qItUOV_xlS7vgcbpyftfNEd4bHsyVxbPHZumhEPINfy8aiCs2as/s1600/Protonica.jpg




2 comments:

  1. Bisa nggak gambar header itu diganti dengan flash (swf)? kalo bisa, tolong kasih tau caranya Gan!

    ReplyDelete
  2. bisa mas,silahkan baca disini
    http://protonicatv.blogspot.com/2012/04/upload-swf-dan-embed-swf-ke-blogg-via.html

    ReplyDelete

Followers