Mengubah Ukuran Template Blog
Pada artikel kali ini saya akan memberikan tips cara mengubah ukuran template blog.pertama saya akan menjelaskan apa maksud dari gambar diatas?.gambar diatas adalah kerangka template blog,dalam gambar tsb sudah ada keterangan tentang bagian-bagiannya.
langsung aja saya mulai cara-caranya:
1. Login ke Blog Kamu
2. Klik tata Letak
3. Klik Edit HTML
4. Disarankan sebelum mengedit Kode Html kamu,silahkan kamu membackup Code HTML kamu, demi keamanan, jika terjadi sesuatu yang tidak di inginkan.
* Untuk mengedit ukuran Halaman Blog
Cari kode di bawah ini:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar halaman blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.
* Untuk mengedit 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 */
}
Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.
* Untuk mengedit ukuran Sidebar Blog
Cari Code 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 */
}
Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Side Bar Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.
* Untuk mengedit ukuran Header Blog,
Cari Code di bawah ini:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Keterangan :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Header Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.
* Untuk mengedit 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 :
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Footer Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.
Catatan:
Jika lebar salah satu dari kelima elemen yang telah di sebut di atas (Halaman Blog, Halaman Posting, Side Bar Blog, Header Blog, dan Footer Blog) diubah, maka akan mempengaruhi Keserasian elemen yang lain. Oleh karena itu, jika Anda ingin merubah lebar salah satu elemen, maka anda juga harus menyesuaikan dengan lebar elemen yang lain, karena jika antara satu elemen yang satu dengan yang lain tidak serasi, maka tampilan blog anda akan menjadi kacau, anda tidak mau kan. Kalau tujuan anda yang mulanya ingin mempercantik blog anda justru ujung-ujungnya malah merusak blog anda sendiri maka dari itu. Hati-hati,,,
~Selamat mencoba,Semoga berhasil~
Baca Selengkapnya
Tambahkan Komentar
0
comments
Pasang Counter Di Blog
Pernahkah anda mengunjungi Website nah di disidebarnyaa ada seperti Nomor-nomor nah itu yang disebut Counter, jika anda belum mudeng jugaWizard akan kasih tau penjelsanya dan contohnya.
Web counter adalah Aplikasi tambahan pada web atau blog yang berguna untuk menghitung pengunjung yang mengunjungi blog kita. Contohnya seperti dibawah ini
Nah jika anda Udah tau pengertianya dan anda minat cara buatnya
- Buka website www.wowcounters.nethttp://www.wowcounters.net/
- Kemudian Klik Link ** Click Here to Sign Up for your Free Counter ** yang ada di Website tersebut
- Kemudian Isi Form sesuai data diri anda dan pilih sebuah Style kemudian Sign Up
- Kemudian Copy Code HTMLnya Dan taruh di Blog kamu, dengan cara ke menu Layout --> Page elements kemudian Add a page elements terus pilih HTML/Java Script
Selesai Dehhhh Gampang kannnn jangan lupa isi komentar anda dibawah yaaa
Situs yang menyediakan Counter dan Statistik Blog:
http://www.easycounter.com/
http://sitemeter.com/
http://blogaja.com/
http://hitstats.com/
http://oggix.com/
Baca Selengkapnya
Tambahkan Komentar
0
comments
Cara Membuat Efek Kembang Api
Cara Membuat Efek Kembang Api
cara membuat efek kembang api di blog seperti saat tahun baru,sebenarnya cukup simpel saja mau lihat contohnya lihat saja blog saya.ada kan efek kembang api nya.cara membuat nya sebagai berikut:copy kode di bawah ini
<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>
lalu letakan di widget andasimpel kan ???
Baca Selengkapnya
Tambahkan Komentar
1 comments
Popular Posts
-
Bagaimana Membuat Virtual Drive Hard di Windows 7 ??? Proses ini menciptakan disk virtual dalam format VHD . dimana ukuran... -
Pada artikel kali ini saya akan memberikan tips cara mengubah ukuran template blog . pertama saya akan menjelaskan apa maksud dari gamb... -
Cara Membuat Efek Kembang Api cara membuat efek kembang api di blog seperti saat tahun baru,sebenarnya cukup simpel saja mau lihat contohn...
-
Guitar Pro 6 Full + RSE Belajar gitar gk kan mantep kalo gak punya ni software brother..... Guitar Pro 6 neh dah full with keygen.. buat... -
Pada tulisan kali ini saya ingin memberikan sedikit tips dan trik bagaimana membuat bootable USB Flashdisk dengan software WinToFlash.. L... -
INFORMASI : Kaspersky Anti - Virus aplikasi ini dirancang untuk menjadi tulang punggung sistem keamanan PC Anda , menawarkan p... -
CARA RESET Canon iP1880 Canon iP1880 bisa juga menggunakan cara manual atau tidak membutuhkan Software Resetter. Untuk melakukan I... -
penjelasan kode error Canon MP258. Dan kang eko coba sharing ke teman2x, semoga bermanfaat.... Langsung ke TKP .... Kode Error Cano... -
RAM Saver Professional 11.1 adalah software yang berguna untuk memonitor RAM anda. Dengan Wintools RAM Saver Pro 11 ini, RAM anda akan d... -
Hi blogwalking :) setelah mendapat request dari Blogwalking untuk membuat Logo burung pada twitter, simpel aja kok. jaman sekarang siapa s...
