Bootstrap Templates Bundle

Monday, January 7, 2013

How to use sidebar in post content without editing themecode

Step 1.  At first create a widget or sidebar by copy/paste this below code to your fuctions.php file

if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'sidebar1',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));

*You can change your sidebar name by replacing 'sidebar1'

Step2.  Download a plugin php-code-for-posts.1.0  by clicking here
            This plugin will help you to add php code to your content. Just install this plugin and go to PHP code option of your dasboard


Step3.  After going   PHP code menu click on add new button , then paste this below code there

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>

* You can style your sidebar, click here how to do that

Step4. After saving you will get a code below shortcode option. Copy that shortcode and paste where you want to show your sidebar. Remember you need to add widget into the sidebar ( from Appearance> Widgets )  that you have create, suppose Recent posts,Text,  Archive etc. Otherwise you can't see anything on you output.

If any problem Visit  bestcareerbd.com

Sunday, January 6, 2013

how-to-create-multiple-dynamic-sidebars-for-wordpress-widgets

Add this below code into your functions.php file


if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'sidebar1',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
register_sidebar(array('name'=>'sidebar2',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));


Add this below code where you want to show your  sidebar
Sidebar1 code goes like this

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>


Sidebar2 code goes like this

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar2') ) : ?>
<?php endif; ?>

If you want to add style then   

 <div id="postpagesidebar">
 <?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar2') ) : ?>
<?php endif; ?></div>

Source:
http://www.quickonlinetips.com/archives/2007/11/how-to-create-multiple-dynamic-sidebars-for-wordpress-widgets/
http://www.tastyplacement.com/add-sidebar-wordpress
http://howtomatter.com/how-to-create-a-new-widget-area/

Saturday, January 5, 2013

Share this button

You can download plugins Sharethis from here for wordpress or for other website follow below instructions

1.Copy and place where you want your egg to show.

<div id='shareThisShareEgg' class='shareEgg'></div>

2. Copy and place anywhere after the code from step 1.

<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['sharethis','facebook','googleplus','twitter','linkedin','pinterest','digg','delicious','diigo','dzone','fashiolista','email'], {title:'ShareThis Rocks!!!',url:'http://www.sharethis.com',theme:'shareegg'});</script>

3. Copy the script tags and place them inside and at the end of your "head" tag.

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "0629955b-3d9d-4314-b103-85ea10f15ae7", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

Easy way: simply paste this below code where you want to show sharethis egg button


<!-- Start Share -->   
<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "0629955b-3d9d-4314-b103-85ea10f15ae7", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

<div id='shareThisShareEgg' class='shareEgg'></div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['facebook','googleplus','twitter','linkedin','pinterest','digg','delicious','diigo','dzone','fashiolista','email'], {title:'ShareThis Rocks!!!',url:'http://www.sharethis.com',theme:'shareegg'});</script>
<!-- End Share -->  



Source; http://sharethis.com

Friday, January 4, 2013

Tuesday, January 1, 2013

url for Jquiry works

http://jqueryui.com/tabs/
http://jqueryui.com/datepicker/#icon-trigger

How to slideup-slidedown facebook likebox at the right/left side of footer


Paste this code where you want to show, you can use text widget for easy

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").toggle();
  });
});
</script>
</head>
<body>


<p><a style='position: fixed; bottom:5px;right:5px;' title=''><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/JNnews24com/452277951480704?
ref=hl;width=182&amp;colorscheme=light&amp;connections=3&amp;stream=false&amp;header=true&amp;height=215" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:182px; height:215px;" allowTransparency="true"></iframe> </a></p>

<a style='position: fixed; bottom:0px;right:5px;' title=''><button>Find us on facebook</button></a>
</body>
</html>

You can use  image as button just add this code instead of <button>Find us on facebook</button>

<button><img style="vertical-align: middle;" src="http://jnnews24.com/wp-content/uploads/2013/01/UpDownArrowsBlackRed1.jpg" alt="" width="30" height="30" /></button>

Sample : jnnews24.com

How to Display Recent Posts From A Specific Category In WordPress

For advance users who want to display recent posts from a specific category, we have this article specially for you. Beginner users will most likely not use this. This tutorial is mostly used in creating magazine style themes.


<?php
$catquery = new WP_Query( 'cat=3&posts_per_page=10' );
while($catquery->have_posts()) : $catquery->the_post();
?>
<ul>
<li><h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>

<ul><li><?php the_content(); ?></li>
</ul>
</li>
</ul>
<?php endwhile; ?>

If you don't want to show post content then remove this below code

<ul><li><?php the_content(); ?></li>
</ul>

If you want to show post excerpt instead of post content
then change the upper code by
 
<?php the_excerpt(); ?>

Wokiee React eCommerce Template