Add floating social icons to Thesis WordPress

In this tutorial i will show you how to add floating social icons to Thesis WordPress .Copy and paste this code for the floating social icons into your Custom Functions.

Note: Always take a backup before any type of modification.


// Make the URL to share
if( is_singular() ) {
$url = get_permalink();
$text = the_title('', '', false);
} else if ( is_category() || is_tag() ) {
if(is_category() ) {
$cat = get_query_var('cat');
$url = get_category_link($cat);
} else {
$tag = get_query_var('tag_id');
$url = get_tag_link($tag);
}
$text = single_cat_title('', false) . ' on ' . get_bloginfo('name');
} else {
$url = get_bloginfo('url');
$text = get_bloginfo('name') . ' - ' . get_bloginfo('description');
}

// Add social buttons to the theme using thesis hook

add_action('thesis_hook_after_content', 'show_social_buttons', 99);

// Add google plus js to the head section of the theme

function google_plus_one_integration() {
?>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<?php
}
add_action('wp_head', 'google_plus_one_integration');

// this creates your social icons

function show_social_buttons() {

// I want to show social icons in post and not in homepage

if ( is_singular() ){
?>

<div id="social-float-wrapper" >

<div class="smf-twitter">
<!-- Twitter Code Goes Here -->
<a href="http://twitter.com/share" data-count="vertical" data-via="problogdesign" data-url="<?php echo $url; ?>" data-text="<?php echo $text; ?>">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

<div class="smf-facebook">
<!-- Facebook Code Goes Here -->
<iframe src="http://www.facebook.com/plugins/like.php?app_id=186708408052490&amp;href=<?php echo urlencode($url); ?>&amp;send=false&amp;layout=box_count&amp;width=50&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:62px;" allowTransparency="true"></iframe>
</div>

<div class="smf-plusone">
<!-- Google +1 Code Goes Here -->
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" href="<?php echo $url; ?>"></g:plusone>
</div>

<div class="smf-stumbleupon">
<!-- stumbleupon Code Goes Here -->
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>

<div class="smf-linkedin">
<!-- linkedin Code Goes Here -->
<script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-url="<?php the_permalink(); ?>" data-counter="top"></script>
</div>

</div><!-- /social-float -->

<?php } }

Now its time to do some css to float this social icons left of the website.Add this css to your custom.css

/**

* Floating Social Buttons

*/

#social-float-wrapper {
background-color: #FFFFFF;
border: 5px solid rgba(180, 180, 180, 0.7);
border-radius: 8px 8px 8px 8px;
left: 50px;
padding: 10px 5px;
position: fixed;
text-align: center;
top: 50px;
width: 55px;
}

.smf-twitter {
height: 62px;
margin-bottom: 10px;
}

.smf-facebook {
height: 60px;
margin-bottom: 10px;
}

.smf-plusone {
height: 60px;
margin-bottom: 10px;
}
.smf-stumbleupon {
height: 60px;
margin-bottom: 10px;
}
.smf-linkedin {
height: 60px;
margin-bottom: 10px;
}

So now you are ready to add this nice social panel to your website.

Using Loops and Pagination in WordPress

Using loops you can show wordpress content.If you want to show the full content for the first two posts and then just the excerpt for the rest then this code is for you.

<?php
      $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
      query_posts("paged=$page&posts_per_page=5"); ?>

	<?php $count = 1; // Sets count to 1 on first output post ?>

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

     <?php if ((!is_paged()) && ($count == 1 || $count == 2)){ // THIS STARTS FULL CONTENT IF IS FIRST POST AND NOT PAGED, THE OR OTHER COUNT ALLOWS FOR SHOWING MORE THAN ONE OF THE FULL CONTENT POSTS BEFORE GOING TO EXCERPTS ?>

                    <?php the_content(); ?>

                    <?php } else { // THIS ends FULL CONTENT and SHOWS FOLLOWING POSTS ELSE ?>

                    <?php the_excerpt(); ?>

<?php } $count++; // THIS IS the END of ELSE and sets count one up ?>


	<?php endwhile; ?>
?>

WP Turbo Autoblogging Premium WordPress Plugin

WP Turbo is a brand new wordpress auto blogging software. Install wpturbo plugin in your wordpress, sit back and relax to see the revenue growth in your ad campaigns. WP Turbo is an auto blogging plugin for WordPress, Create niche blogs on any subject you can think of, mix in videos, music, affiliate products and more.

WPTurbo is a new premium plugin for WordPress that allows you to create powerful nice sites which create content, update themselves automatically and earn you income each month by various affiliate programs.

Read more

How to Add Facebook Like Button in WordPress

Facebook button is very useful and it help  you to grow website visitor. First open your single.php or post.php  file in your theme’s folder. Then paste the following code before or after the_content() inside your post loop:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe>

If you want to show the friend icons under the button, then you should use the parameter:

show_face=true

If you want to display the simple button with only the count and nothing else, then you want to use the parameter:

layout=button_count

If you want a darker color scheme for your button, then you need to use the parameter:

colorscheme=dark

If you want to change the text from Like to Recommend, then use the parameter:

action=recommend

Best plugin collection for wordpress template developer

