====================================================================================
CODE: HTML BUT IT DOES NOT SHOW SEARCH BOX & IT'S LONGER THAN
PHP ONE LINE CODE
====================================================================================
<div id="sidebar">
<h2 ><?php _e('Categories'); ?></h2>
<ul >
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
<h2 ><?php _e('Archives'); ?></h2>
<ul >
<?php wp_get_archives('type=monthly'); ?>
</ul>
</div>
====================================================================================
YOU CAN USE PHP CODE FOR COMPLETE: POST, HEADER, SIDEBAR ,FOOTER
<?php if (have_posts()) : while (have_posts()) : the_post(); ?><p><?php the_content(__('(more...)')); ?></p> <?php endwhile; else: ?> <?php endif; ?>
<?php get_header(); ?> <!-- This is Extra PHP Header-->'
<?php get_sidebar(); ?> <!-- This is Extra PHP SideBar -->'
<?php get_footer(); ?> <!-- This is Extra PHP Footer -->'
================================================================================
MAKE THUMBNAIL I USE THIS CODE
index.php
<div id="posts">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="full-post" id="post-<?php the_ID(); ?>">
<h1><?php the_title(); ?></h1>
<h4>Posted on <?php the_time('F jS, Y') ?></h4>
<p><?php the_content(__('(more...)')); ?></p>
<hr>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
</div>
style.css
.full-post .aligncenter {
border:5px solid yellow;
width:200px;
height:200px;
}
================================================================================
OTHERS:
================================================================================
<h1><?php the_title(); ?></h1>
<h2 ><?php _e('Archives'); ?></h2>
<h2 ><?php _e('Categories'); ?></h2>
<h4>Posted on <?php the_time('F jS, Y') ?></h4>
====================================================================================
MAKE WODPRESS THEME WITH TWO FILES style.css And index.php
====================================================================================
===================================================================================
/*
Theme Name:FbGadgets
Theme URI: http://fbgadgets.blogspot.co.uk/2015/12/make-wodpress-theme.html
*/
body {
text-align: center;
}
#wrapper {
display: block;
border: 1px #a2a2a2 solid;
width: 90%;
margin: 0px auto;
}
#header {
border: 2px #a2a2a2 solid;
}
#content {
width: 75%;
border: 2px #a2a2a2 solid;
float: left;
}
#sidebar {
width: 23%;
border: 2px #a2a2a2 solid;
float: right;
}
#delimiter {
clear: both;
}
#footer {
border: 2px #a2a2a2 solid;
}
.title {
font-size: 11pt;
font-family: verdana;
font-weight: bold;
}
====================================================================================
====================================================================================
<?php wp_head(); ?>
<html>
<head>
<title>FbGadgets</title>
<link href="wp-content/themes/Demo/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<!-- end #header -->
<?php get_header(); ?>
<div id="main">
<div id="content">
<h1>Main Area</h1>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><?php the_title(); ?></h1>
<h4>Posted on <?php the_time('F jS, Y') ?></h4>
<p><?php the_content(__('(more...)')); ?></p>
<hr>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?> <!-- This is Extra PHP SideBar -->'
</div>
<div id="delimiter">
</div>
<div id="footer">
<h1>FOOTER</h1>
</div>
</div>
</body>
</html>
====================================================================================
OR USE THIS CODE WITH CUSTOMIZE SEARCH BOX
How to customize search box in sidebar?
<form id="searchform" method="get" action="http://fbgadgets.blogspot.co.uk/">
<div>
<input name="s" id="s" size="15" type="text">
<input value="Search" type="submit">
</div>
BUT BLOGGER TEMPLATE USE
<input id='input' name='q' placeholder='Search here...' type='text'/>
YOU CAN'T CHANGE q WORD OR DO'T NOT USE UPPERCASE LETTER Q
<form action='/search' autocomplete='off' id='searchbox' method='get'>
<input id='Search' type='submit' value='Search'/>
<input id='input' name='q' placeholder='Search here...' type='text'/>
</form>
====================================================================================
|
Friday, 25 December 2015
MAKE WODPRESS THEME


