Home » » Cara Mengganti Gambar Header

Cara Mengganti Gambar Header

Disini saya akan mengulas cara menggati gambar  header melalui script yang ada di dalam template.
Untuk mengganti gambar header melaui script template yaitu sebagai berikut:

- Masuk ke blogger.com
- Klik template.
- Klik edit HTML.
- Setelah muncul script template maka kita langsung mencari bagian header nya dan untuk mempercepat  pencarian klik di template lalu tekan CTRL+F untuk memunculkan kolom pencarian.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvpA22ZLXiDoGNsLSPs3r8Rv1b1OrzUKqF-n0F9i6cgc14MWEraSvV4kX9Al8VldfReBvl5goBrarNmKSaOLIwxOpHtPpg_qVE9BON86PYkD4lpNGsQJsdZTI4-wn4x_2iFb7ph1ve_M/s1600/blog+1.png

- Setelah muncul kolom pencarian yang berada di kanan atas pada script masukan #header-wrapper lalu tekan enter.

- Berikutnya akan muncul lokasi header pada blog seperti gambar dibawah ini.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HF3evn8VB6GBBSm3S-fwgfC5RLJ5-0_JH1-oMqrZ2_O5a8wQlwQMhRFe2dQT40FvSeVyBYTK1xtfsoAB1BBjX8e8qH6kGt6Czwqn4Thyb3kDszhIyUGxYrv32KUFUim1zEIfn2A8-2c/s1600/blog+2.png

- Nanti akan kelihatan script seperti dibawah ini #header-wrapper{width:910px; height:125px; text-align:left; background:#272727 url (http://smexyyweby.files.wordpress.com/2010/11/header-mana1.jpg) repeat-x; padding:0px}

Keterangan:
width:910px; height:125px = ukuran gambar
 background:#272727 = pengaturan warna
http://smexyyweby.files.wordpress.com/2010/11/header-mana1.jpg = URL gambar/lokasi gambar yang ingin diganti.

kalau belum ada letak URL dan pengaturan ukuran gambar bisa copy kan script ini  #header-wrapper{width:910px; height:125px; text-align:left; background:#272727 url(http://smexyyweby.files.wordpress.com/2010/11/header-mana1.jpg) repeat-x; padding:0px} dan ganti URL serta sesuaikan ukurannya.

- Jika hanya ingin mengganti gambar maka ganti URL nya dengan URL gambar yang diinginkan dengan cara cari di google dan klik kanan pada gambar lalu  klik copy image location dan paste URL tadi di script template anda.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdN3DcpnjV9ov1q-2wtehILyo1SuGoyrPRvAsS_rXLCb8SgyrXg7OnjFvw4VyvEFIsYkOAlt3t_c5Zk5WeYLJhKOZY7-eu7anIqDZe2dxWA0STlBY0Y9b6CZTuFaFdV3YsDjkgQMDMLK4/s1600/blog+3.png

- Setelah selesai klik PRATINJAU TEMPLATE pada bagian atas untuk mengetahui hasilnya sebelum perubahan template disimpan.

- Jika perubahan template sudah sesuai dengan yang diinginkan selanjutnya simpan template.

Semoga bermanfaat.

Share this article :

0 komentar:

Posting Komentar

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. LOE MENENG - All Rights Reserved
Proudly powered by Blogger