Akismet

Possibly the best way in the world to protect you from web spam.

All In One SEO Pack

Optimizes your WordPress blog for Search Engines.

Inline PHP

The plugin can execute php string in posts/pages, and display the output as the contents of posts/pages.

PHP Code Widget

The normal Text widget allows you to insert arbitrary Text and/or HTML code. This allows that too, but also parses any inserted PHP code and executes it.
Read more

Blank WordPress Theme

The main purpose of this Blank WordPress Theme  to make your WordPress theme development time shorter.

The main features of Blank WordPress Theme (version 1) are:

  • The sidebar is widget-ready.
  • Loads google hosted jQuery.
  • Registers the sidebar widget area.
  • Has CSS reset.
  • Theme option page.
  • Post Thumbnail support.
  • Lightweight only 15KB.

The new version 1.5 have the following features:

  • Register navigation menu
  • Better theme option panel

Read more

Create a css3 dropdown menu in wordpress

In this tutorial i will show you how to create a apple style css3 drop down menu in wordpress.Ok lets start, at  first i use this code to create navigation in wordpress.

Paste this code in your header.php


<div id="navigation" >
 <ul id="nav">
 <li><a href="<?php bloginfo('siteurl'); ?>">Home</a></li>
 <?php wp_list_pages('title_li=&sort_column=menu_order'); ?>
 </ul>
</div><!-- #navigation -->

Some jQuery required to show/hide the drop down menu’s.Paste this code before wp_head();

Read more

How to Create Recent Posts with Thumbnails in WordPress

There are some plugins for Recent post but i love the coding way.Just paste this code in your side bar.


<h3><?php _e( 'Recent Posts' ); ?></h3>

<?php
$the_query = new WP_Query('showposts=5&orderby=post_date&order=desc');
while ($the_query->have_posts()) : $the_query->the_post();
?>

<div class="latest_post">

<div class="image_holder" >
<?php the_post_thumbnail(array(50,50), array ('class' => 'alignleft')); ?>
</div><!--#image_holder-->

<div class="recent_description">
<h4><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php echo get_the_date('m/d/y'); ?> - <?php the_title(); ?></a></h4>

<?php the_excerpt(); ?>

  </div><!--#recent_description-->
</div><!--#latest_post-->

<?php endwhile; ?>

<?php wp_reset_query(); ?>?

Read more

Add Adsence in your Thesis theme sidebar

This is a really easy to add Adsense into your Thesis blog sidebar without manually doing it or using a plugin.

Just put this code in your custom_functions.php

function adsence_code() {  ?>
<div id="adsence">
//your adsence code is here
</div>
<?php }

add_action('thesis_hook_after_multimedia_box', 'adsence_code');

Create a popular post widget without plugin

In one of my wordpress project i need to create a wordpress popular post widget.Now i am giving the code to you.This code will show a list of most commented  post  without using a plugin.See the php code below.

 <?php
 // POPULAR POST WIDGET
 class show_popular extends WP_Widget {

function show_popular() {
 $widget_ops = array('classname' => 'show_popular', 'description' => __('Show your popular posts.'));
 $this->WP_Widget('show_popular', __('Wpgreen - Popular Posts'), $widget_ops, $control_ops);
 }

function widget($args, $instance){
 extract($args);

//$options = get_option('custom_recent');
 $title = $instance['title'];
 $postscount = $instance['posts'];

//GET the posts
 global $postcount;

$myposts = get_posts(array('orderby' => 'comment_count','numberposts' =>$postscount));

echo $before_widget . $before_title . $title . $after_title;

//SHOW the posts
 foreach($myposts as $post){
 setup_postdata($post);

?>

<h4><?php the_title(); ?></h4>
 <p>
 <a href="<?php the_permalink() ?>"><?php echo  substr(strip_tags($post->post_content), 0, 80);  ?>...</a></p>
 <?php
 }
 echo $after_widget;
 }

function update($newInstance, $oldInstance){
 $instance = $oldInstance;
 $instance['title'] = strip_tags($newInstance['title']);
 $instance['posts'] = $newInstance['posts'];

return $instance;
 }

function form($instance){
 echo '<p style="text-align:right;"><label  for="'.$this->get_field_id('title').'">' . __('Title:') . '  <input style="width: 200px;" id="'.$this->get_field_id('title').'"  name="'.$this->get_field_name('title').'" type="text"  value="'.$instance['title'].'" /></label></p>';

echo '<p style="text-align:right;"><label  for="'.$this->get_field_id('posts').'">' . __('Number of Posts:',  'widgets') . ' <input style="width: 50px;"  id="'.$this->get_field_id('posts').'"  name="'.$this->get_field_name('posts').'" type="text"  value="'.$instance['posts'].'" /></label></p>';

echo '<input type="hidden" id="custom_recent" name="custom_recent" value="1" />';
 }
 }

add_action('widgets_init', create_function('', 'return register_widget("show_popular");'));
 ?>

Just copy the above code and paste it to the function.php of your theme file.If your theme doesn’t have function.php then create one.

After  placing the code in your theme.Please click on the widget tab and you will see your popular post widget.You can give custom title and number of post to display.

Happy hacking!