Masalah Blogger Header Image Menggelongsor

Sejak kebelakangan ini ,ramai bloggers mendapati Blogger Header image mereka menggelongsor kebawah dan sesetengahnya hilang

Untuk mengelakkan ianya menggelongsor kebawah kita perlu:-


ALIHKAN ORIGINAL IMAGE

1.Langkah pertama ialah u all perlu alihkan image yang menggelongsor tadi.Untuk itu, u all perlu login ke Blogger.com dan klik pada Layout link di Dashboard.Selepas Page Elements terpapar,klik Edit link yang terdapat Blog Header widget. Selepas itu alihkan image(remove the image) dan save.


UPLOAD IMAGE DAN DAPATKAN LINK

2.Seterusnya Upload image didalam free host saperti Photobucket.com ataupun Googlepages dan salin (copy)link yang terpapar.


MENGUBAH CSS CODE

3.Langkah terakhir ialah mengubah CSS code di template. Login ke dalam Blogger.com dan klik pada Layout link di Dashboard. Kemudian klik pada Edit Html.Cari kod berikut:

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

Masukkan link berikut:

background-image:url(LINK_OF_IMAGE);
background-repeat:no-repeat;
height:300px;

Ianya akan terpapar seperti ini :

#header-inner {
background-position: center;
background-image:url(LINK_OF_IMAGE);
background-repeat:no-repeat;
height:300px;margin-left: auto;
margin-right: auto;
}

Gantikan LINK_OF_IMAGE dengan link gambar yang telah u all upload tadi. Klik pada Preview di Template box untuk melihat gambar tersebut. Jika gambar tersebut tidak terpapar sepenuhnya,tambahkan height line seperti ini :

width:400px;

Gunakan semula Preview untuk melihat width. Save Template. dan akhir seklai View Blog.

Moga berjaya!

Luangkanlah sedikit masa korang untuk memberi komen di blog ini kerana setiap komen yang dibuat oleh korang amat bermakna dan secara tidak langsung ianya memberi suntikan semangat untuk saya terus menulis di blog ini...