Memodifikasi Blog

Untuk memahami dalam memodifikasi blog, pada kesempatan ini saya memberikan sedikit suatu kiasan sehingga kita dapat menelusuri seluk-beluk dari blog yang diuraikan sebagai berikut : Membuat blog dapat diibaratkan kita membangun rumah dimana untuk membangun suatu rumah harus memiliki alamat dan nomor rumah sehingga orang lain dapat dengan mudah mencari rumah tersebut, serta tentunya ada penghuninya. Demikian pula dengan blog harus memiliki alamat dan nama blog serta memiliki penghuni sehingga para blogger lainnya atau kita sendiri dapat mempromosikan isi dari blog melalui alamat blog (situs). Rumah memiliki luas dengan suatu ukuran yang disebut panjang x lebar dengan satuan meter persegi (m²). Nah, untuk blog memiliki luas dengan suatu ukuran yang disebut width x height dengan satuan pixel (px) yang disebut layout. Selanjutnya rumah tersebut memiliki bagian-bagian yaitu bagian depan, bagian tengah dan bagian belakang. Bila disamakan dengan blog, maka bagian-bagian tersebut disebut header, outer, footer. Kemudian bagian depan rumah memiliki motif / bentuknya, bagian tengah memiliki ruangan dan bagian belakang juga mempunyai bentuk dengan ciri-ciri tertentu. Begitu pula dengan suatu blog mempunyai header yang memiliki cirinya masing-masing, bagian outer memiliki bagian seperti kolom dan berisikan widget serta lainnya dan bagian footer memiliki ciri-ciri.

Dari uraian di atas dapat disimpulkan bahwa suatu blog memiliki header, outer dan footer. Kesemua itu memiliki fungsinya masing-masing dari tujuan blog tersebut dibuat. Dari ketiga bagian blog tersebut juga terdiri dari beberapa bagian dan hal ini dapat dikatakan sebagai aksesorisnya blog. Perancangan aksesoris inilah yang perlu kita modifikasi sedemikian agar terlihat lebih cantik dari standarnya.Setelah kita mengetahui secara ringkas tentang blog, maka dapat dikatakan bahwa kita telah mengenal secara ringkas seluk-beluk dari blog tersebut dan hal ini akan memudahkan kita untuk berpikir secara logika dalam memodifikasi suatu blog. Untuk itulah saya akan memberikan sedikit tutorial memodifikasi blog berdasarkan template pada blog ini. Namun sebelum kita memodifikasi blog, terlebih dahulu kita membuat backup-nya (meng-copy script template).

TAHAP MENGGANTI UKURAN LUAS TEMPLATE & HEADER BLOG

Memodifikasi template diambil berdasarkan template blog ini yaitu template Horseriding, dan bisa saja berbeda dengan template yang kita pilih sesuai dengan selera. Memodifikasi blog pada tahap pertama ini adalah mengganti header / slide gambar. Sebelum mengganti header, kita sudah mempersiapkan header yang mau diganti tersebut. Yang harus kita ketahui yaitu mengetahui lebar blog dan lebar headernya dengan membuka blog pada dashbor kemudian mengklik HTML, maka akan terlihat susunan CSS (HTML) lalu carilah bagian header (bisa sedikit berbeda ) seperti yang terlihat dibawah ini:

/* Header-----------------------------------------------*/
#header-wrapper{width:1250px;margin:0px auto 0px;height:60px;padding:20px 0px 20px 0px;overflow:hidden;}
/* Outer-Wrapper-----------------------------------------------*/
#outer-wrapper{width:1250px;margin:0px auto 0px;padding:0px;text-align:left;} .fp-slides-container{} .fp-slides,.fp-thumbnail,.fp-prev-next,.fp-nav{width:1230px;} .PopularPosts .widget-content ul li{padding:0.7em 0;background:none} div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px} .span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:1250px;margin:0}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input

Gantilah angka-angka yang berwarna biru tersebut sesuai dengan kebutuhan kita dan dianjurkan maksimal 1250px. Khusus pada ukuran 1230px menunjukkan lebarnya header dari luas blog kita sebesar 1250px.