------------------------------------------------------------------------------------------------------------------------
MAKE AND SAVE ALL FILE ONE BY ONE IN SAME FOLDER
------------------------------------------------------------------------------------------------------------------------
1) USE NOTEPAD ++
COPY AND PASTE BELOW CODE AND SAVE IN footer.php
------------------------------------------------------------------------------------------------------------------------
<div id="footer">
<h1>FOOTER</h1>
</div>
</div>
</body>
</html>
------------------------------------------------------------------------------------------------------------------------
2) USE NOTEPAD ++
COPY AND PASTE BELOW CODE AND SAVE IN functions.php
------------------------------------------------------------------------------------------------------------------------
<?php
//Adds thumbnail to post
add_theme_support('post-thumbnails');
//Adds Menus
add_theme_support('menus');
//Register right sidebar
register_sidebar(array(
'name' => __( 'Right Hand Sidebar' ),
'id' => 'right-sidebar',
'description' => __( 'Widgets in this area will be shown on the right-hand side.' ),
'before_title' => '<h2>',
'after_title' => '</h2>',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div><!-- widget end -->'
));
?>
-----------------------------------------------------------------------------------------------------------------------
3) USE NOTEPAD ++
COPY AND PASTE BELOW CODE AND SAVE IN header.php
-----------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html">
<html>
<head>
<title><?php bloginfo('title'); ?></title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" media="screen" />
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="header-wrapper">
<div id="header">
<div id="logo">
<h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo('name'); ?></a></h1>
<p><?php bloginfo('description'); ?></p>
</div>
</div>
</div>
<!-- end #header -->
------------------------------------------------------------------------------------------------------------------------
4) USE NOTEPAD ++
COPY AND PASTE BELOW CODE AND SAVE IN index.php
------------------------------------------------------------------------------------------------------------------------
<?php get_header(); ?>
<div id="main">
<div id="content">
<h1>Main Area</h1>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><?php the_title(); ?></h1>
<h4>Posted on <?php the_time('F jS, Y') ?></h4>
<p><?php the_content(__('(more...)')); ?></p>
<hr>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
</div>
<div id="delimiter">
</div>
<?php get_footer(); ?>
------------------------------------------------------------------------------------------------------------------------
5) USE NOTEPAD ++
COPY AND PASTE BELOW CODE AND SAVE IN sidebar.php
------------------------------------------------------------------------------------------------------------------------
<div id="sidebar">
<h2 ><?php _e('Categories'); ?></h2>
<ul >
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
<h2 ><?php _e('Archives'); ?></h2>
<ul >
<?php wp_get_archives('type=monthly'); ?>
</ul>
</div>
------------------------------------------------------------------------------------------------------------------------
6) USE NOTEPAD ++
COPY AND PASTE BELOW CODE AND SAVE IN style.css
------------------------------------------------------------------------------------------------------------------------
/*
Theme Name:FbGadgets
Theme URI: http://fbgadgets.blogspot.co.uk/2015/12/make-wodpress-theme.html
*/
body {
text-align: center;
}
#wrapper {
display: block;
border: 1px #a2a2a2 solid;
width: 90%;
margin: 0px auto;
}
#header {
border: 2px #a2a2a2 solid;
}
#content {
width: 75%;
border: 2px #a2a2a2 solid;
float: left;
}
#sidebar {
width: 23%;
border: 2px #a2a2a2 solid;
float: right;
}
#delimiter {
clear: both;
}
#footer {
border: 2px #a2a2a2 solid;
}
.title {
font-size: 11pt;
font-family: verdana;
font-weight: bold;
}
------------------------------------------------------------------------------------------------------------------------
7) USE WINDOW PAINT OR LunaPic TO RESIZE YOUR IMAGE 800X600
AND SAVE THIS screenshot.png
------------------------------------------------------------------------------------------------------------------------
7) USE WINDOW PAINT OR LunaPic TO RESIZE YOUR IMAGE 800X600
AND SAVE THIS screenshot.png
------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
8) USE WINRAR4.20 AND SEND COMPRESS ZIP FOLDER
http://www.oldversion.com/search?query=WINRAR
------------------------------------------------------------------------------------------------------------------------WORDPRESS SIDE BAR HTML OR PHP
<?php wp_head(); ?>
<html>
<head>
<title>FbGadgets</title>
<link href="wp-content/themes/Demo/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<!-- end #header -->
<div id="header" role="banner">
<div id="headerimg">
<h1><a href="http://localhost/test/">WORDPRESS</a></h1>
<div class="description">Just another WordPress site</div>
</div>
</div>
<div id="main">
<div id="content">
<h1>Main Area</h1>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><?php the_title(); ?></h1>
<h4>Posted on <?php the_time('F jS, Y') ?></h4>
<p><?php the_content(__('(more...)')); ?></p>
<hr>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
</div>
<div id="sidebar">
<form id="searchform" method="get" action="http://localhost/test/">
<div>
<input name="s" id="s" size="15" type="text">
<input value="Search" type="submit">
</div>
</form>
<h2 ><?php _e('Categories'); ?></h2>
<ul >
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
<h2 ><?php _e('Archives'); ?></h2>
<ul >
<?php wp_get_archives('type=monthly'); ?>
</ul>
</div>
</div>
<div id="delimiter">
</div>
<div id="footer">
<h1>FOOTER</h1>
</div>
</div>
</body>
</html>
Related movie you might like to see :

