Memahami nama dan ukuran elemen blog
Bagi blogger pemula seperti saya :D, mengetahui ukuran panjang dan lebar template blog merupakan hal yang cukup membingungkan. Hal ini karena begitu banyaknya kode HTML yang termuat dalam template blog.
Tidak jarang waktu kita terbuang percuma hanya untuk mencari kode HTML yang menunjukan ukuran bagian template yang tidak juga ditemukan. Selain itu, jika kode HTML ini lama tidak ditemukan juga akan membuat kita merasa kesal dan bosan bukan? Nah, untuk itu berikut uraiannya.
Untuk nama elemen blog, gambar penjelasannya di bawah ini :
Untuk mengetahui ukuran panjang dan lebar elemen langkahnya seperti ini :
- Klik rancangan.
- Klik edit HTML.
- Klik expand template widget.
- Cari kode HTML berikut ini.
(hanya contoh, cari kode HTML yang dicetak biru)
Mengetahui ukuran lebar keseluruhan template.
#outer-wrapper{
margin:20px auto;padding:0 10px;
text-align:justify;
width:900px;
}
Mengetahui ukuran header.
#header-wrapper{
height:119px;width:900px;
}
Mengetahui ukuran sidebar.
#sidebar-wrapper{
float:right;overflow:hidden;
padding-left:8px;
margin-right:13px;
width:362px;
word-wrap:break-word;
}
Mengetahui ukuran main kolom.
#main-wrapper{
float:left;margin-right:10px;
overflow:hidden;
width:507px;
word-wrap:break-word;
}
Keterangan:
Tekan tombol Ctrl+F pada keyboard untuk mempermudah proses pencarian kode HTML.
Width merupakan ukuran lebar, sedangkan height merupakan ukuran tinggi.
Kode CSS di atas biasanya tidak berubah pada template default blogger, akan tetapi pada template tertentu nama elemennya tidak tepat seperti itu tapi biasanya mirip-mirip lah :D. Setelah mengetahui kode HTML dan fungsinya, maka proses editing ukuran template blog kita menjadi lebih mudah. Hemat waktu dan tidak membuat jenuh. Ingatlah untuk selalu memback up template terlebih dahulu untuk keamanan, terkecuali bagi yang sudah mahir.
Selamat mencoba dan salam blogger.
Disadur dari sumber.
Ijin nyimak min,, agar saya lbih paham lagi tentang elemen2 pada blog ,,maklum masih newbie hehe :D
BalasHapus