Menambahkan Logo pada Header Dynamic Template

Karena disini masih jam 2:00 AM dan belum waktunya sahur jadi tutorial editing Dynamic template punya blogger saya lanjutkan kembali. Buat yang ketinggalan silahkan melihat postingan sebelumnya tentang Menambahkan static pages pada Dynamic Template Blogger

Kali ini kita akan menambahkan logo pada Header Dynamic template yang sudah kita editing sebelumnya dengan menambahkan css untuk static page. Sebelumnya tampilan blog kita yang menggunakan dynamic tamplate yang terakhir seperti ini:


Sekarang kita akan menambahkan sebuah logo untuk mempercantik Header kita. Pertama-tama buatlah sebuah logo sesuka hati dengan ukuran 65px agar sesuai dengan Header kita. Logo yang saya buat untuk blog kelinci percobaan saya penampakannya seperti ini:


Wphoet logo
Kalau semuanya sudah siap, sekarang saatnya lanjut untuk memasang logo ini. Seperti biasa langsung login ke blogger, kemudian pada dashboard blogger pilih blog mana yang mau di edit >> kemudian pilih template:

choose blogger template
Kemudian klik tombol sesuaikan/costumize tepat di sebelah tombol edit HTML. Maka seperti biasa akan muncul halaman perancangan template blogger, kemudian pilih >> latar belakan/background :

background menu

Kemudaian klik box "gambar latar/background image"

Kemudaian klik box "gambar latar/background image"

Jika sudah, kemudian pilih menu upload gambar untuk mengupload gambar logo yang sudah kita buat:

pilih logo yg diupload
Pilih "chose file" dan cari image logo yang sudah disiapkan tadi untuk diupload. Kalau sudah diupload langsung klik tombol done pada pojok kanan bawah seperti pada gambar diatas. Hasilnya ternyata semua logo merata menjadi background template kita. Tapi jangan takut, langkah selanjutnya yaitu di sebelah kanan background box silahkan disesuaikan menjadi "Don't tile" dan sesuaikan juga "Aligmentnya mau dipasang dimana.

aligment

dont tile


Kebetulan punya saya menggunakan center untuk aligment-nya sehingga penampakannya seperti ini:

penampakan center logo wphoet
Ok kira-kira seperti itu, silahkan mencoba.

Post a Comment

 
Top