Dashboard Acak-acakan ? Ini Solusinya Untuk Merapihkannya

Unknown

16px

Ukuran Teks

1

0

Cara Memperbaiki Dashboard Blogger Menyempit, Edit Widget Tertutup Beginilah Tutorialnya ~ Ukuran dashboard blogger menyempit. Menu paling terpengaruh adalah Layout (Tata Letak) jadi menyempit. Menu edit widget jadi tetutup dan sulit melakukan perubahan di gadget.

Ukuran dashboard blogger yang tadinya 100%, kini menjadi 850 pixel saja di layar komputer. Jika ukuran Layout / Tata Letak melebihi 850 pixel, maka muncul "overflow-scroll' seperti gambar di bawah ini.

Maka, untuk melakukan adaptasi atau penyesuaian, saya pun melakukan perubahan, dari lebar layout 970 pixel menjadi 850 pixel.

Demikian pula ukuran layout widget header, sidebar, main-wrapper, disesuaikan. Sebaiknya menggunakan prosentase.

Layout pun normal kembali, tidak acak-acakan lagi. Ini kode layout yang CB gunakan:

Kode Awal

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}

Kode Setelah Di Ubah

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}

Sekian tutorialnya untuk anda, semoga bermanfaat, Terima kasih.

← Newer Older →

Fitur Lagu

<head>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7399491861106262727&zx=255cbcd5-5536-46e7-8cfb-518777dc7bef' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7399491861106262727&zx=255cbcd5-5536-46e7-8cfb-518777dc7bef' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/344097953-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'APlU3lzRaO3C27tMWXxJpeCCL2pf:1775894735748';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7399491861106262727','//lostcips.blogspot.com/2016/11/cara-memperbaiki-dashboard-blogger-acak.html','7399491861106262727');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7399491861106262727', 'title': 'Lostcips Official', 'url': 'https://lostcips.blogspot.com/2016/11/cara-memperbaiki-dashboard-blogger-acak.html', 'canonicalUrl': 'https://lostcips.blogspot.com/2016/11/cara-memperbaiki-dashboard-blogger-acak.html', 'homepageUrl': 'https://lostcips.blogspot.com/', 'searchUrl': 'https://lostcips.blogspot.com/search', 'canonicalHomepageUrl': 'https://lostcips.blogspot.com/', 'blogspotFaviconUrl': 'https://lostcips.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-86203916-2', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Lostcips Official - Atom\x22 href\x3d\x22https://lostcips.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Lostcips Official - RSS\x22 href\x3d\x22https://lostcips.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Lostcips Official - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7399491861106262727/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Lostcips Official - Atom\x22 href\x3d\x22https://lostcips.blogspot.com/feeds/8318803291666594924/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/5ddb33369fcd32d1', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'item', 'postId': '8318803291666594924', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5oNbmkwQWHaGnuERaobCR1DLAWv0KL66atV087aZXv4KxpEQwoCsi_HhUB01APapmkTZlc5pgkzn3oT65fe_DFU6YRg6n8_0JFOCoXqrnYBILYExZOdJOR6kFpgp1H17IU-sQH7rbEOjs/s72-c/lebar-layout-dashboard-blogger.JPG', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5oNbmkwQWHaGnuERaobCR1DLAWv0KL66atV087aZXv4KxpEQwoCsi_HhUB01APapmkTZlc5pgkzn3oT65fe_DFU6YRg6n8_0JFOCoXqrnYBILYExZOdJOR6kFpgp1H17IU-sQH7rbEOjs/s1600/lebar-layout-dashboard-blogger.JPG', 'pageName': 'Dashboard Acak-acakan ? Ini Solusinya Untuk Merapihkannya', 'pageTitle': 'Lostcips Official: Dashboard Acak-acakan ? Ini Solusinya Untuk Merapihkannya', 'metaDescription': 'Cara Memperbaiki Dashboard Blogger Menyempit, Edit Widget Tertutup Beginilah Tutorialnya.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Dashboard Acak-acakan ? Ini Solusinya Untuk Merapihkannya', 'description': 'Cara Memperbaiki Dashboard Blogger Menyempit, Edit Widget Tertutup Beginilah Tutorialnya.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5oNbmkwQWHaGnuERaobCR1DLAWv0KL66atV087aZXv4KxpEQwoCsi_HhUB01APapmkTZlc5pgkzn3oT65fe_DFU6YRg6n8_0JFOCoXqrnYBILYExZOdJOR6kFpgp1H17IU-sQH7rbEOjs/s1600/lebar-layout-dashboard-blogger.JPG', 'url': 'https://lostcips.blogspot.com/2016/11/cara-memperbaiki-dashboard-blogger-acak.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8318803291666594924}}, {'name': 'widgets', 'data': [{'title': 'Header Utama', 'type': 'HTML', 'sectionId': 'header-top-section', 'id': 'HTML98'}, {'title': 'Menu Navigasi', 'type': 'LinkList', 'sectionId': 'header-nav-section', 'id': 'LinkList1'}, {'title': 'Hero', 'type': 'HTML', 'sectionId': 'hero', 'id': 'HTML99'}, {'title': 'Kategori', 'type': 'Label', 'sectionId': 'sidebar-left', 'id': 'Label1'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'main_content_area', 'id': 'Blog1', 'posts': [{'id': '8318803291666594924', 'title': 'Dashboard Acak-acakan ? Ini Solusinya Untuk Merapihkannya', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5oNbmkwQWHaGnuERaobCR1DLAWv0KL66atV087aZXv4KxpEQwoCsi_HhUB01APapmkTZlc5pgkzn3oT65fe_DFU6YRg6n8_0JFOCoXqrnYBILYExZOdJOR6kFpgp1H17IU-sQH7rbEOjs/s1600/lebar-layout-dashboard-blogger.JPG', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted'}, {'name': 'timestamp', 'label': 'Upload'}, {'name': 'comments', 'label': '$type\x3d{blogger}'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Recommendation for you'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted'}, {'name': 'timestamp', 'label': 'Upload'}, {'name': 'comments', 'label': '$type\x3d{blogger}'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Recommendation for you'}]}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML98', 'header-top-section', document.getElementById('HTML98'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'header-nav-section', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML99', 'hero', document.getElementById('HTML99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-left', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main_content_area', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2626028960-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
</script>
</body>