Membuat tampilan blog menarik membutuhkan teknik CSS yang rumit, Saya menemukan cara gres menciptakan tampilan blog menarik tanpa perlu pengaturan CSS yang rumit. Teknik ini cantik untuk anda yang tidak mengerti code CSS. Teknik ini saya beri nama teknik background.
Teknik background sesuai namanya teknik ini mengakibatkan background sebagai tampilan utama blog. Agar teknik ini berhasil anda harus punya sedikit pengetahuan corel, photoshop atau agenda desain gambar lainnya. Teknik ini saya gunakan pada template blog ini.
*catatan teknik ini berlaku untuk "simple template bawaan blogger"
Tutorial kali ini kita akan mengubah tampilan header blog. Dengan teknik background anda hanya perlu menyiapkan background ibarat dibawah ini
background ini sudah disesuikan dengan margin simple template. Sehingga kalau digabungkan maka balasannya akan ibarat di bawah ini.
Tampilan nya akan jauh lebih cantik kalau anda punya kemampuan desain grafis. Anda hanya perlu menyesuikan magin-magin pada template aslinya. Ukuran background di atas sanggup anda jadikan contoh untuk menciptakan bakgground lainnya.
Cara menambahkan background pada template blog
cari instruksi css berikut :
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 400px;
width: 100%;
background: $(body.background);
$(body.background.override) background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_VUPtdAsHPN08_A0daHqWwt4cA8mxmkldD-zOdmXtjj8bL18-CcNw5AX4LfatkSeKxGt4fUaQFkXEBwMu6A7uaaBu_28mSm9O92QAmjJGfbo_haUc2UEiqng2TqZKtG45SZxNB3Vfbws/s0/wrapper.jpg") no-repeat center 0px;
}
keterangan: instruksi warna hitam yakni instruksi pada template anda
instruksi merah dan biru yakni instruksi yang anda tambahkan
instruksi biru yakni url gambar backgrund anda
Jika sudah semua save template anda.
Langkah selanjutnya anda masuk ke template > pilih sesuaikan
selanjutnya akan muncul ibarat di bawah ini
pilih tingkat lanjut (advance) > latar > layar utama> pilih transparan dan Terapakan pada blog
selesai selamat mencoba
Anda juga sanggup mengubah warna-warna background lainnya lihat Cara mengubah warna background pada template blogger.
Teknik background sesuai namanya teknik ini mengakibatkan background sebagai tampilan utama blog. Agar teknik ini berhasil anda harus punya sedikit pengetahuan corel, photoshop atau agenda desain gambar lainnya. Teknik ini saya gunakan pada template blog ini.
*catatan teknik ini berlaku untuk "simple template bawaan blogger"
 |
| simple template |
background ini sudah disesuikan dengan margin simple template. Sehingga kalau digabungkan maka balasannya akan ibarat di bawah ini.
Tampilan nya akan jauh lebih cantik kalau anda punya kemampuan desain grafis. Anda hanya perlu menyesuikan magin-magin pada template aslinya. Ukuran background di atas sanggup anda jadikan contoh untuk menciptakan bakgground lainnya.
Cara menambahkan background pada template blog
cari instruksi css berikut :
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 400px;
width: 100%;
background: $(body.background);
$(body.background.override) background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_VUPtdAsHPN08_A0daHqWwt4cA8mxmkldD-zOdmXtjj8bL18-CcNw5AX4LfatkSeKxGt4fUaQFkXEBwMu6A7uaaBu_28mSm9O92QAmjJGfbo_haUc2UEiqng2TqZKtG45SZxNB3Vfbws/s0/wrapper.jpg") no-repeat center 0px;
}
keterangan: instruksi warna hitam yakni instruksi pada template anda
instruksi merah dan biru yakni instruksi yang anda tambahkan
instruksi biru yakni url gambar backgrund anda
Jika sudah semua save template anda.
selanjutnya akan muncul ibarat di bawah ini
 |
| klik untuk memperbesar |
pilih tingkat lanjut (advance) > latar > layar utama> pilih transparan dan Terapakan pada blog
selesai selamat mencoba
Anda juga sanggup mengubah warna-warna background lainnya lihat Cara mengubah warna background pada template blogger.
Tidak ada komentar:
Posting Komentar