GOOGLE CONSOLE

GOOGLE CHROME EXTENSION FILE SAVE O...

OPEN DESKTOP TEXT FILE BY COMMAND P...

RELATED POST WIDGET LIST WITHOUT TH...

FLASH PLAYER SWF FILE DOWNLOAD ARCH...

WHACK A RAT CSS GAME

CSS SLIDER WITHOUT JS

FLICKITY SLIDER SCROLL WITH RADIO N...

FLICKITY JS CSS SLIDER

RADIO BUTTON SLIDER TO KEY FRAME SL...

MAGENTO CUSTOM BLOCK DEVOLPMENT

MAGENTO DWNLOAD

RENAME CORE FOLDER IN PRESTASHOP

RENAME ADAPTER FOLDER IN PRESTASHOP

RENAME DOWNLOAD FOLDER IN PRESTASHO...

IMPORT SQL CSV FILE ON PHPMYADMIN

CHANGE CSS TEMPLATE INTO BLOGGER TE...

RESPONSIVE BLOGGER TEMPLATE FB GDGE...

CHANGE CSS TEMPLATE INTO BLOGGER TE...

GENERIC BLOGGER TEMPLATE PARTS
?
+
X
Recommended for you
Loading..
Related Post for MAKE WODPRESS THEME
CLIPBOARD JS ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION --------------…
RECENT OR FEATURED POST SLIDER AFTER FOOTER ------------------------------------------------------------------------------------------------------------- COPY AND POST CODE READ MORE: http://fbgadgets.blogspot.co.uk/2…
URL ENCORDER DECODER CODE ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION bit.ly shorte…
CLIP BOARD EXAMPLES CODE ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION ---------------…
CLIP BOARD EXAMPLES CODE ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION --------------…
ABSOLUTE POPUP BOX WITH PRINT ----------------------------------------------------------------------------------------------------------------- POP BOX WITHOUT JAVA CODE 1: COPY AND PASTE BELOW CODE IN POS…
Dino Pairs Matching Game ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.…
JavaScript Compressor Packer A JavaScript Compressor h1 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold;background: …
RELATED POST WIDGET LIST SHAPE ---------------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.uk/2013/12/n-relate-pos…
DRAG AND DROP PRACTICE GAME WITH IMAGE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.c…
FANCY BOX JS FIDDLE - jsFiddle demo //![CDATA[ $(window).load(function(){ $(document).ready(function() { $(".fancybox").fancybox({ openEffect: 'none', closeEffe…
POST LOADER TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE --------------------------------------------…
SYNTAX HIGHLIGHTER ON LINE FOR BLOGGER ---------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.u…
Drag and Drop Practice Game With Image ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.…
SCRIPT TUTORIALS CSSO CSS COMPOSER CODE ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION ------------…
UnityAssetsExplorer Read More: https://yadi.sk/d/pQCvUUC02D3aY …
POST LOADER TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------------…
Popular Posts Widget for Blogger Tweak ---------------------------------------------------------------------------------------------------------- 1- ADD POPULAR POST WIDGET IN BLOG 2- ADD HTML/JAVA WIDGET IN BLOG A…
JAVA COLOR PICKER WITH jQuery UI Slider - Colorpicker jQuery UI Selectable - Serialize #red, #green, #blue { float: left; clear: left; width: 300px; margin: 15px; } #swatch { width: 1…
IMAGE SCROLL BOX WITH MOUSE CURSOR ----------------------------------------------------------------------------------------------------- SAVE AS BELOW CODE IN HTML PAGE READ MORE: http://www.freebits.co.u…
MAKE DLL FILE AND OPEN IN VISUAL BASIC 2008-2010 READ MORE: ----------------------------------------------------------------------------------------------------------------------- http://www.solvusoft.com/en/file-ex…
POPULAR POST SCROLL IN SIDEBAR TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE --------------------------------------------…
DRAG AND DROP PRACTICE GAME WITH IMAGE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspo…
RELATED POST WIDGET FRONT SCREEN TEMPLATE ---------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE ------------------------…
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE ----------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.uk/2014/08/syntax-highl…
ONLINE ZIP OPNER ---------------------------------------------------------------------------------------------------------- FIND THIS RED WORD IN GOOGLE online zip opener READ MORE: http://onl…
How to open a .DLL or .EXE file in Resource Editor READ MORE: ---------------------------------------------------------------------------------------------------------- http://www.solvusoft.com/en/file-extensions/file-extensio…
CLIP BOARD EXAMPLES CODE ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION --------------…
SCRIPT TUTORIALS CSSO CSS COMPOSER #stats{font-size:22px;font-weight:bold}.wpp-comments{} .content{border-left:none!important}.syntaxhighlighter .lines.no-wrap{overflow:auto!important;overflow-y:hidden!impo…
CLIP BOARD EXAMPLES CODE ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION ----------------…
ADD POP UP REMOVER STEP 2: Remove FocusBase pop-up ads from Internet Explorer, Firefox and Google Chrome with AdwCleaner The AdwCleaner utility will scan your computer and web browser for …
CLIP BOARD EXAMPLES CODE ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION --------------…
POPULAR POST WIDGET DIFFERENT STYLES ------------------------------------------------------------------------------------------------------ STYLE 1: ---------------------------------------------------------------…
DRAG AND DROP WITH JQUERY AND HTML TUTORIAL ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.…
NEWS TICKER BLOGGER TEMPLATES ---------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODEIN BLOGGER TEMPLATE -----------------…
HOW TO GET MALWARE ADD POPUP WITHOUT SOFTWARE --------------------------------------------------------------------------------------------------------- STEP 1: GO TO WINDOW TASK MANAGER STEP 2: OPEN FILE LOCATION AND DE…
RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR ---------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------------------…
WEBSITE TRANSLATOR AND THUMBNAIL Read More: http://www.worldlingo.com/en/products/instant_website_translator.html http://www.makeathumbnail.com/thumbnail.php http://www.sciweavers.org/free-online-web-to-im…
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE --------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.uk/2014/08/syntax-highlight…
Drag and Drop Practice Game With Image ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.c…
Sprite Sheet Animation ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.…
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE RED JAVA CODE AND JAVA FILE LINK PAG…
RECAPTCHA KEY CONTCAT FORM FOR BLOGGER ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE READMORE: http://kontactr.com/ https…
AUTOMATION ANY WEBSITES ------------------------------------------------------------------------------------------------------ READ MORE: https://www.automationanywhere.com/webdataext?r=google&w=…
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE ========================================================================= COPY AND PASTE BELOW CODE IN BLOGGER TEMPLATE http://fbgadgets.blogspot.co.uk/2014/08/syntax-h…
COMPRESS HTML COMPRESS HTML #content{width:500px;margin:0;padding:0;} h1 { width:500px; background: repeating-linear-gradient( 45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 10p…
URL ENCORDER DECODER URL Decoder/Encoder !-- body {background: white; color: black;} form {margin: 0;} h1 {font-family: Arial, sans-serif; line-height: 0.85em; border-bottom: 2px solid; marg…
TRANSLATE IN JAVA SCRIPT -------------------------------------------------------------------------------------------------------------------------- ENGLISH TO HINDI CODE ------------------------------…
DINO PAIRS MATCHING GAME ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot…
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.