Senin, 05 April 2010

Cara membuat blog 3 kolom di blogspot

Menurut pendapatku template bog yang disediakan di blogspot tidaklah terlalu bagus, oleh karenanya pada kesempatan kali ini saya akan membagi dari sedikit apa yang saya ketahui tentang tips blogging cara membuat blog 3 kolom di blogspot. Tips blogging yang saya berikan hanya berlaku pada minima design template saja, selanjutnya tinggal bagaimana anda mempercantik blog yang anda buat tampak lebih cantik dengan berbagai tips blogging yang akan saya berikan di kemudian hari. Oh ya, tampilan blog 3 kolom ini akan seperti acount Facebook anda ketika anda browse online, meliputi Bagian Header, 1 kolom posting, 2 buah sidebar di sisi kiri dan kanan, dan Bagian Footer. Untuk membuatnya anda tidaklah terlalu rumit, apalagi tutorial ini dijamin legal dan tidak melanggar hukum seperti apa yang dialami bang Gayus Tambunan saat ini.
Tanpa banyak kata, bukalah account blogger anda kemudian tuju bagian Dashboard. Pada bagian Tata Letak (Layout) klik Edit HTML, jangan lupa centang terlebih dahulu expand template.
1. Gulung layar pada bagian screen HTML tersebut, kemudian cari kode di bawah ini:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Ganti angka 660 diatas dengan 940, sehingga akan tampak sebagai berikut:
#header-wrapper {
width:940px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Demikian juga untuk kode berikut ini:
#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
max-width:660px
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}
Gantilah angka 660 tersebut dengan 940, sehingga akan nampak seperti berikut ini:
#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
max-width:940px
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

2. Selanjutnya gulung (scroll) layar bagian edit HTML kembali, sehingga anda akan menemui kode di bawah ini:
#outer-wrapper {
width: 660px;
margin:0 auto; padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word;
/* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Ganti angka 660 tersebut dengan 940
Ganti angka 410 tersebut dengan 500

3. Selanjutnya sisipkanlah kode dibawah ini tepat diatas #main-wrapper{ .
#left-sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word;
/* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

4. Selanjutnya carilah kode di bawah ini:
#footer {width:660px;
Gantilah angka 660 dengan 940

5. Kemudian carilah kode di bawah ini:
tips blogging cara membuat blog 3 kolom di blogspot






6. Langkah terakhir, adalah cara menghilangkan navbar (jika anda merasa terganggu dengan tulisan laporkan blog ini). Cara untuk menghilangkannya adalah sebagai berikut:
Carilah kode di bawah ini:
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------
Sisipkanlah kode di bawah ini tepat di bawah garis putus-putus diatas
#navbar-iframe
{display: none !important;
}

Demikianlah tips blogging dari saya, tentang cara membuat template blog 3 kolom di blogspot. Semoga bermanfaat, terimakasih.

Tidak ada komentar:

Cowboy Ngungsi Said....

Artikel Selanjutnya Artikel Sebelumnya Halaman Utama