31 Mei 2008

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.

Arsip Nggedeblog


4 comments:

  1. promosi euy....
    www.pelangiradio.blogspot.com

    BalasHapus
  2. wahhh aku coba dulu ahhh ...!!!

    BalasHapus
  3. nice,langsung coba.saya memang inginber eksperimen dengan tampilan blog.maksh sudah sharing ya mas!!!

    BalasHapus
  4. perlu memeriksa:)

    BalasHapus

Sebelum membaca jurnal ini mohon untuk membaca Disclaimer dari Blog Rawins. Memberikan komentar dianggap telah menyetujui Disclaimer tersebut. Terima kasih

© 2011 Rawin, AllRightsReserved.

Designed by ScreenWritersArena