.Malam ini saya akan menjelaskan tentang cara memperlebar elemen blog. Perhatiin ga, kalau elemen-elemen blog di blog saya lebih lebar daripada template asli dari blogger.
. Kagak merhatiin ya ? 
.Ya udahlah, memang tidak perlu diperhatiin
.Ok, sebelum kita ngutak-ngatik blog, jangan lupa simpan templatemu yang udah baik itu ya, jangan sampe nyesel entar kalau template blogmu bakal hancur
.Coba kalian lihat dibagian Edit HTML-mu, dibagian body. And.... kalau bisa untuk mempermudah memahami blogmu sendiri, rapikanlah blogmu seperti punyaku dibawah ini. Tapi ngerapiinnya di Notepad atau Frontpage aja yah.
Seperti yang telah saya bilang diposting sebelumnya,Lihat disini. Sintax HTML berpasangan, selalu ada penutup dan pembukanya, arah panah pada gambar menunjukkan pembuka dan penutup sintax. Jadi kalau diperhatikan digambar, didalam div outer-wrapper terdapat banyak div-div lainnya seperti header-wrapper, main-wrap1, sidebar-wrap dan footer-wrap1. So, div outer-wrapper adalah pembungkus elemen lainnya. Dan dilihat dari title masing-masing wrap ( yang saya garis bawahi pada wrap ), teman-teman pasti bisa bayangin letak-letak div tersebut pada blog. Benar ga, bayangan yang ada diotak teman-teman menjadi seperti ini ?
Jadi, menurut kalian apa yang harus dilebarin ? Yak, jawaban kalian benar ! 
( udah dibilangin....aku kan cenayang, jadi tau apa yang ada didalam pikiran kalian ).Pastinya adalah outer-wrapper, header-wrapper, main-wrap1, sidebar-wrap sama footer-wrap1. So, carilah width (lebar) dari outer-wrapper, header-wrapper, main-wrap1, sidebar-wrap sama footer-wrap1 ( kemungkinan letaknya ditengah ) dan perbesarlah width tersebut dengan rumus :
width outer-wrapper = width header-wrapper = width main-wrap1 + width sidebar-wrap + jarak antara div
Contohnya lihat dibawah ini :
Tetapi... kalau blog kamu, pinggirannya berupa gambar (bawaan template blogger), gambar tersebut harus kalian hapus atau diperbarui dengan gambar baru yang ukurannya sesuai dengan ukuran baru yang kalian tulis. Carilah sintax yang ada tulisan background dan url, itulah tempat gambar anda berada, matikan aja sintaxnya dengan cara menambah tanda petik ( ' ) sebelum sintax tersebut seperti yang ditunjukkan pada gambar diatas. Penjelasan tentang tanda petik, bisa anda lihat disini. Kalau ga yakin apakah itu gambar yang benar yang ingin anda hilangkan, copy aja alamat website gambar tersebut dan cek alamat tersebut di new browser. So, anda bisa memutuskan apakah itu gambar yang benar.Save template anda, dan tadaaaaaa..... anda bisa mengecek hasilnya. Kalau kurang jelas, silakan bertanya ya..............
3 komentar:
nit caranya ngilangin garis-garis di blog-ku gimana ya ?
thxs
Maksudmu garis yang mana ris ? Garis pinggir postinganmu ? kalau itu, udah kujelasin disini
"kalau blog kamu, pinggirannya berupa gambar (bawaan template blogger), gambar tersebut harus kalian hapus atau diperbarui dengan gambar baru yang ukurannya sesuai dengan ukuran baru yang kalian tulis. Carilah sintax yang ada tulisan background dan url, itulah tempat gambar anda berada, matikan aja sintaxnya dengan cara menambah tanda petik ( ' ) sebelum sintax tersebut seperti yang ditunjukkan pada gambar diatas. Penjelasan tentang tanda petik, bisa anda lihat disini. Kalau ga yakin apakah itu gambar yang benar yang ingin anda hilangkan, copy aja alamat website gambar tersebut dan cek alamat tersebut di new browser. So, anda bisa memutuskan apakah itu gambar yang benar."
Benar yang ini bukan ? atau lain ya?
kog kode header-wrappernya saya cari gak ada ya mbak? sya pake template sederhana bawaan blogger. ini blognya: wisatabagus.blogspot. trimakasih.
Posting Komentar