Belajar Membuat Theme Wordpress part_5

PART 5

Yang langsung nyantol di link ini, nih ane kasih part part sebelum mulai beranjak untuk membaca part 5 ini. silakan di pelajari dan di komentari 



Kemaren kita udah buat file sidebar.php, dan berhubung sekarang waktu ane sangat sangat singkat banget, jadi kita mulai dengan hal file yang simple dulu kali ye…

Oke yang sekarang akan kita bahas adalah membuat file comments.php

Berhubung ane sendiri sampe sekarang masih agak bingung tentang costumasi file comments.php jadi ane kasih mentahnya aja untuk kalian copas di file comments.php yang sebelumnya telah kita buat.

Silakan pastekan function ini di comments.php

 

<?php // Do not delete these lines
if (‘comments.php’ == basename($_SERVER['SCRIPT_FILENAME']))
die (‘Please do not load this page directly. Thanks!’);

if (!empty($post->post_password)) { // if there’s a password
if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) { // and it doesn’t match the cookie
?>

<p>This post is password protected. Enter the password to view comments.</p>

<?php
return;
}
}

/* This variable is for alternating comment background */
$oddcomment = ”;
?>

<!– You can start editing here. –>

<?php if ($comments) : ?>
<h2 id=”comments”>Comments</h2>

<div>
<?php wp_list_comments2(); ?>
</div>

<?php else : // this is displayed if there are no comments so far ?>

<?php if (‘open’ == $post->comment_status) : ?>
<!– If comments are open, but there are no comments. –>

<?php else : // comments are closed ?>
<!– If comments are closed. –>
<p>Comments are closed.</p>

<?php endif; ?>
<?php endif; ?>

<?php if (‘open’ == $post->comment_status) : ?>

<div id=”respond”>
<h3 id=”respond_title”>Post a comment</h3>

<div>
<small><?php cancel_comment_reply_link(); ?></small>
</div>

<?php if ( get_option(‘comment_registration’) && !$user_ID ) : ?>
<p>You must be <a href=”<?php echo get_option(‘siteurl’); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>”>logged in</a> to post a comment.</p>
<?php else : ?>

<form action=”<?php echo get_option(‘siteurl’); ?>/wp-comments-post.php” method=”post” id=”commentform”>
<div>
<?php theme_google_300_ads_show(); ?>
</div>

<?php if ( $user_ID ) : ?>

<p>Logged in as <a href=”<?php echo get_option(‘siteurl’); ?>/wp-admin/profile.php”><?php echo $user_identity; ?></a>. <a href=”<?php echo wp_logout_url(get_permalink()); ?>” title=”Log out of this account”>Log out &raquo;</a></p>

<?php else : ?>

<p><input type=”text” name=”author” id=”author” value=”<?php echo $comment_author; ?>” size=”22″ tabindex=”1″ <?php if ($req) echo “aria-required=’true’”; ?> />
<label for=”author”><small>Name <?php if ($req) echo “(required)”; ?></small></label></p>

<p><input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” size=”22″ tabindex=”2″ <?php if ($req) echo “aria-required=’true’”; ?> />
<label for=”email”><small>Mail (will not be published) <?php if ($req) echo “(required)”; ?></small></label></p>

<p><input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” size=”22″ tabindex=”3″ />
<label for=”url”><small>Website</small></label></p>

<?php endif; ?>

<!–<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>–>

<p><textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″></textarea></p>

<p><input name=”submit” type=”image” src=”<?php bloginfo(‘template_url’)?>/images/comm_sub.gif” id=”submit” tabindex=”5″ value=”Submit Comment” />
<?php comment_id_fields(); ?>
</p>
<?php do_action(‘comment_form’, $post->ID); ?>

</form>

<?php endif; // If registration required and not logged in ?>
</div>

<?php endif; // if you delete this the sky will fall on your head ?>

Dari pengalaman ane selama ini mengostumasi file comments.php, ane hanya mengetahui beberapa dari ratusan bahkan ribuat trik untuk membuat menarik comments kalian…

Kalian bisa mempercantik tag tag html nya dengan mengcostumasinya di style.css

So thats it for today.

Semoga kalian tidak puas dan terus bertanya.

Stay connect with us @ http://www.binushacker.net

And forum @ http://forum.binushacker.net

See ya and have a nice day…… 

 

Read More

Belajar Membuat Theme Wordpress part_4

 

PART 4

Yah baru sempet posting lagi.. beberapa hari ini agak disibukan ma tunggakan tugas yang udah musti kelar buat sarat ikut UAS, ditambah lagi repot beresin porum komunitas, tutor nya jadi terbengkalai dah….



Berhubung hutang itu harus di bayar, jadi ane lanjutin lagi dah tutor nya…

Mungkin dari kalian semua ada yang berpendapat kenapa tutor nya ga disatuin aja, kenapa musti dibagi bagi gini??
gini gan, dulu ane pernah singgah disalah satu blog tutor, disana menerapkan one week one content.dan itu ternyata berhasil, karena kita akan lebih fokus dalam satu ulasan itu, tanpa terpengaruh oleh yang lain, nah konsep seperti itu mulai ane terapin dihampir semua site garapan ane,ane harap sih, kalian semua bisa menerima cara penyampaian yang ane jalankan, sukur sukur agan semua kaga puas dengan apa yang udah ane sampein, jadi bisa bertanya dan lebih ngulik lagi soal bahasanya, tambah banyak kan tambah ilmu. right?

Lanjut setelah kemaren kita buat index.php..
http://www.binushacker.net/belajar-membuat-theme-wordpress-p3.html

Enaknya kita ngelancong kemana dulu ya??
Yang pendek pendek dulu aja kalia ya.. oke deh,, hari ini kita akan bahas sidebar.php
Sebelum nya review dulu isian dari idex.php

index.php

