Merubah Tampilan Blog

Setelah membuat account blogspot, seringkali kita bosan dengan theme yang ada dan mengingkan theme yang tidak terkesan pasaran. Untuk merubah tampilan blog, paling mudah adalah kita donlod saja html yang kita sukai, baik dari segi bentuk atau warnanya. Kalau sudah sedikit lihai, cari saja yang layoutnya sesuai dan warnanya nanti kita eksperimen sendiri.

Misalkan kita ambil contoh layout blog ini. Silakan donlod templatenya disini.
Buka dashboard atau kontrol panel. Masuk ke layout dan klik tab edit html. Sebelum memulai memasukkan html, perlu kita siapkan gambar untuk tampilan blog kita.

Coba buka file txt hasil ekstrak dari donlotan tadi. Scrol kebawah dan perhatikan sampai nemu haris ini di bagian header:
#header-wrapper {
background:url("http://i202.photobucket.com/albums/aa267/mamas_eko/ngeblog_header.jpg") no-repeat;
width:770px;
height:420px;
margin:0 auto;
text-align:left;
Pehatikan ukuran gambar untuk header, 770 x 420 pixel. Silakan dibuat gambar dengan ukuran tersebut. Gunakan photoshop, photopaint atau ACDSee untuk mengcrop atau resize gambar yang kita kehendaki. Kemudian cari juga untuk body dan footer di baris ini :
#outer-wrapper {
background:url("http://i202.photobucket.com/albums/aa267/mamas_eko/ngeblog_body.jpg");
background-repeat: repeat-y;
width: 770px;
margin:0 auto;
padding:0;
text-align:left;
}
#footer {
background:url("http://i202.photobucket.com/albums/aa267/mamas_eko/ngeblog_footer.jpg") no-repeat;
width:770px;
height:15px;
clear:both;
margin:0 auto;
padding:0;
Jadi ada tiga gambar yang perlu kita siapkan yaitu :
1. header ukuran 720x420 pixel.
2. body dengan ukuran 770 pixel dan tingginya bebas
3. footer dengan ukuran 770x 15 pixel.

Upload ketiga gambar ke image hosting, misalnya photobucket. Ambil masing-masing linknya, lalu ganti link yang ada dengan link yang dari photobucket.

Masukkan html ke blogger lalu simpan. Akan muncul konfirmasi bahwa ada elemen yang akan dihapus. Klik saja konfirmasi itu. Lalu liat hasilnya.

Analisa disitu ketepatan warna dan ukurannya. Bila ada yang kurang pas warnanya, masuk ke dasboard lalu layout dan klik tab, font dan color. Klik warna yang diinginkan lalu ganti kode hexa warna di template tersebut.

Demikian secara ringkas semoga membantu.

8 comments:

  mE

6 August 2008 at 10:53

ciep,,,,
ciep,,,

  asad

12 June 2009 at 01:05

Hiiiii
Tanks for the info yahh

  ernest

21 August 2009 at 17:34

besok bersiaplah kelaparan

  Moch.Rasyid

9 November 2009 at 19:03

Wah...tips dan triknya ngebantu banget....izin baca artikel - artikel yang laennya yaaahhh.... ;)

btw, nice artikel...

  sahubawa

5 May 2010 at 19:38

gmna cara mengembalikan tampilan seperti semula......????

  Anonymous

21 August 2010 at 20:59

UBAH TAMPILAN FACEBOOKMU DENGAN APLIKASI FACEBOOK!! dengan Aplikasi Mengubah Tampilan Facebook Anda sesuai dengan kesukaan kamu…..terus login Aplikasi facebook di http://skin-facebook.co.cc

  Bexcellent

22 September 2011 at 12:26

oke...Thank's.....

  ahmad najiullah

20 February 2012 at 15:21

boleh juga ide nya,...

^_^