CARA MEMPERLEBAR HALAMAN TEMPLATE

M
ungkin para sobat yang baru bikin blog merasa template yang di sediakan oleh blogger terlalu sempit atau kurang lebar. Sobat ingin merubah template sobat hingga menjadi lebih lebar? Bagaimana caranya..? Mungkin ada beberapa cara untuk merubah halaman template. Dan saya biasa menggunakan cara sebagai berikut,yang saya anggap paling sederhana.

Dan tidak perlu panjang lebar lagi kita mulai saja caranya.
Yang perlu kita ketahui beberapa bagian dari template yang nantinya kita
bisa ubah ukurannya:

Outer-wreper : Lebar template secara keseluruhan
Main-wrapper: Bagian dimana kita biasa posting artikel
Sedebar-wrapper : biasanya terletak di kanan atau kiri dari main wraper
Header- wrapper: Bagian paling atas dari template
Footer-wrapper : Dasar atau berada paling bawah

Sekarang masuk ke blog sobat, klik tata letak kemudian edit html.Pada edit
html sobat tidak perlu kasih centang pada Expand template widget.
Kemudian cari code sebagai berikut:

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

Sobat bisa ganti ukuran pada teks yang berwarna merah. Sobat bisa ganti dengan ukuran berapa saja,biar keliatan rapi sesuaikan ukurannya. Misal :

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

#main-wrapper {
width: 500px;
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 */
}
#sidebar-wrapper {
width: 400px;
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 */

Jika lebar outer-wrapper: 950px maka jarak main-wraper dan sedebar-wraper harus di sesuai:

Main-wrapper:500px
Sedebar-wrapper: 400px
Sedang sisanya yang 50px merupakan jarak agar sedebar dan postingan blog tidak berhimpitan.
Setelah itu jangan lupa sesuaikan juga lebar header-wraper dan footer-wraper sama dengan outer-wraper

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

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

Yang perlu di rubah teks yang berwana merah. Jika sudah klik pratinjau atau preview,kalau dirasa sudah cocok baru di save.
Selamat mencoba...!!!



66 komentar:

QLU is Anas mengatakan...

tulisan tutorialnya baguss,,
tp saya masih bingung bagaimana cara peletakannya d edit HTML-nya,,
mungkin bisa d lengkapi krna berhubung sy masih pemula,,
tenks,,,

Darmasena mengatakan...

@QLU_anas: trmksh atas kunjungan dan koreksinya kita tinggal mengganti text yg berwarna merah dan meyesuikan ukurannya.

Yayan mengatakan...

Makasih artikelnya cukup membantu saya...

IBNU SODRI mengatakan...

trims atas artikelnya. jadi nambah pengetahuan saya.

sibersensasi mengatakan...

mas,lebih mudah gunakan blogger in draft

KARUNIA 82 mengatakan...

makasih mas,artikel nya cukup membantu pemula seperti saya.

SMPN 21 Samarinda mengatakan...

tutorialx keren2 gan..... lam kenal

syarifuddin mengatakan...

wah gue suka nih blogg ini yang gue cari hehehheh cari di gramedia blom lengkap men ...:) trims ya tips nya

bangun permadi mengatakan...

makasih tutorialnya...lam kenal....kuereennn

farrahbanget mengatakan...

nyarii outer wrapper.a d mana yaah .??
ko d blogg ku gga ada .??

Ze Cayank Heaven mengatakan...

mantaaf gan..heheheeeeeeeeeee,,,

Kevin Samara mengatakan...

kodenya gak ada ~x( udah gue cari jg pake F3 gak ada

morningside mengatakan...

thk... :)

Unknown mengatakan...

ga ketemu kodenya -_-

Kris-kebumen mengatakan...

Nice info....

Ramzi mengatakan...

kebetulan pas login di blogger, akan aku pergunakan tutorial ini
trims

adanz mengatakan...

wah... lumayan nambah informasi lagi nih...

Unknown mengatakan...

maaf saya masih pemula ni di blog,cara masukiny gimana?soalnya ssetiap masuk di blog yang langsung keluar setelan aj

Unknown mengatakan...

aku masih ga' ngerti :((

Unknown mengatakan...

saya masih bngung, masih pemula. ~X(

Unknown mengatakan...

z masih kurang ngerti Maklum peMula :)

Obat Kanker Serviks mengatakan...

mengunjungi blog yang bagus dan penuh dengan informasi yang menarik adalah merupakan kebahagiaan tersendiri.... teruslah berbagi informasi

Unknown mengatakan...

makasih mas artikelnya

Nur Hidayat mengatakan...

thank artikelnya....

Unknown mengatakan...

saya masih bingung bagaimana cara memakai atau mengguanakan blog ini,,
saya pusingnya tentang bagaimana cara meletakkan tulisan saya disana,merubah cover & foto bagroundnya..
kadih solusinya donk,,??
:-O

