Kenapa kotak wilayah sidebarnya aneh ? | KASKUS

Thread

For You

Hot Threads

Komunitas

Semua Komunitas

Kategori

Story

News

Hobby

Games

Entertainment

Female

Tech

Automotive

Sports

Food & Travel

Pengaturan

Gambar

Lainnya

Tentang KASKUS

Pusat Bantuan

Hubungi Kami

KASKUS Plus

© 2024 KASKUS, PT Darta Media Indonesia. All rights reserved

Beranda

...

Programmer Forum
Kenapa kotak wilayah sidebarnya aneh ?

TS

stephan123

08-07-2017 16:36

Kenapa kotak wilayah sidebarnya aneh ?

Halo met malem gan, misi numpang tanya jdi setelah ane bljr buat theme wordpress nih dari w*ordpress.or.id udh berhasil nih nah pas lihat tutor di tempat lain prinsipnya beda karena di wo*rdpress.or.id itu semua dari header ampe footer di gabung dalam file index.php, nah sementara di website lain itu ada sidebar.php, footer.php, header.php nah, maka itu saya coba buat yg baru dengan menerapkan di pecah ga kayak website yg saya pake utk buat prtma kali, dengan membuat file header di header.php sidebar di sidebar.php, dan footer.php yang kemudian di panggil menggunakan get_xxxx() ; pada index.php

yang jadi pertanyaan ane nih gan ane udh ubah dan udh di sesuain ama tutor blog lain pelan pelan tapi jdinya kok anchur yak awkawkkwa kek gini nih

Spoiler for Gambar 1:

Kenapa kotak wilayah sidebarnya aneh ?

padahal sebelumnya itu bisa kayak gini

Spoiler for Gambar 2:

Kenapa kotak wilayah sidebarnya aneh ?

nah code yg ane gunain di gambar 1 itu gini

Spoiler for Code Gambar 1:

-> index.php
<html>
<body>
<?php get_header(); ?>
<?php get_sidebar(); ?>
<div id="maincontent">
<div id="content">
Artikel akan muncul di sini
</div>

<?php get_footer(); ?>
</body>
</html>
->header.php
<html>
<head>
<title>Judul Blog</title>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
</head>
<body>
<div id="wrap">
<div id="header">
Lokasi Header ada di sini
</div>
</body>
</html

->sidebar.php
<html>
<div id="sidebar">
<div id="sidebar1">
Iklan di sini
</div>
<div id="sidebar2">
Widget di sini
</div>
<div id="sidebar3">
Widget di sini
</div>
</html>

->footer.php
<html>
<div id="footer">
Footer ada di sini
</div>

</html>

->stye.css

#wrap {
border:solid 1px #000;
width:1200px;
margin:0 auto;
padding:10px;
}

#header {
height:120px;
background:#cccccc;
}

#maincontent {
margin-top:10px;
}

#content {
width:900px;
background:green;
float:left;
}

#sidebar {
width:300px;
background:red;
float:left;
margin-left:10px;
}

Spoiler for Code Gambar 2:

