• Versi Mobile
  • About
  • Contact
  • Sitemap
  • Free SMS
  • Download Lagu X Factor

Pendiari | Artikel Islam, Blog Dan Motivasi

Pendiari Blog Sederhana Berisi | Kumpulan Tutorial Blog | Artikel Islam, Muslimah, Cinta, Jodoh | Artikel Motivasi

  • Home
  • Islam
    • Artikel Islam
    • SMS Ramadhan
    • SMS Idul Fitri
  • TV Online
  • Radio Online
    • Radio Ceria
    • Radio Sunnah
    • Radio Muslim
  • Blog Tools
    • Website Speed Test
    • Ping Service
    • Phrase Kode HTML
  • Muslimah
  • Tutorial Blog
    • Java Script
    • Template
    • Widget
Home » Template » Merubah Lebar Template Blog

Merubah Lebar Template Blog

Merubah Lebar Template Blog
Ukuran Template Blog atau Website sebaiknya disesuaikan agar tidak terlalu kecil dan terlalu lebar. Template dengan ukuran 900px terlihat kecil sekali pada widescreen, dan ukuran 980px kalo menurutku terlalu lebar. Template blog ini pada awalnya mempunyai lebar 900px tp saya ganti menjadi 940px agar tidak terlihat kecil oleh pengunjung blog ini.


buat temen-temen yang merasa templatenya kekecilan tapi gak mau ganti template.
bisa mencoba tutorial berikut ini :




Mengedit Header Blog :

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


Mengedit Ukuran Halaman Blog :

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


Mengedit Ukuran Halaman Posting :

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


Mengedit Sidebar Blog :

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

Mengedit Footer Blog :

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


Catatan : Lebar Header Blog, Halaman Blog, Footer Blog harus sama ,, diusahkan agar Lebar Halaman Blog serasi dengan Sidebar, Halaman Posting, dan Footer karena jika tidak akan ada elemen yang melorot.
Written by: Pendi Ari Wibowo
Pendiari | Artikel Islam, Blog Dan Motivasi Updated at: 4/25/2012
Posted by Pendi AW on Rabu, 25 April 2012 - Rating: 5
Title : Merubah Lebar Template Blog
Description : Ukuran Template Blog atau Website sebaiknya disesuaikan agar tidak terlalu kecil dan terlalu lebar. Template dengan ukuran 900px terlihat...

Bagikan Ke

Facebook Google+ Twitter

9 Responses to "Merubah Lebar Template Blog"

  1. Putri26 April 2012 pukul 21.21

    Tutorial ini hanya berlaku bagi template pihak ketiga, dan tidak semua template pihak ketiga menerapkan nama css itu. Seperti template yang threelas gunakan. Sebaiknya, anda membawa pengunjung memeriksa div tag pertama setelah body tag, id dan classnya, lalu buatlah kode css untuk mengubah ukuran template.

    BalasHapus
    Balasan
      Balas
  2. tips blog5 Mei 2012 pukul 13.21

    Benar pendapat diatas, tapi sobat2 yang ingin belajar html harus benar2 memahami tentang html.. sebab tidak semua kode fungsi itu sama tapi maksudnya sama, tergantung pembuatnya,

    namun setidaknya share dari sobat diatas patut diancungi jempol..
    Semangat Blogging Sob!

    BalasHapus
    Balasan
      Balas
  3. Unknown20 Mei 2012 pukul 07.46

    kalau merubah tinggi header bagaimana soabat???

    BalasHapus
    Balasan
    1. Pendi AW20 Mei 2012 pukul 22.37

      merubah kode css header..

      Hapus
      Balasan
        Balas
    2. Balas
  4. The12thPlayers3 Juni 2012 pukul 00.28

    berguna banget om hhe , tapi ane masi sedikit bingung

    BalasHapus
    Balasan
      Balas
  5. Planet Pengetahuan16 Agustus 2012 pukul 11.14

    aneh,, template blog saya rasanya sebelah kiri kepotong og,,, apa yang salah ya?

    BalasHapus
    Balasan
      Balas
  6. fhefy mandja17 September 2012 pukul 22.40

    makasih maz sharing nya,
    btw templatenya sama ma punyaku,hehehe..
    tenyata selera kita sma,xixixi...

    BalasHapus
    Balasan
      Balas
  7. Blogger Gundul26 September 2012 pukul 20.39

    Berarti kalo cuman headernya yang diganti, kadang ga sinkron ya Sob? hmm, harus pinter2 nentuin ukuran nih..

    BalasHapus
    Balasan
      Balas
  8. Adsense Terpercaya11 November 2013 pukul 14.14

    mantap gan... agak bingung juga merubag template yang responsive karena ada media screen nya... ada tipsnya gan?

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)

Kata Teman

Copyright © 2014 Pendiari | Artikel Islam, Blog Dan Motivasi - All Rights Reserved
Pendi Ari Wibowo - Powered by Blogger