<?php get_header()?>
<section id=”content”><!– #content –>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<article>
<h2><a href=”<?php the_permalink() ?>” ><?php the_title(); ?></a></h2>
<p><img src=”<?php bloginfo(‘template_directory’); ?>/images/orangebutterfly.png” alt=”” />

<?php the_content(‘Read more &raquo;’); ?></p>
</article>

<?php endwhile; ?>

<?php endif; ?>

 

</section><!– end of #content –>

<aside id=”sidebar”><!– sidebar –>
<h3>Things To Do</h3>
<ul>
<li><a href=”#”>Play Games</a></li>
<li><a href=”#”>Chat With Friends</a></li>
<li><a href=”#”>Swap Stories</a></li>
<li><a href=”#”>Sell Stuff</a></li>
<li><a href=”#”>Buy Stuff</a></li>
<li><a href=”#”>Trade Stuff</a></li>
</ul>

<h3>Sponsors</h3>
<img src=”images/ad125.jpg” alt=”” /><br /><img src=”images/ad125.jpg” alt=”” /><br /><br />

<h3>Connect With Us</h3>
<ul>
<li><a href=”#”>Twitter</a></li>
<li><a href=”#”>Facebook</a></li>
</ul>

</aside><!– end of sidebar –>
<?php get_footer();?>

Dalam html5, sudah disediakan tag sidebar, yaitu “aside” jadi kita buka file sidebar.php
dan index.php nya,

Cut code ini dari index.php

<aside id=”sidebar”><!– sidebar –>
<h3>Things To Do</h3>
<ul>
<li><a href=”#”>Play Games</a></li>
<li><a href=”#”>Chat With Friends</a></li>
<li><a href=”#”>Swap Stories</a></li>
<li><a href=”#”>Sell Stuff</a></li>
<li><a href=”#”>Buy Stuff</a></li>
<li><a href=”#”>Trade Stuff</a></li>
</ul>

<h3>Sponsors</h3>
<img src=”images/ad125.jpg” alt=”” /><br /><img src=”images/ad125.jpg” alt=”” /><br /><br />

<h3>Connect With Us</h3>
<ul>
<li><a href=”#”>Twitter</a></li>
<li><a href=”#”>Facebook</a></li>
</ul>

</aside><!– end of sidebar –>

Dan paste-kan di sidebar.php

Sekarang buka lagi file index.php nya, kita akan masukan tak pemanggil sidebar.
Here we go….

<?php get_sidebar(); ?>

Nah, sekarang pasang fungsi itu di index.php

Jadinya seperti ini….

<?php get_header()?>
<section id=”content”><!– #content –>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<article>
<h2><a href=”<?php the_permalink() ?>” ><?php the_title(); ?></a></h2>
<p><img src=”<?php bloginfo(‘template_directory’); ?>/images/orangebutterfly.png” alt=”” />

<?php the_content(‘Read more &raquo;’); ?></p>
</article>

<?php endwhile; ?>

<?php endif; ?>

 

</section><!– end of #content –>

<?php get_sidebar(); ?><?php get_footer();?>

Setelah itu save file index.phpnya, sekarang buka file sidebar.php
Nah berikut fungsi yang biasa diisikan di file sidebar.php

1. <?php wp_list_pages(‘title_li=<h2>Pages</h2>’); ?>


2. <?php wp_list_cats(); ?>


3. <?php wp_get_archives(‘type=monthly’); ?>


4. <?php related_posts(10, 10, ‘<li>’, ‘</li>’, ”, ”, false, false); ?>

Fungsi diatas masih bisa agan semua modifikasi lagi,silakan lihathttp://codex.wordpress.org/Customizing_Your_Sidebar jika ingin mengetahui lebih dalam tentang costumasi sidebar. untuk sekarang saya hanya akan menggunakan sebagian saja biar tidak riweuh… wkwkwk 

Ini hasil akhir untuk file sidebar.php

<aside id=”sidebar”><!– sidebar –>
<h3>
<?php _e(‘Categories:’); ?>
</h3>
<ul>
<?php wp_list_categories(‘title_li=‘); ?>
</ul>

<h3>
<?php _e(‘Pages:’); ?>
</h3>
<ul>

<?php wp_list_pages(‘title_li=’); ?>

</ul>

<h3>
<?php _e(‘Archiev:’); ?>
</h3>
<ul>
<?php wp_get_archives(‘type=monthly’); ?>
</ul>

</aside><!– end of sidebar –>

Save and done…

Oke cukup dulu ah....
Mau lanjut lagi ngerjain makalah. so keep stay @ binushacker.net
and see ya.
GBU

Read More

Belajar Membuat Theme Wordpress part_3

PART 3

Malam, begadang nih, dari pada ga ada kerjaan mending kita lanjutin materi yang sebelumnya gue bahas yaitu membuat footer.php
langsung aja dah,



Step selanjutnya adalah membuat isian dari index.php
Sebelumnya kita ulas dulu isi dari header.php dan footer.php

header.php

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<title>ButterflyBrilliance</title>
<link rel=”stylesheet” href=”<?php bloginfo (‘stylesheet_url’);?>” type=”text/css” media=”screen” />
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo (‘template_url’);?>/ print.css” media=”print” /> <!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script><![endif]–>
</head>
<body>
<div id=”wrapper”><!– #wrapper –>

<header><!– header –>
<h1><a href=”#”>Butterfly Brilliance</a></h1>
<h2>Your interesting tag line goes here</h2>
</header><!– end of header –>

<nav><!– top nav –>
<div>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Support</a></li>
<li><a href=”#”>Contact Us</a></li>
</ul>
</div>
</nav><!– end of top nav –>

<section id=”main”><!– #main content and sidebar area –>

footer.php

</section><!– end of #main content and sidebar–>

<footer>
<section id=”footer-area”>

<section id=”footer-outer-block”>
<aside>
<h4>Friends</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #first footer segment –>