Rachmad Septiawan mengatakan...

admin,apakah semua kode html bisa digunakan di blog?

Supriyadi lingga mengatakan...

saya masih bingung bagaimana cara memakai atau mengguanakan blog ini,,
saya pusingnya tentang bagaimana cara edit HTML, dan memperlebar template..Bagaimana sih? apakah semua blog bisa dibuat kayak gini?
kasih solusinya donk,,??

Unknown mengatakan...

ak nemu yg ada wreppernya gmna gan? share info y dn trmksih

ainizaa mengatakan...

makasih atas ilmunya

Anonim mengatakan...

thanks sob atas pencerahanya..

mangkasara mengatakan...

terimah kasih tipsnya..

Anonim mengatakan...

lengkap juga penjelasannya keren sob

Unknown mengatakan...

makasih banget gan sangat membantu, tp aku blom berhasil tolong dibantu ya..

Anonim mengatakan...

Bagus nih .. cantik bangat .. lawat2 link ni yah http://friendlyinformer.blogspot.com/ dan http://allinoneupdown.blogspot.com/

Unknown mengatakan...

thank's gan sangat membantu (y)
visit balik ya >>>>>> http://juanvalerian17.blogspot.com/

Unknown mengatakan...

Terima kasih banyak gan.
postingan yg sangat membantu. khususnya bagi saya yg masih pemula

Unknown mengatakan...

thanks infonya gan...

Admin mengatakan...

maksih infonya
generasipemula.blogspot.com

Unknown mengatakan...

makasi gan artikelnya, sangat membantu, maju terus (y)
http://aiyubf.blogspot.com/

Sahrul,S.Pd mengatakan...

sangan membantu,,, sukses selalu

Sahrul,S.Pd mengatakan...

Edit HTML yang mana maksudny agan? mohon pencerahan

Unknown mengatakan...

ggdgdgsdxbgdgcbnbatik piyama anak

Cuanmologi IDX mengatakan...

Belajar online di Ai-learn.com

Mumu Mulyadi Marketing Body Rafting mengatakan...

http://bodyrafting-pangandaran.blogspot.com/p/bagi-para-pengunjung-yang-ingin.html

Unknown mengatakan...

sy mah puyeeng bangeet nyari kode bosss
malum masih belajar,tepak jidat melulu

Unknown mengatakan...

sy mah puyeeng bangeet nyari kode bosss
malum masih belajar,tepak jidat melulu

Unknown mengatakan...

gimana nih cara bikin blog nya

masipang mengatakan...

sangat berguna sekali.
saya juga membuat blog tapi masih sederhana, ada masukan?
blog saya di sini:
http://tipsandasemua.blogspot.com

DEREKJINGGO mengatakan...

kalau setelah blog jadi harus bagaimana lagi.

Berdasi Com mengatakan...

Tips yang sangat bermanfaat terutama untuk web bisnis supaya sukses. Cara bisnis online tanpa modal

Aditya Juniarto Pradipta mengatakan...

kalo cara bikin template biar responsive gimana ya gan?

Belonomi

mahjong mengatakan...

In your blog I was happy to see your article, better than last time, and have made great progress, I am very pleased. I am looking forward to your article will become better and better. kizi | hulk games | mickey mouse games | sniper games

Aditya Juniarto Pradipta mengatakan...

keren nih caranya, blog jadi bisa kita optimasi dengan baik untuk ukurannya. makasih gan.
www.belonomi.com

satria mengatakan...

Mantap Mas,

http://savafarma.com

Unknown mengatakan...

Obat Pembesar Penis
Selaput Dara Buatan
Obat Penggemuk Badan
Obat Perontok Bulu
Obat Peninggi Badan
Peninggi Badan
Obat Pelangsing Badan
Kondom Getar
Obat Kuat VIAGRA
Penis Mutiara
KLG
Vagina Getar Goyang Suara
Obat Kuat V9
Pemutih Badan
Kondom Bergerigi
Kondom Crystal
Vakum Pembesar Penis
Penis Maju Mundur
Procomil Spray
Kondom Sambung
Obat Perangsang Wanita
Penis Ikat Pinggang
Penis Tempel
Vibrator
Obat Perangsang Serbuk
VigRX-plus
Pembesar Penis
Vagina Pantat
Ring Penis
Kondom Urat

Amangiza mengatakan...

sangat bermanfaat.
Kumpulan Informasi terbaru tentang dunia teknologi dan informasi
http://iza-net.blogspot.com/

Unknown mengatakan...

Sangat membantu. Sebelumnya saya bingung gimana cara memperlebar template. Kebetulan blog saya jika dibuka via mobile kurang lebar, tidak pas dengan layar hape

Anonim mengatakan...

makasih gan info dan tutorialnya yaa

Unknown mengatakan...


Obat Pembesar Payudara



Cara Memperbesar Payudara



