Cara Mengubah Ukuran Header Blog

Saya seorang blogger yang menggunakan header dengan posisi tengah dan kiri. Tampilan header atau judul blog Anda sangat berpengaruh pada blog Anda, Kenapa? Agar supaya pembaca merasa menyaman dengan apa yang mereka baca.

Header dengan tampilan sederhana namun elegant itu lebih baik dari pada header Anda dipenuhi dengan pernak-pernik yang sebenarnya tidak berguna untuk blog Anda.

Ini penting buat Anda, walau header Anda berada pada posisi yang Anda sukai namun ukuran header Anda yang tidak selaras dengan posisinya sama halnnya Anda melihat seorang yang gendut bulat memakai pakaian bayi, sungguh tidak pas kelihatannya.

Maka dari itu untuk mengatasinya Anda hanya perlu mempelajari cara berikut ini.

Pertama

Anda terlebih dahulu login pada blog Anda dan pada tampilan menu blog Anda pilih Template dan Sesuaikan.

Kedua

Jika Anda pada tampilan Sesuaikan Template Anda pilih Tingkah Lanjut kemudian scroll kebawah lalu pilih Tambahkan CCS dan masukan kode berikut ini pada kolom Tambahkan CCS Khusus.

.header-outer{

left:-40px;

width:1000px;

height:40px;

bottom:10px;

}

 left:-40px : Mengatur kerapatan sisi pada header blog Anda. Anda dapat mengubah angka 40 sesuai dengan keinginan Anda.

Width:1000px : Mengatur lebar header blog Anda. Anda dapat mengubah angka 1000 sesuai dengan keinginan Anda.

Height:40px : Mengatur tinggi header pada blog Anda. Anda dapat mengubah angka 40 sesuai dengan keinginan Anda.

Bottom:10px : Mengatur jarak kerapatan bagian bawah pada blog Anda. Anda dapat mengubah angkanya sesuai dengan keinginan Anda.

Bagaimana? cukup mudahkan untuk mengubah ukuran header blog Anda jika Anda mempelajari dengan seksama cara berikut tadi. Saya yakin Anda dapat melakukannya sendiri tanpa ada jasa yang membebani.

Sekian dan Terima kasih.

Baca Selanjutnya

Cara Menghilangkan Bingkai Pada Gambar di Blog

Banyak blogger pemula yang risih dengan bingkai dari gambar yang mereka unggah dalam blog mereka, termasuk saya dulu.

Saya sering mendapati diblog saya setelah saya mengunggah gambar untuk melengkapi tulisan saya, saya mendapati bingkai putih tebal atau berwarna dan beberapa bentuk lainnya. Namun setelah saya mempelajari setiap blog yang menuliskan tentang blog, saya akhirnya tahu bagaimana cara untuk menghilangkan bingkai pada gambar yang telah diunggah kedalam blog.

Dalam template bawaan blogger biasanya setelah mengunggah foto atau gambar akan muncul bingkai putih atau berwarna pada gambar tesebut, itulah yang saya sebut dengan bingkai atau border.

Lalu bagaimana cara menghilangkan bingkai atau border tersebut? jawabannya Anda hanya perlu mempelajari cara berikut ini.

Pertama

Anda terlebih dahulu login pada blog Anda kemudian pada menu blog Anda pilih Template lalu Sesuaikan.

Klik Gambar Untuk Memperjelas

Kedua

Jika Anda telah berada pada tampilan sesuaikan template pilih Tingkat Lanjut kemudian scroll ke bawah dan pilih Tambahkan CCS, akan muncul kotak CCS khusus. dan masukan kode berikut ini pada kolom CCS khusus tersebut.

.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
border: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
border-radius: 0px 0px 0px 0px;
background: none;
}

Klik Gambar Untuk Memperjelas

Jika sudah Anda hanya melakukan tahap ketiga.

Ketiga

Anda hanya tinggal menyimpan template Anda yang telah Anda sesuaikan, kemudian lihat hasilnya pada blog Anda.

Bagaimana, cukup mudahkan. Walau harus berhubungan dengan kode HTML tapi cukup mudah dilakukannya jika Anda memperlajari cara menghilangkan bingkai atau border pada blog Anda.

Sekian dan Terima kasih.

Baca Selanjutnya