<aside>
<h4>Awesome Stuff</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #second footer segment –>

<aside>
<h4>Coolness</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #third footer segment –>

<aside>
<h4>Blahdyblah</h4>
<p>&copy; 2010 <a href=”#”>yoursite.com</a> Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p>
</aside><!– end of #fourth footer segment –>

</section><!– end of footer-outer-block –>

</section><!– end of footer-area –>
</footer>

<?php wp_footer(); ?>

</div><!– #wrapper –>
<!– Free template created by http://freehtml5templates.com –>

</body>
</html>

Oke sekarang kita buat index nya, buka file index.php nya
Dan masukan 2 code ini:

<?php get_header()?>

<?php get_footer();?>

Sekarang buka file index.html dari tema yang kemaren kita download dan copy paste code ini di antara kedua code diatas,dan hasilnya seperti ini.

<?php get_header()?>
<section id=”content”><!– #content –>

<article>
<h2><a href=”#”>First Article Title</a></h2>
<p><img src=”images/orangebutterfly.png” alt=”” />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</article>

<article>
<h2><a href=”#”>Second Article Title</a></h2>
<p><img src=”images/coolbutterfly.png” alt=”” />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<p>Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Maurismassa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</article>

</section><!– end of #content –>

<aside id=”sidebar”><!– sidebar –>
<h3>Things To Do</h3>
<ul>
<li><a href=”#”>Play Games</a></li>
<li><a href=”#”>Chat With Friends</a></li>
<li><a href=”#”>Swap Stories</a></li>
<li><a href=”#”>Sell Stuff</a></li>
<li><a href=”#”>Buy Stuff</a></li>
<li><a href=”#”>Trade Stuff</a></li>
</ul>

<h3>Sponsors</h3>
<img src=”images/ad125.jpg” alt=”” /><br /><img src=”images/ad125.jpg” alt=”” /><br /><br />

<h3>Connect With Us</h3>
<ul>
<li><a href=”#”>Twitter</a></li>
<li><a href=”#”>Facebook</a></li>
</ul>

</aside><!– end of sidebar –>
<?php get_footer();?>

Sampai disini sebenarnya template ini sudah siap di tes (tapi belum layak pakai)
Tugas kita selanjutnya adalah menampilkan hasil dari postingan kita.

Seperti yang tertulis dari code index diatas, disana terdapat dua tag article, kita buang saja satu,
Hasilnya seperti ini:

<?php get_header()?>
<section id=”content”><!– #content –>

<article>
<h2><a href=”#”>First Article Title</a></h2>
<p><img src=”images/orangebutterfly.png” alt=”” />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</article>

</section><!– end of #content –>

<aside id=”sidebar”><!– sidebar –>
<h3>Things To Do</h3>
<ul>
<li><a href=”#”>Play Games</a></li>
<li><a href=”#”>Chat With Friends</a></li>
<li><a href=”#”>Swap Stories</a></li>
<li><a href=”#”>Sell Stuff</a></li>
<li><a href=”#”>Buy Stuff</a></li>
<li><a href=”#”>Trade Stuff</a></li>
</ul>

<h3>Sponsors</h3>
<img src=”images/ad125.jpg” alt=”” /><br /><img src=”images/ad125.jpg” alt=”” /><br /><br />

<h3>Connect With Us</h3>
<ul>
<li><a href=”#”>Twitter</a></li>
<li><a href=”#”>Facebook</a></li>
</ul>

</aside><!– end of sidebar –>
<?php get_footer();?>

Sekarang kita akan memasangkan jamu pemanggil postingan kita,
Here we go…..

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php endwhile; ?>

<?php endif; ?>

Kita pasangkan di tag article kita, final code is right here.

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<article>
<h2><a href=”<?php the_permalink() ?>” ><?php the_title(); ?></a></h2>
<p><img src=”<?php bloginfo(‘template_directory’); ?>/images/orangebutterfly.png” alt=”” />

<?php the_content(‘Read more &raquo;’); ?></p>
</article>

<?php endwhile; ?>

<?php endif; ?>

Jadi hasil dari kerja kita malam ini menghasilkan source index.php seperti ini:

<?php get_header()?>
<section id=”content”><!– #content –>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<article>
<h2><a href=”<?php the_permalink() ?>” ><?php the_title(); ?></a></h2>
<p><img src=”<?php bloginfo(‘template_directory’); ?>/images/orangebutterfly.png” alt=”” />

<?php the_content(‘Read more &raquo;’); ?></p>
</article>

<?php endwhile; ?>

<?php endif; ?>

</section><!– end of #content –>

<aside id=”sidebar”><!– sidebar –>
<h3>Things To Do</h3>
<ul>
<li><a href=”#”>Play Games</a></li>
<li><a href=”#”>Chat With Friends</a></li>
<li><a href=”#”>Swap Stories</a></li>
<li><a href=”#”>Sell Stuff</a></li>
<li><a href=”#”>Buy Stuff</a></li>
<li><a href=”#”>Trade Stuff</a></li>
</ul>

<h3>Sponsors</h3>
<img src=”images/ad125.jpg” alt=”” /><br /><img src=”images/ad125.jpg” alt=”” /><br /><br />

<h3>Connect With Us</h3>
<ul>
<li><a href=”#”>Twitter</a></li>
<li><a href=”#”>Facebook</a></li>
</ul>

</aside><!– end of sidebar –>
<?php get_footer();?>

Untuk sekarang di cukupkan dulu, kita akan lanjutkan nanti pada tahap pembuatan single.php
So keep stay in www.BinusHacker.net for more useable article.
Good nite and have a great dream to night.

See ya 

Read More

Belajar Membuat Theme Wordpress part_2

PART 2

Oke kawan, selamat morning, kali ini kita akan membahas Belajar Membuat Theme WordPress Part 2.
Kita awali pagi dengan senyuman, oke 



