Thursday, March 15, 2012

Mengatasi Tata Letak Page Element di dashboard Yang Tidak Teratur Pada Template Blogger

Tata Letak atau page element merupakan tempat kita mengedit, menambah aatau menghapus gadget yang ada pada blog kita. Lalu bagaimana kalau tata letak page element pada dashboard tidak terlihat teratur?? wahh tentunya ini akan menyulitkan kita bukan untuk mengidentifikasi bagian-bagian gadget berada tepat ditempatnya. Lihat screenshotnya berikut :
Bagaimana Solusinya? hemm, gampang saja, kita hanya perlu menambahkan CSS untuk mengatur kembali tata letaknya.

Berikut langkah-langkahnya.
1. Login ke akun blogger sobat.
2. Masuk ke menu Rancangan
3. Pilih tab Edit Html
4. Cari Teks "/*Variable Definitions" (tanpa tanda petik)
5. Tempatkan Code Berikut Persis di atasnya.

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #outer-wrapper{overflow:visible;width:1000px}
body#layout #header{float:left;width:240px}
body#layout #header2{float:right;width:240px}
body#layout .add_widget{width:240px}
body#layout div.widget{width:240px}
body#layout #sidebar-wrapper{overflow:visible;width:240px}
body#layout #lsidebar-wrapper{overflow:visible;float:left;width:240px;margin-right:50px;}
body#layout #main-wrapper{overflow:visible;float:left;width:240px}
body#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px}
body#layout #myGallery{display:none}
body#layout .featuredposts{display:none}
body#layout .fp-slider{display:none}
body#layout #navcontainer{display:none}
body#layout .menu-secondary-wrap{display:none}
body#layout .menu-secondary-container{display:none}
body#layout #skiplinks{display:none}
body#layout .feedtwitter{display:none}
body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible}
body#layout .section-columns{margin:0}
.section{width:100%}


Ini Contohnya :


Kalau sudah, Klik Simpan Template.
SELESAI.

Oke, Semoga postingan ini bermanfaat!!

18 comments:

Ncofies said...

sangat bermanfaat sekali..kunjungan balik

Admin said...

@Ncofies Terimakasih atas kunjungannya, siap menuju ke TKP

Day Milovich said...

tergantung seperti apa template-nya dan tergantung seperti apa problemnya. penyebab masalah layout pada page element itu persoalan css saja. misalnya pemasangan font tambahan di style dan code .css yang tidak cross-browser. paling beres kalau sebelum style itu kita beri css resetter dari web meyer. pasti beres.

Unknown said...

Mampir Kesini Ya Bro simplecritical.blogspot.com

Fika Ridaul Maulayya said...

sip sobat
jangan lupa kunjungi www.maulashare.blogspot.com

doky asde said...

berhasil gan... thank's..

idseoblog said...

makasih inponya..mas
bikin stress juga tadinya

Unknown said...

kok gwe di template aku gk ada code

/*Variable Definitions

Ficri Pebriyana said...

ini dia, makasih mas...

Blog Diary Mas Aab said...

Terimakasih Mas, Sudah rapi sekarang tata letak blog saya. :)

Usup Supriadi said...

gmn dgn yg tidak ada kode /* Variable definitions ??

Blogger Copast said...

@Pãñjĩ XãñÐrĩã ǰr

sama brow saya juga gak ada

Read Cyber said...

TQ gan ini yang ane cari akhirnya ketemu juga :D

di tunggu kunbalnya gan :D

Kang Iwan said...

terima kasih artikel bermanfaat,kalo mau hilangkan salah satu elemen gimana caranya?

Anyaran said...

sip gan

Mohamad Rafi Alfariz said...

gak jadi bro

Unknown said...

Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.

Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

Han Farhan said...

Terimakasih banyak bro ! sangat bermanfaat langsung rapih tataletak template blog saya :D

Post a Comment

:) :(;):D;;-):-/:x:P:-*=((:-OX(:7B-):-S#:-S7:):((:)):|/:)=))O:-):-B=;I-)8-|L-):-a:-$[-(:O)8-}2:-P(:|=P~:-?#-o=D7:-SS@-):^o:-w7:P2):):-c:)]~X(:-h:-t8-7X_X:!!m/:-q:-bd^#(^Blog Thinker