index.php

<?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 */

get_header(); ?>

	<script type="text/javascript">
	function trimfunction(string)
	{
var length = 6;
var trimmedString = string.substring(0, length);
return trimmedString;
	}
    </script>


 <div id="slider" class="clearfix">
<div id="sliderimage">
<img src="http://localhost/wordpress/wp-content/uploads/2012/08/newimage.png" width="900px" height="210"/></div>
</div>
</div>
<div id="content" class="clearfix" >
	<div id="contenttext">
    	<div id="leftcontent">
        <?php
$paged = get_query_var( 'paged' );

  $args = array(
    'posts_per_page' => 3,
    'paged' => $paged

  );

  $loop = new WP_Query($args);

while ($loop->have_posts()) : $loop->the_post(); ?>


  <div class="gallery">
            	<div class="gallery_img">
            		<?php the_post_thumbnail('title-image', array('class' => 'titleImage', 'alt' => 'Title Icon'));
                    echo(function_exists( 'add_theme_support' ));?>

                    <div style="float:left;width:300px;">
 <article class="item">

                  <div  class="socialbuttons">
                   <div style="width:75px;"> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a></div>
                    </div>
                </article>
            </div>
                 </div>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            	<div class="gallery_content">
                	<a style="text-decoration:none" href="<?php the_permalink();?>"><H1><?php the_title() ?></H1></a>
                    <div class="gallery_content1"> <?php the_excerpt_dynamic('100'); ?></div>
            	</div>


       </div>

 <?php endwhile; ?><!--end custom loop-->

<div class="pagination">
<?php wp_paging(); ?>
</div><!--end pagination-->



</div>
 </div>
    <div id="rightcontent">
    	 <?php get_sidebar(); ?>
      <a href="http://www.facebook.com/TheDailyCrowdsource"><img alt="facebook" src="<?php bloginfo('template_url'); ?>/images/facebook-icon_s.png" /></a>
	<a href="https://twitter.com/TDCrowdsource"><img alt="facebook" src="<?php bloginfo('template_url'); ?>/images/twitter-icon_s.png" /></a>

    </div>
    </div></div>

<div id="footer">
<div id="footertext">
<p align="center">Copyright © Daily Crowdsource - Crowdsource Better</br>
<a href="http://dailycrowdsource.com/crowdsourcing-basics/what-is-crowdsourcing" style="text-decoration: none;color: white">What is Crowdsourcing?</a></p></div> </div>

</div>
</div>
</div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-17624557-1']);
  _gaq.push(['_setDomainName', 'dailycrowdsource.com']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>