Oke, sebelum kita lanjutkan pembahasan yang kemaren, http://www.binushacker.net/belajar-membuat-theme-wordpress-p1.html, mungkin diantara kalian yang membaca dan menyimak tutor ini bertanya tanya, kenapa tag html nya berbeda dari html yang biasa kita jumpai?

Jadi begini kawan, dunia internet semakin berkembang, dan para developer web pun mengembangkan source supaya lebih mudah dan simple, maka dari itu, sedikit demi sedikit saya akan membiasakan dalam tutor desain yang saya berikan itu menggunakan HTML5+css3, karena dalam dalam dunia webdis (web desain) source ini sedang di gandrungi 

Oke, sekarang kita lanjut ke step selanjutnya….
Setelah kemaren kita membuat file header.php
Sekarang kita akan membuat pasanganya, yaitu footer.php

Sedikit kita review… tag index yang kemaren…

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<title>ButterflyBrilliance</title>
<link rel=”stylesheet” href=”styles.css” type=”text/css” media=”screen” />
<link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />
<!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script><![endif]–>
</head>
<body>
<div id=”wrapper”><!– #wrapper –>

<header><!– header –>
<h1><a href=”#”>Butterfly Brilliance</a></h1>
<h2>Your interesting tag line goes here</h2>
</header><!– end of header –>

<nav><!– top nav –>
<div>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Support</a></li>
<li><a href=”#”>Contact Us</a></li>
</ul>
</div>
</nav><!– end of top nav –>

<section id=”main”><!– #main content and sidebar area –>
<section id=”content”><!– #content –>

<article>
<h2><a href=”#”>First Article Title</a></h2>
<p><img src=”images/orangebutterfly.png” alt=”” />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</article>

<article>
<h2><a href=”#”>Second Article Title</a></h2>
<p><img src=”images/coolbutterfly.png” alt=”” />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<p>Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</article>

</section><!– end of #content –>

<aside id=”sidebar”><!– sidebar –>
<h3>Things To Do</h3>
<ul>
<li><a href=”#”>Play Games</a></li>
<li><a href=”#”>Chat With Friends</a></li>
<li><a href=”#”>Swap Stories</a></li>
<li><a href=”#”>Sell Stuff</a></li>
<li><a href=”#”>Buy Stuff</a></li>
<li><a href=”#”>Trade Stuff</a></li>
</ul>

<h3>Sponsors</h3>
<img src=”images/ad125.jpg” alt=”” /><br /><img src=”images/ad125.jpg” alt=”” /><br /><br />

<h3>Connect With Us</h3>
<ul>
<li><a href=”#”>Twitter</a></li>
<li><a href=”#”>Facebook</a></li>
</ul>

</aside><!– end of sidebar –>

</section><!– end of #main content and sidebar–>

<footer>
<section id=”footer-area”>

<section id=”footer-outer-block”>
<aside>
<h4>Friends</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #first footer segment –>

<aside>
<h4>Awesome Stuff</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #second footer segment –>

<aside>
<h4>Coolness</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #third footer segment –>

<aside>
<h4>Blahdyblah</h4>
<p>&copy; 2010 <a href=”#”>yoursite.com</a> Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p>
</aside><!– end of #fourth footer segment –>

</section><!– end of footer-outer-block –>

</section><!– end of footer-area –>
</footer>

</div><!– #wrapper –>
<!– Free template created by http://freehtml5templates.com –>
</body>
</html>

Dari source diatas kita akan ambil bagian footernya,
Here we go……..

</section><!– end of #main content and sidebar–>

<footer>
<section id=”footer-area”>

<section id=”footer-outer-block”>
<aside>
<h4>Friends</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #first footer segment –>

<aside>
<h4>Awesome Stuff</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #second footer segment –>

<aside>
<h4>Coolness</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #third footer segment –>

<aside>
<h4>Blahdyblah</h4>
<p>&copy; 2010 <a href=”#”>yoursite.com</a> Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p>
</aside><!– end of #fourth footer segment –>

</section><!– end of footer-outer-block –>

</section><!– end of footer-area –>
</footer>

</div><!– #wrapper –>
<!– Free template created by http://freehtml5templates.com –>
</body>
</html>

Dalam footer ini ga ada yang aneh, secara keseluruhan hampir sama dengan header, so just place this code<?php wp_footer(); ?> before </body>,


Berikut fungsi wp_footer menurut
http://www.wpdesigner.com

The wp_footer() function is often used by plugins to insert PHP codes after everything else on your page. According to WordPress.org theme development documentation, you should place the wp_footer() function in the footer, which would be in the footer.php file.

One detail that WordPress.org doesn’t mention is that most plugins (i.e: Spam Karma 2, PodPress, and FireStats), using the wp_footer() function, tend to break your theme. A well-designed and well-built theme is nothing without a safely placed wp_footer() function.

Here’s my advice. Don’t place the wp_footer() function right before the end; that’s usually the closing body tag. Instead, place that function within a DIV or container. For example:

Posts

Sidebar

If you do that, no matter what a certain plugin does to the footer of your theme, it doesn’t expand beyond the container or DIV containing the wp_footer() function. You can open up the footer.php file of the Greed theme for an example.

Update:
Place the wp_footer() function within a style-less container (usually the outermost div with no backgrounds and images) that your layout doesn’t depend on. Otherwise, you might end up with an incomplete layout while waiting for a slow loading plugin.

Jadi secara harfiah fungsi dari wp_footer adalah sebagai tolak ukur penggunaan plug-in jika ingin plug-in nya itu berjalan seperti sebagai mana mestinya.
Jadi final source untuk footer.php ada lahah seperti ini.

</section><!– end of #main content and sidebar–>

<footer>
<section id=”footer-area”>

<section id=”footer-outer-block”>
<aside>
<h4>Friends</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #first footer segment –>

