SELAMAT DATANG DI GOGONITY BLOG SEMOGA ARTIKEL-ARTIKEL DI DALAM BLOG INI BISA BERGUNA BAGI PARA PENGUNJUNG

Cara Mengubah Ukuran Elemen Dan Template Blog

Ukuran dan Elemen Blog meliputi Halaman Blog, Halaman Posting, Side Bar Blog, Header Blog, dan Footer Blog. Disini saya ingin menjelaskan bagaimana merubah ukuran elemen-elemen tersebut, dan anda bisa menyesuaikannya dengan ukuran anda sendiri. Dengan begitu anda bisa merasakan kepuasan dengan template blog anda. Sudah siap mai kita menuju ke TKP.

Langkah Pertama :
-  Login ke Blog anda
-  Klik Rancangan > Edit HTML
- Alangkah baiknya sebelum menuju lebih dalam silahkan anda Download template lengkap untuk menghindari hal-hal yang tidak diinginkan
-  Dan jangan lupa setelah pengeditan selesai jangan langsung klik Simpan sebaiknya Klik Pratinjau dulu..OK

Nah di bawah ini AREA TKPnya gan silahkan menyimaknya..

Untuk mengubah ukuran Halaman Blog
Cari kode di bawah ini:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

Untuk mengubah ukuran Halaman Posting
Cari kode di bawah ini:

#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 */
}

Untuk mengubah ukuran Sidebar Blog
Cari kode di bawah ini:

#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}

Untuk mengubah ukuran Header Blog
Cari kode di bawah ini:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Untuk mengubah ukuran Footer Blog
Cari Code di bawah ini:

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Keterangan :
Perhatikan kode yang berwarna kuning, itu yang harus anda ganti.
Setelah anda yakin  kemudian klik Simpan

Semoga sukses...!



Article :


Preview on Feedage: gogonity-blog Add to My Yahoo! Gogonity Blog Add to Google! Gogonity Blog Add to AOL! Gogonity Blog
Add to MSN Gogonity Blog Subscribe in NewsGator Online Gogonity Blog Add to Netvibes Gogonity Blog Subscribe in Pakeflakes Gogonity Blog
Subscribe in Bloglines Gogonity Blog Add to Alesti RSS Reader Gogonity Blog Add to Feedage.com Groups Gogonity Blog Add to Windows Live Gogonity Blog
iPing-it Gogonity Blog Add to Feedage RSS Alerts Gogonity Blog Add To Fwicki Gogonity Blog Add to Spoken to You Gogonity Blog

Share |

Baca juga artikel yang lain :

Bagi pengguna facebook komentar disini

0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Terima kasih atas kunjungannya.
Dapatkan backlink gratis dari blog DOFOLLOW ini dengan berkomentar! dan gunakan kode smiley diatas untuk mengexpresikan senyum anda. contoh :))
Maaf SPAM akan Dihapus
Contoh SPAM : Mengetik Link Pada Komentar, Komentar tidak sesuai Isi Artikel,No Porno, No Sara.

Gogonity Blog © 2010 Template Modified by:
IroelSt
Protected by Copyscape Duplicate Content Finder DMCA.com