M
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:
tulisan tutorialnya baguss,,
tp saya masih bingung bagaimana cara peletakannya d edit HTML-nya,,
mungkin bisa d lengkapi krna berhubung sy masih pemula,,
tenks,,,
@QLU_anas: trmksh atas kunjungan dan koreksinya kita tinggal mengganti text yg berwarna merah dan meyesuikan ukurannya.
Makasih artikelnya cukup membantu saya...
trims atas artikelnya. jadi nambah pengetahuan saya.
mas,lebih mudah gunakan blogger in draft
makasih mas,artikel nya cukup membantu pemula seperti saya.
tutorialx keren2 gan..... lam kenal
wah gue suka nih blogg ini yang gue cari hehehheh cari di gramedia blom lengkap men ...:) trims ya tips nya
makasih tutorialnya...lam kenal....kuereennn
nyarii outer wrapper.a d mana yaah .??
ko d blogg ku gga ada .??
mantaaf gan..heheheeeeeeeeeee,,,
kodenya gak ada ~x( udah gue cari jg pake F3 gak ada
thk... :)
ga ketemu kodenya -_-
Nice info....
kebetulan pas login di blogger, akan aku pergunakan tutorial ini
trims
wah... lumayan nambah informasi lagi nih...
maaf saya masih pemula ni di blog,cara masukiny gimana?soalnya ssetiap masuk di blog yang langsung keluar setelan aj
aku masih ga' ngerti :((
saya masih bngung, masih pemula. ~X(
z masih kurang ngerti Maklum peMula :)
mengunjungi blog yang bagus dan penuh dengan informasi yang menarik adalah merupakan kebahagiaan tersendiri.... teruslah berbagi informasi
makasih mas artikelnya
thank artikelnya....
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
admin,apakah semua kode html bisa digunakan di blog?
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,,??
ak nemu yg ada wreppernya gmna gan? share info y dn trmksih
makasih atas ilmunya
thanks sob atas pencerahanya..
terimah kasih tipsnya..
lengkap juga penjelasannya keren sob
makasih banget gan sangat membantu, tp aku blom berhasil tolong dibantu ya..
Bagus nih .. cantik bangat .. lawat2 link ni yah http://friendlyinformer.blogspot.com/ dan http://allinoneupdown.blogspot.com/
thank's gan sangat membantu (y)
visit balik ya >>>>>> http://juanvalerian17.blogspot.com/
Terima kasih banyak gan.
postingan yg sangat membantu. khususnya bagi saya yg masih pemula
thanks infonya gan...
maksih infonya
generasipemula.blogspot.com
makasi gan artikelnya, sangat membantu, maju terus (y)
http://aiyubf.blogspot.com/
sangan membantu,,, sukses selalu
Edit HTML yang mana maksudny agan? mohon pencerahan
ggdgdgsdxbgdgcbnbatik piyama anak
Belajar online di Ai-learn.com
http://bodyrafting-pangandaran.blogspot.com/p/bagi-para-pengunjung-yang-ingin.html
sy mah puyeeng bangeet nyari kode bosss
malum masih belajar,tepak jidat melulu
sy mah puyeeng bangeet nyari kode bosss
malum masih belajar,tepak jidat melulu
gimana nih cara bikin blog nya
sangat berguna sekali.
saya juga membuat blog tapi masih sederhana, ada masukan?
blog saya di sini:
http://tipsandasemua.blogspot.com
kalau setelah blog jadi harus bagaimana lagi.
Tips yang sangat bermanfaat terutama untuk web bisnis supaya sukses. Cara bisnis online tanpa modal
kalo cara bikin template biar responsive gimana ya gan?
Belonomi
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
keren nih caranya, blog jadi bisa kita optimasi dengan baik untuk ukurannya. makasih gan.
www.belonomi.com
Mantap Mas,
http://savafarma.com
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
sangat bermanfaat.
Kumpulan Informasi terbaru tentang dunia teknologi dan informasi
http://iza-net.blogspot.com/
Sangat membantu. Sebelumnya saya bingung gimana cara memperlebar template. Kebetulan blog saya jika dibuka via mobile kurang lebar, tidak pas dengan layar hape
makasih gan info dan tutorialnya yaa
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
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
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
"""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"""
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
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.
Sangat bermanfaat dan sangat membantu!
cara menang slot online pragmatic di situs whizzi88