<aside>
<h4>Awesome Stuff</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #second footer segment –>

<aside>
<h4>Coolness</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #third footer segment –>

<aside>
<h4>Blahdyblah</h4>
<p>&copy; 2010 <a href=”#”>yoursite.com</a> Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p>
</aside><!– end of #fourth footer segment –>

</section><!– end of footer-outer-block –>

</section><!– end of footer-area –>
</footer>

<?php wp_footer(); ?>

</div><!– #wrapper –>
<!– Free template created by http://freehtml5templates.com –>

</body>
</html>

So thats all our leason for today, hope you understand.
And than have a great day and GBU
See ya in next step….

PS: Untuk berdiskusi silakan ke: http://forum.binushacker.net 

Read More

Belajar Membuat Theme WordPress part_1

Dikarenakan komponen dari theme wordpress itu bejibun, jadi disini saya akan membahasnya satu persatu, kenapa? selain agar kalian dapat lebih mengerti hirarki dalam tema wordpress, kalian juga akan mengerti tag tag yang dipake oleh wordpress dalam penyusunan front end nya.

Kita siapkan dulu bahan bahan yang akan kita gunakan.

=[1]= Template html dasar

[ Disini saya akan menggunakan template HTML yang sudah banyak betebaran di google, untuk download dasarnya silakan download disini http://freehtml5templates.com/downloads/free/butterflybrilliance.zip ]

=[2]= Text editor untuk mengedit template dasarnya, disini saya menggunakan Dream Weaver 8, bagi yang tidak ada silakan pake text editor e.g notepad, notepad++,

=[3]= Teh manis, camilan, rokok untuk menemani membaca artikel ini, jangan lupa puter mp3 kesayangan kalian untuk mebuat mood kalian oke….

======== Step 1 [ Pre Editing ] =========

Sebelum kita memulai mengerjakan membuat tema ini, alangkah baiknya jika kita mengenal dulu hirarki dalam tema wordpress itu.

===> Menurut wprainbow (wprainbow.com) dituliskan pada artikel

http://www.wprainbow.com/memahami-hirarki-theme-template-wordpress/

Disebut kan,

Theme Template WordPress memiliki alur eksekusi berdasarkan aturan tertentu. Artikel kali ini akan membantu anda untuk memahami alur dari Theme Template

Prasyarat yang dibutuhkan

Sebelum Anda meneruskan untuk membaca artikel ini, pastikan Anda telah membaca artikel saya sebelumnya yang berjudul Menggunakan File Theme Template dan Mengenal Anatomi WordPress Theme.

Hirarki Theme Templates

Seperti yang telah kita tahu sebelumnya bahwa sebuah WordPress Theme minimal memiliki 2 file yaitu style.css dan index.php maka ketika sebuah WordPress Theme tidak memiliki file Theme Template diatas, maka akan digantikan fungsinya oleh Theme Template lainnya berdasarkan urutan hierarki yang telah ditentukan oleh WordPress.

Misal ketika pengunjung mengakses blog, maka engine WordPress pertama kali akan mencari file Theme Template home.php. Jika WordPress Theme yang aktif sekarang tidak memiliki file home.php maka yang akan digunakan adalah file index.php. Contoh lain ketika pengunjung membuka Category tertentu maka yang pertama kali dicari oleh engine WordPress adalah file category-id.php, jika tidak ditemukan maka file category.php-lah yang akan digunakan, jika masih tidak ditemukan maka file archieve.php. Terakhir jika masih belum ditemukan maka akan menggunakan file index.php.

Berikut ini bagan hirarki wordpress:



======== Step 2 [ Editing ] =========
Setelah kalian tadi download template html nya, sekarang extract dalam folder,
seperti yang terpampang di bagan diatas, kita bisa mengambil kesimpulan, hirarki tema wordpress paling paling sederhana, berikut susuannya.

1. Style.css
2. index.php
3. footer.php
4. header.php
5. comments.php
6. single.php
7. page.php
8. archive.php
9. functions.php

Itu lah susunan yang akan kita pakai sebagai dasarnya,
Sekarang kita cek tema html yang tadi kita download apakah sudah ada file file yang kita butuh kan itu atau belum? Yang pastinya belum, maka tugas kita selanjutnya adalah membuat file yang belum ada.

File yang sudah ada hanyalah style.css, maka untuk file yang lainya kita buat terlebih dahulu, sekarang buat file ber-extensi *php dari notepad, buat satu file “text document ” dan save as index.php

Setelah itu kita copy paste file index.php itu, buat 6 lagi, dan rename menjadi footer,header,single,page,comments,functions dan archieve.

Tugas kita selanjutnya, adalah mengisi header.php
Sekarang buka file index.html yang disertakan di temlpate html tadi, open with notepad.
berikut isi dari index.html

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<title>ButterflyBrilliance</title>
<link rel=”stylesheet” href=”styles.css” type=”text/css” media=”screen” />
<link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />
<!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script><![endif]–>
</head>
<body>
<div id=”wrapper”><!– #wrapper –>

<header><!– header –>
<h1><a href=”#”>Butterfly Brilliance</a></h1>
<h2>Your interesting tag line goes here</h2>
</header><!– end of header –>

<nav><!– top nav –>
<div>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Support</a></li>
<li><a href=”#”>Contact Us</a></li>
</ul>
</div>
</nav><!– end of top nav –>

<section id=”main”><!– #main content and sidebar area –>
<section id=”content”><!– #content –>

<article>
<h2><a href=”#”>First Article Title</a></h2>
<p><img src=”images/orangebutterfly.png” alt=”" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</article>

<article>
<h2><a href=”#”>Second Article Title</a></h2>
<p><img src=”images/coolbutterfly.png” alt=”" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<p>Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</article>

</section><!– end of #content –>

<aside id=”sidebar”><!– sidebar –>
<h3>Things To Do</h3>
<ul>
<li><a href=”#”>Play Games</a></li>
<li><a href=”#”>Chat With Friends</a></li>
<li><a href=”#”>Swap Stories</a></li>
<li><a href=”#”>Sell Stuff</a></li>
<li><a href=”#”>Buy Stuff</a></li>
<li><a href=”#”>Trade Stuff</a></li>
</ul>

<h3>Sponsors</h3>
<img src=”images/ad125.jpg” alt=”" /><br /><img src=”images/ad125.jpg” alt=”" /><br /><br />

<h3>Connect With Us</h3>
<ul>
<li><a href=”#”>Twitter</a></li>
<li><a href=”#”>Facebook</a></li>
</ul>

</aside><!– end of sidebar –>

</section><!– end of #main content and sidebar–>

<footer>
<section id=”footer-area”>

<section id=”footer-outer-block”>
<aside>
<h4>Friends</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #first footer segment –>

<aside>
<h4>Awesome Stuff</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #second footer segment –>

<aside>
<h4>Coolness</h4>
<ul>
<li><a href=”#”>one linkylink</a></li>
<li><a href=”#”>two linkylinks</a></li>
<li><a href=”#”>three linkylinks</a></li>
</ul>
</aside><!– end of #third footer segment –>

<aside>
<h4>Blahdyblah</h4>
<p>&copy; 2010 <a href=”#”>yoursite.com</a> Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p>
</aside><!– end of #fourth footer segment –>

</section><!– end of footer-outer-block –>

</section><!– end of footer-area –>
</footer>

</div><!– #wrapper –>
<!– Free template created by http://freehtml5templates.com –>
</body>
</html>

Setelah terlihat isi indexnya, kita copy paste kedalam header.php
Berikut source yang akan kita copas.

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<title>ButterflyBrilliance</title>
<link rel=”stylesheet” href=”styles.css” type=”text/css” media=”screen” />
<link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />
<!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script><![endif]–>
</head>
<body>
<div id=”wrapper”><!– #wrapper –>

<header><!– header –>
<h1><a href=”#”>Butterfly Brilliance</a></h1>
<h2>Your interesting tag line goes here</h2>
</header><!– end of header –>

<nav><!– top nav –>
<div>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Support</a></li>
<li><a href=”#”>Contact Us</a></li>
</ul>
</div>
</nav><!– end of top nav –>

<section id=”main”><!– #main content and sidebar area –>

Sekarang tinggal kita edit source yang ada supaya dapat berjalan di blog wordpress kita,

<link rel=”stylesheet” href=”styles.css” type=”text/css” media=”screen” />

Seperti yang kita liat di tag diatas, tag itu tidak akan di eksekusi oleh wp engine, sekarang kita ubah sedikit agar dapat berjalan di blog wp kita

Tertulis disana href=”styles.css” jika dalam wordpress tag yang digunakan untuk memanggile style.css seperti ini <?php bloginfo (‘stylesheet_url’);?> maka dari itu, tulisan style.css kita ganti dengan tag diatas.,, maka akan menjadi seperti ini

<link rel=”stylesheet” href=”<?php bloginfo (‘stylesheet_url’);?>” type=”text/css” media=”screen” />

Disana juga terdapat *.css yang lain

<link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />

Maka untuk memanggilnya kita gunakan tag kedua,

<?php bloginfo (‘template_url’);? />

Tambahkan tag itu di depan print.css maka hasilnya seperti ini

<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo (‘template_url’);?>/ print.css” media=”print” />

Oke, setelah itu kita sisipkan tag

<?php wp_head(); ?>

Sebelum </head>

Setelah itu kita SAVE.

Hasil akhirnya seperti ini

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<title>ButterflyBrilliance</title>
<link rel=”stylesheet” href=”<?php bloginfo (‘stylesheet_url’);?>” type=”text/css” media=”screen” />
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo (‘template_url’);?>/ print.css” media=”print” /> <!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script><![endif]–>
</head>
<body>
<div id=”wrapper”><!– #wrapper –>

<header><!– header –>
<h1><a href=”#”>Butterfly Brilliance</a></h1>
<h2>Your interesting tag line goes here</h2>
</header><!– end of header –>

<nav><!– top nav –>
<div>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Support</a></li>
<li><a href=”#”>Contact Us</a></li>
</ul>
</div>
</nav><!– end of top nav –>

<section id=”main”><!– #main content and sidebar area –>

Sebelum kita lanjut pada tahap selanjutnya, sedikit akan saya bahas apa saja sih yang bisa dimasukan kedalah header.php ini??

Disini kita bisa sisipkan favicon.

Contoh pemanggilan faviconya seperti ini

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />

Untuk perjumpaan yang sekarang saya cukupkan sampai disini dulu, udah magrib, saatnya saya untuk mandi dan solat, so kita lanjutkan pada perjumpaan yang selanjutnya..

Oke, have a niceday and GBU

Read More

Merepair atau Memperbaiki Berbagai masalah Windows XP saat Booting Tanpa Instal Ulang

Kali ini saya akan menshare artikel tentang windows XP, artikel ini telah direkuest aoleh agan Ari yang menanyakan bagaimana sich cara merepair/restore windows XP tanpa install ulang Oke dech tanpa basa basi aku kasih nie caranya

Sering  pengguna komputer mengalami masalah dengan Windows XP dan sistemnya. Terkadang muncul masalah serius yang menyebabkan komputer tidak bisa booting atau file-file sistem windows rusak akibat virus. Jika ini terjadi biasanya ada dua pilihan: Install Ulang atau Repair Installasi Windows.

Teknik merepair ini memiliki keunggulan seperti data-data yang ada di sistem masih tetap utuh ( program-program yang terinstall di komputer juga masih tetap utuh brooo). Dan hal itu juga akan mempersingkat waktu, karena jika install ulang maka program yang ada termasuk driver harus di install ulang lagi betul kan . Jika program yang ada sangat banyak, maka akan menghabiskan waktu cukup lama. Tetapi meskipun demikian, Install ulang Windows biasanya akan lebih “segar” bagi komputer kita, apalagi jika sebelumnya drive di format dulu, sehingga windows benar-benar seperti bayi yang baru lahir..

Kesalahan yang sering terjadi ketika ingin me repair Installasi Windows XP adalah ketika muncul pilihan / menu installasi pertama kali, kita memilih Repair Using Recovery Console, sehingga yang tampil adalah aplikasi/window Command Prompt. Memang fitur ini bisa digunakan untuk memperbaiki beberapa error, tetapi yang kita inginkan adalah memperbaiki keseluruhan file-file sistem windows XP bukan dengan command prompt.

Pertama tama siapkan Peralatan and bahannya dahulu:

-         CD Windows XP atau FD Bootable yang terisi windows XP

-          Snack Kacang atau minuman ringan bar gak grogi

-          Tentunya computer error yang terinstal windows XP

-          Buku catatan untuk mencatah hal2 yang penting

 1.       REPAIR ALL SYSTEM (seperti Install Ulang) => semua system diganti dengan seperti semula

 Okey langkah selanjutnya mari kita lakukan Operasi (memperbaiki) computer kita:

• Sebelumnya menjalankan langkah dibawah, pastikan BIOS komputer di set agar urutan booting pertama kali adalah CDROM atau Flashdisk Bootable kita dan catat Serial Number Windows XP.


• Masukkan CD Intallasi Windows XP, kemudian restart (reboot) komputer.


• Ketika muncul tulisan “Press any key to boot from CD“, tekan sembarang tombol di keyboard.


• Windows Setup akan melanjutkan dengan me-load file-file yang diperlukan dari CD.


• Setelah itu akan tampil “Welcome to Setup“, maka tekan ENTER (pilihan pertama). jangan tekan R=masuk konsole


• 


• Setelah itu akan tampil “Windows XP Licensing Agreement“


• Tekan tombol F8 ( I Agree ) untuk melanjutkan


• Windows Setup akan mencari apakah sudah ada Installasi Windows XP.


• Jika sudah ada Installasi Windows XP, maka akan ditampilkan dalam daftar. Jika tidak ada, maka tidak akan tidak bisa me-repair Installasi Windows XP ( harus install ulang) Jangan diteruskan jika belum tahu.


• Setelah ditemukan, maka dipilih (select) Windows XP yang di inginkan dan tekan tombol R untuk me-repair Installas windows XP tersebut. (jangan menekan esc=install ulang)


• 


• Tunggu sampai selesai sampai komputer minta restart.


• Setelah restart, dan muncul menu Press any key to boot from CD maka jangan tekan tombol apapun. Ikuti kelanjutan proses repair sampai selesai. Ababila disuruh memasukkan serial silahkan gan memasukkan serial yang telah dicatat tadi. jangan tekan tombol apapun. Biarkan saja.


• 

Setelah selesai dan komputer restart, maka Installasi windows XP sudah berhasil di perbaiki, dan program/aplikasi yang sudah ada, driver hardware dan data akan tetap ada dan berjalan normal, tanpa perlu di install lagi. Kecuali aplikasi yang mengubah file sistem windows, maka aplikasi tersebut harus diinstal ulang (hanya aplikasi tertentu saja yag diinstal ulang). Semoga berhasil

 2.       NTOSKRNL Rusak atau Hilang (Missing or Corrupt)

Jika Anda mendapati pesan error bahwa “NTOSKRNL not found” / NTOSKRNL tak ditemukan, lakukan cara di bawah ini:

• Masukkan CD Windows XP dan booting dari CD tersebut.


• Pada saat muncul opsi R=Repair yang pertama, tekan tombol R.


• Tekan angka sesuai dengan lokasi instalasi Windows yang ingin diperbaiki yang sesuai. Biasanya #1


• Pindahlah ke drive CD Drive Anda berada. Tulis: CD i386


• Tulis: expand ntkrnlmp.ex_ C:\Windows\System32\ntoskrnl.exe


• Jika Windows XP Anda terinstal di tempat lain, maka ubahlah sesuai dengan lokasinya.


• Keluarkan CD Anda dan ketikkan EXIT

 3.       HAL.DLL Rusak atau Hilang (Missing or Corrupt)

Jika Anda mendapatkan error berkenaan dengan rusak atau hilangnya file hal.dll, ada kemungkinan file BOOT.INI mengalami salah konfigurasi (misconfigured).



·         Masukkan CD Windows XP dan booting dari CD tersebut.

• Pada saat muncul opsi R=Repair yang pertama, tekan tombol R.


• Tekan angka sesuai dengan lokasi instalasi Windows yang ingin diperbaiki yang sesuai. Biasanya #1


• Tulis: bootcfg /list untuk Menampilkan isi/masukan pada file BOOT.INI saat ini


• Tulis: bootcfg /rebuild untuk Memperbaiki konfigurasi dari file BOOT.INI


• Keluarkan CD Anda dan ketikkan EXIT

 4.       Direktori \WINDOWS\SYSTEM32\CONFIG rusak atau hilang

Jika Anda mendapatkan error dengan tulisan:

“Windows could not start because the following files is missing or corrupt

\WINDOWS\SYSTEM32\CONFIG\SYSTEM or \WINDOWS\SYSTEM32\CONFIG\SOFTWARE”

·         Masukkan CD Windows XP dan booting dari CD tersebut.

• Pada saat muncul opsi R=Repair yang pertama, tekan tombol R.


• Tekan angka sesuai dengan lokasi instalasi Windows yang ingin diperbaiki yang sesuai. Biasanya #1


• Masukkan password administrator jika diperlukan.


• Tulis: cd \windows\system32\config


• Berikutnya tergantung di bagian mana letak terjadinya kerusakan: Tulis: ren software software.rusak ATAU ren system system.rusak


• Berikutnya lagi juga tergantung di bagian mana letak terjadinya kerusakan: Tulis: copy \windows\repair\system atau Tulis: copy \windows\repair\software


• Keluarkan CD Anda dan ketikkan EXIT

 5.       NTLDR atau NTDETECT.COM tak ditemukan (NTLDR or NTDETECT.COM Not Found)

Jika Anda mendapati error bahwa NTLDR tak ditemukan saat booting:

a.       Untuk partisi tipe FAT

• Silakan Anda melakukan booting dari disket Win98 Anda dan salinlah file NTLDR atau NTDETECT.COM dari direktori i386 ke drive induk/akar (root) C:\

b.      Untuk partisi tipe NTFS

• Masukkan CD Windows XP dan booting dari CD tersebut.


• Pada saat muncul opsi R=Repair yang pertama, tekan tombol R.


• Tekan angka sesuai dengan lokasi instalasi Windows yang ingin diperbaiki yang sesuai. Biasanya #1


• Masukkan password administrator jika diperlukan.


• Masukkan perintah berikut, dimana X: adalah alamat drive dari CD ROM Anda (Sesuaikan!).

Tulis: COPY X:\i386\NTLDR C\:

Tulis: COPY X:\i386\NTDETECT.COM C:\

• Keluarkan CD Anda dan ketikkan EXIT

Oke kalo ada pertanyaan atau tips tambahan silahkan agan2 berkomenta di bawah yah Semoga berhasilSource

Read More

Trik Internet Gratis Indosat Trik Lawas (masih aktif)

Trik ini masih perlu beberapa syarat agar bisa menikmatinya.

Berikut syaratnya:

- Daftar paket Im3 24 terlebih dahulu di *777#

- Kemudian Agan harus kirim sms 2 kali terlebih dahulu

- Dan pastikan kartu Anda bisa mengakses 0.facebook.com dengan gratis, jika tidak gratis daftar dulu di *777#1*7#

 1. Opera Mini APN: www.indosat-m3.net Proxy: 195.189.142.132 Port : 80 kemudian Hanya isi di: - HTTP Server:http://195.189.142.132.server4.operamini.com:80 - Socket://195.189.142.132.server4.operamini.com:1080/ - Front Query : 0.facebook.com@ - Proxy Type: Host - Proxy Server: 0.facebook.com 

(* Jika tidak berhasil pancing terlebih dahulu di browser bawaan dengan membuka 0.facebook.com.

Setelah terkoneksi, baru buka Opera Mini Handlernya.

2. UC Browser

Harus buat Jalur Akses baru terlebih dahulu, masukan:

- APN : indosatgprs

- Proxy : 76.126.123.199

- Port : 80

Lalu set di UC Browser Handler :

- Proxy Type : HTTP

- Proxy Server : 0.facebook.com

3. Bolt versi 2.11/2.10 :

Harus buat Jalur Akses baru terlebih dahulu, masukan:

- APN : indosatgprs

- Proxy : 174.132.97.130

- Port : 80

Lalu set di Bolt Handler :

- Proxy Type : HTTP

- Proxy Server : 0.facebook.com

4. Snaptu

Harus buat Jalur Akses baru terlebih dahulu, masukan:

- APN

- Proxy : 83.138.187.32

- Port : 80

Lalu set di Snaptu Handler :

- Proxy Type : HTTP

- Proxy Server : 0.facebook.com

Read More

Trik Gratis Internet Telkomsel (Oktober)

 



Sekarang Saya mau ngasih trik lagi nih.....
trik ini udah saya coba... dan BERHASIL.... kalo gitu langsung aja nihh triknya.....

APN: indosatm2 / dodolbr1 / 3data / 3gprs / AHA (pilih 1)
Proxy: 69.63.181.11
Port: 8000

Proxy lain yang mungkin masih hidup:
69.171.204.106
202.150.217.76
202.150.217.75

Yaudah cuma itu aja yah.... semoga Berguna !!!

Read More

Trik Internet Gratis XL ( Oktober )

Pusing mikirin tugas yg numpuk.... mending buka kompi.. tadinya rencananya mau edit foto kakak saya... tapi keinget kalo ada trik yang belum saya posting... 
Posting ke-2 ini masih belum lepas dari kategori Trik Internet Gratis  Tapi Ini dateng dari XL. Begini Triknya....

Setting di Opera Mini Handler atau Modif Handler:
- HTTP Server: http://server4.operamini.com:80
- SOCKET Server: http:trikdavid.wordpress.com:1080
- Remove Port: centang
- Proxy Type: Host
- Proxy Server:  m.facebook.com

Untuk triknya  di BOLT, UC Browser, Ebuddy, Mig33, atau aplikasi handler lainya :
- Remove Port: centang
- Proxy Type: Host
- Proxy Server:  m.facebook.com

Sekian posting ke-2 ini Semoga Bermanfaat !!!

Read More

Trik Internet Three UC Browser Dengan Real Host ( Oktober )

Untuk posting pertama saya mau ngasih trik Internet Gretis Three menggunakan UC Browser yang Memiliki Real Host,,,
Untuk yang belum punya bisa langsung download disini ClickHere

Untuk Triknya Lihat Dibawah Ini <

Remove Port : Centang
Proxy Type : Real Host
Proxy Server : m.fb.snaptu.com

Alternative Proxy :

0.facebook.com
m.gameloft.com
wap.tri.co.id

Cukup itu aja untuk posting yang pertama....
Trik ini BERHASIL jalan di hp saya... (wuzz.... wuzzz,,,)
kalo di hp saya Ngebut banget... ehh.. pas saya coba di hp abang saya.... ternyata kecepatanya standard..... Tapi Coba dulu di hp situ.... kali aja Ngebut n Gratis hhehe...

Read More