Header Ads

2 Cara Mengatasi Lebar Layout Dashboard Blogger yang Menyempit

2 Cara Mengatasi Lebar Dashboard Blogger yang Menyempit



Beberapa hari ini Ukuran dashboard blogger yang tadinya 100%, kini berubah menjadi 850 pixel saja di layar komputer, tentu saja dengan perubahan ini membuat beberapa Blogger termasuk saya merasa sulit ketika akan memodif Template.

Setelah melakukan percobaan dan  pencarian cara memperbaikinya di google saya menemukan 2 cara yang sangat membantu. pertama kita tidak perlu mengedit/merubah ukuran layout dashboard,  kita hanya membuka layout tersebut di tab baru dengan ukuran full. yang kedua saya dapat dari artikel contohblog.com tentang tutorial mengatasi masalah ini.

Cara pertama adalah cara yang saya gunakan, masuk ke Tata Letak kemudian klik kanan pilih Inspeksi

2 Cara Mengatasi Lebar Dashboard Blogger yang Menyempit

Selanjutnya klik Select an element in the page to inspect it atau bisa dengan menekan Ctrl+Shift+C secara bersamaan

2 Cara Mengatasi Lebar Dashboard Blogger yang Menyempit

kemudian klik di bagian layout Tata Letak, lalu klik kanan tulisan display?blogID=xxxx (xxx adalah blog ID anda)  yang muncul di kotak Inspect elemen, pilih Open Link in New Tab


2 Cara Mengatasi Lebar Dashboard Blogger yang Menyempit


maka akan keluar  Layout Blog anda di tab baru dengan tampilan full, Silahkan anda edit template anda di situ.

Cara yang kedua, Kita rubah ukuran Layout Dashboard Blogger melalui kotak editor HTML, pertama Cari kode yang di awali body#layout atau yang mirip seperti di bawah ini biasanya

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout .outerpic-wrapper{width:970px}
body#layout .content-wrapper{width:970px}
body#layout .header-wrapper{width:970px}
body#layout #header{float:left;width:300px;margin-top:35px;}
body#layout #header2{float:right;width:550px;margin-top:40px}
body#layout .main-wrapper{width:600px;float:left;margin-top:20px}
body#layout .sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right;margin-top:20px}
body#layout #footer-wrapper {width: 970px;margin-top:20px}
body#layout #footer1,#footer2{width:25%;float:left}
body#layout #footer3{width:25%;float:right}

kemudian rubah ukuran Width nya menjadi seperti di bawah ini :

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout .outerpic-wrapper{width:850px}
body#layout .content-wrapper{width:850px}
body#layout .header-wrapper{width:850px}
body#layout #header{float:left;width:30%;margin-top:35px;}
body#layout #header2{float:right;width:60%;margin-top:40px}
body#layout .main-wrapper{width:60%;float:left;margin-top:20px}
body#layout .sidebar-wrapper,.sidebar1-wrapper{width:30%;float:right;margin-top:20px}
body#layout #footer-wrapper {width:850px;margin-top:20px}
body#layout #footer1,#footer2{width:18%;float:left}
body#layout #footer3{width:18%;float:right}

 Terakhir simpan Template.


No comments

Powered by Blogger.