-> index.php
<html>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title>
<?php
wp_title( '|', true, 'right' );
bloginfo( 'name' );
?>
</title>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php if ( is_singular() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );
wp_head();
?>
<style type="text/css">
#header {
background : url(<?php header_image(); ?> emoticon-Wink

;
}
.blogtitle a, .description {
color: <?php header_textcolor(); ?>
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="header">
<h1 class="blogtitle"><?php bloginfo('name');?></h1>
<p class="description"><?php bloginfo('description');?></p>
<div id="menu">
<ul>
<li><a href="<?php bloginfo('url');?>">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
</div>
</div>
<div id="maincontent">
<div id="content">
<div id="content">
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<p><?php the_content(); ?></p>
<div id="postmeta">Publish on <?php the_time('F jS, Y'); ?> under <?php the_category(', '); ?> by <?php the_author(); ?> |
<?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?>
<?php edit_post_link('Edit','','|'); ?>
</div>
</div>
<?php comments_template(); ?>
<?php endwhile;?>
<?php endif;?>
</div>
</div>
<div id="sidebar">
<?php if ( is_active_sidebar( 'sidebar-lebar' ) ) : ?>
<div id="lebar">
<ul>
<?php dynamic_sidebar( 'sidebar-lebar' ); ?>
</ul>
</div>
<?php endif; ?>
<div id="kiri">
<ul>
<?php if ( ! dynamic_sidebar( 'sidebar-kiri' ) ) : ?>
<li id="search" class="widget-container widget_search">
<?php get_search_form(); ?>
</li>
<li id="archives" class="widget-container">
<h3 class="widget-title">Arsip</h3>
<ul>
<?php wp_get_archives( 'type=monthly' ); ?>
</ul>
</li>
<?php endif; ?>
</ul>
</div>
<div id="kanan">
<ul>
<?php if ( ! dynamic_sidebar( 'sidebar-kanan' ) ) : ?>
<li id="meta" class="widget-container">
<h3 class="widget-title">Meta</h3>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<?php wp_meta(); ?>
</ul>
</li>
<?php endif; ?>
</ul>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div id="footer">
<p><a href="<?php bloginfo('url');?>"><?php bloginfo('name');?></a>
© 2011 menggunakan <a href="http://wordpress.or.id">WordPress</a><br/>
<?php if (!is_home()) { wp_title(''); } ?></p>
</div>
</div>
<?php wp_footer();?>
</body>
</html>
-> function.php
-> style.css

#wrap {
border:solid 1px #000;
width:900px;
margin:0 auto;
padding:10px;
background:#ffffff;
}

#header {
height:120px;
background:#cccccc;
}

#maincontent {
margin-top:10px;
}

body {
font-family:Georgia,"Bitstream Charter",serif;
}

.blogtitle {
font-size:30px;
padding:30px 0 0 30px;
margin:0;

}

.description {
font-size:14px;
padding-left:30px;
margin:0;
}

#menu {
margin-top:10px;
padding:0;
background:#000;
height:30px;
}

#menu ul {
margin:0;
padding:5px 0 0 15px;
list-style:none;
display:block;
}

#menu li, #menu li a{
float:left;
position:relative;
margin-right:10px;
color:#ffffff;
text-decoration:none;
}

#content {
width:590px;
float:left;
}

.title , .title a{
font-size: 20px;
text-decoration:none;
color:#000000;
}

#postmeta {
font-size:10px;
background: #EDEDED;
padding:10px;
}

#sidebar {
width:300px;
float:left;
margin-left:10px;
}

#sidebar ul {
margin:0px;
padding:0px;
}

#sidebar li {
list-style:none;
font-size:12px;
margin-bottom:5px;
}

#sidebar li a {
text-decoration:none;
}

#sidebar h3 {
font-size:16px;
margin: 0 0 10px 0;
}

#lebar {
margin-bottom:10px;
}

#kiri {
width:145px;
float:left;
margin-right:10px;
}

#kanan {
width:145px;
float:right;
text-align:center;
}

#footer {
font-size:10px;
background: #EDEDED;
text-align:center;
margin-top:20px;
padding:10px;
}

code gambar 1
m3ga.nz/#!r1BUjSCZ!2em7d-pyVkHwXj5FsjrNs5MErwYV2tNN828GJ4z0SFE
code gambar 2
m3ga.nz/#!Lk4BiS5K!wesaVohvZV0lOGEpGGCFhxow3EDrmDC5o2JenM7nnb4

mohon responnya gan, karena lagi bljr ini emoticon-Sorry

nona212 memberi reputasi

1

1.2K

Kutip

4

Balasan

Komentar yang asik ya

Mari bergabung, dapatkan informasi dan teman baru!

Programmer Forum

20.2KThread•4.4KAnggota

Urutkan

Terlama

Komentar yang asik ya