Obat Pembesar Payudara Herbal



Obat Pembesar Payudara Permanen



Obat Pembesar Payudara Cepat



Obat Kuat

Obat Kuat Pria

Obat Kuat Viagra Usa

Obat Kuat Viagra

Obat Kuat Viagra Original

Obat Kuda Hitam Jantan

Cream Pembesar Penis

Obat Pembesar Penis Oles




AgaricPro3 mengatakan...

Sharing Jika anda menderita penyakit Hernia Pada Anak yang terdapat benjolan di sekitar pusar atau di bagian yang lain segera atasi dengan Herbal AgaricPro Celana Hernia Pada Bayi Sangat Nyaman Solusi Terbaik Atasi Hernia Pada Anak Tanpa Operasi

Winny Huang mengatakan...

Perkenalkan kita Sahabat303 Agen Sabung Ayam, Agen Bola Terpercaya, Casino Online, Slot Games.

Dengan pendaftaran gratis dan mudah tentunya.

Hanya dengan Minimal Deposit 50 ribu anda sudah bisa bermain dan menikmati Berbagai Bonus Menarik Dari Sahabat303 Berikut Ini :



» Bonus Deposit 10% Khusus Sportbook

» Bonus Deposit 10% Khusus Bola Tangkas

» Bonus Rollingan Live Casino 0,7%

» Bonus Cashback Casino Games 2%

» Bonus Cashback Sabung Ayam 5 - 10%

» Bonus Cashback Sportbook 6 - 16%

» Bonus Refferal 2%



Moto kita »

Kemenangan berapa pun pasti kita bayar lunas.



Untuk Info Lebih Lanjut Silahkan Hubungi Kami Melalui :

* Website : Sahabat303

* Twitter : Sahabat303

* FB : Sahabat303

* WA : +85581404247

* LINE : Sahabat303

* Layanan Live Chat 24JAM ONLINE



agen sabung ayam

agen bola terpercaya

Sahabat303 mengatakan...

"""Perkenalkan kita Sahabat303 Agen Sabung Ayam, Agen Bola Terpercaya, Casino Online, Slot Games.
Dengan pendaftaran gratis dan mudah tentunya.
Hanya dengan Minimal Deposit 50 ribu anda sudah bisa bermain dan menikmati Berbagai Bonus Menarik Dari Sahabat303 Berikut Ini :

» Bonus Deposit 10% Khusus Sportbook
» Bonus Deposit 10% Khusus Bola Tangkas
» Bonus Rollingan Live Casino 0,7%
» Bonus Cashback Casino Games 2%
» Bonus Cashback Sabung Ayam 5 - 10%
» Bonus Cashback Sportbook 6 - 16%
» Bonus Refferal 2%

Moto kita »
Kemenangan berapa pun pasti kita bayar lunas.

Untuk Info Lebih Lanjut Silahkan Hubungi Kami Melalui :
* LIVE CHAT TERSEDIA , LAYANAN 24 JAM NONSTOP
* Website : Sahabat303
* LINE : sahabat_303
* WA 1 : +855882348077
* WA 2 : +6287705585269
* Telegram : @sahabat303
* FB : Sahabat303

DAFTAR SITUS JUDI ONLINE TERPERCAYA
Agen Sabung Ayam
Agen Bola
Agen Bandarq
Agen Togel Online"""

silvia.Lim mengatakan...


365SBOBET Situs Resmi Agen SBOBET Terpercaya di Indonesia

365Sbobet.com -365Sbobet adalah Agen SBOBET Terpercaya Indonesia, Situs Agen Bola Resmi Online Casino Terbaik

agen sbobet
agen 365sbobet
daftar sbobet
daftar 365sbobet
agen bola
situs agen bola
sbobet
365sbobet
situs sbobet
situs 365sbobet
casino online
agen bandar bola
situs bandar bola
agen Bola Terpercaya di Indonesia
baccarat
roulette
dadu sicbo
blackjack
slot machine
keno
sbobet casino
sbobet bola
betting online
agen betting
taruhan bola
taruhan bola sbobet
taruhan sbobet
betting bola
betting sbobet

ACHBN mengatakan...

Kami merupakan penyedia jasa konstruksi yang berdomisili di Sumatera Utara. Dengan kehadiran kami berharap mampu memenuhi segala kebutuhan atas segala permasalahan renovasi rumah, pembangunan dan perawatan rumah anda, dalam pembuatan desain dan pembangunan Kami berorientasi pada efisien, efektifitas dan tentunya tepat sasaran. Kami didukung oleh tim yang sudah berpengalaman dan terbaik di bidangnya.

REN mengatakan...

Sangat bermanfaat dan sangat membantu!

zola amanda mengatakan...

cara menang slot online pragmatic di situs whizzi88

:) :( ;) :D ;;) :P :-* :-o :(( =)) ~x(
Posting Komentar