ThaiSEOBoard.com

function get_post_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ 
  	$img_dir = get_bloginfo('template_directory');
    $first_img = $img_dir . '/images/thumb.gif';
  }
  return $first_img;
}

div.amazon {
  float: left;
  border: thin silver solid;
  margin: 0.3em;
  padding: 0.5em;
}
div.amazontext{
  text-align: center;
  font-style: italic;
  font-size: 0.8em;
    white-space: nowrap;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 -ms-text-overflow: ellipsis;
 overflow: hidden;
width: 130px;
}

<?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.
 * For example, it puts together the home page when no home.php file exists.
 *
 * @link http://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

get_header(); ?>

	<div id="primary" class="site-content">
		<div id="content" role="main">
		<?php if ( have_posts() ) : ?>

			<?php /* Start the Loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>
<div class="amazon"><a href="<?php the_permalink(); ?>" /><img src="<?php echo get_post_image(); ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="130" height="130"></a>
<div class="amazontext"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
</div>
				
			<?php endwhile; ?>

			

		<?php else : ?>
                <?php endif; // end have_posts() check ?>

		</div><!-- #content -->
	</div><!-- #primary -->

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

.main-navigation div.nav-menu > ul {
               background:url("ใส่ที่อยู่ภาพ")repeat-x; <- อันนี้ใครอยากได้พื้นหลังในเมนูก็เพิ่มได้นะครับ ขนาดภาพ 3x72
		border-bottom: 1px solid #00ff00; <- แก้โค้ดสีเส้นบน
		border-top: 1px solid #00ff00; <- แก้โค้ดสีเส้นล่าง
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}

<header id="masthead" class="site-header" role="banner">

<header id="masthead" class="site-header" role="banner">
<div><img src="http://xxxxxxxsx.com/images/bannerheader.jpg"></div>

<footer id="colophon" role="contentinfo">
	ลบโค้ดเดิมระหว่างนี้ทิ้งแล้วใส่โค้ด banner ขนาดกว้าง 950px 
	</footer><!-- #colophon -->

/* category manu*/
.catemanue {
     position:relative; 
     width:100%; 
     height:100%; 
     background: #ffccff; 
     padding:10px; 
     -moz-border-radius:3px; 
     -webkit-border-radius:3px; 
     border-radius:3px;
     border:1px solid #ccc;
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";    
     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444'); 
 }

<div id="primary" class="site-content">
<div class="catemanue">Knife Outdoors</div> ->เพิ่มโค้ดนี้เข้าไปตรงนี้

		<div id="content" role="main">
<?php if ( have_posts() ) : ?>

			<?php /* Start the Loop */ ?>
                        <?php query_posts($query_string . &#39;&cat=1&#39;); ?> ->เพิ่มโค้ดนี้เข้าไปตรงนี้
			<?php while ( have_posts() ) : the_post(); ?>
<div class="amazon"><a href="<?php the_permalink(); ?>" /><img src="<?php echo get_post_image(); ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="130" height="130"></a>
<div class="amazontext"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
</div>
				
			<?php endwhile; ?>

			<?php else : ?>
                <?php endif; // end have_posts() check ?>

		</div><!-- #content -->
	</div><!-- #primary -->

<div id="primary" class="site-content">
<div class="catemanue">Test</div> ->เพิ่มโค้ดนี้เข้าไปตรงนี้

		<div id="content" role="main">
<?php if ( have_posts() ) : ?>

			<?php /* Start the Loop */ ?>
                        <?php query_posts($query_string . &#39;&cat=-1,2 &#39;); ?> ->เปลี่ยนเลข category ตรงนี้ ใส่เครื่องหมายลบหน้าเลข category อันแรกเพื่อไม่ให้โชว์ซ้ำกัน 
			<?php while ( have_posts() ) : the_post(); ?>
<div class="amazon"><a href="<?php the_permalink(); ?>" /><img src="<?php echo get_post_image(); ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="130" height="130"></a>
<div class="amazontext"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
</div>
				
			<?php endwhile; ?>

			<?php else : ?>
                <?php endif; // end have_posts() check ?>

		</div><!-- #content -->
	</div><!-- #primary -->

/* Move sidebar */
@import url('../twentytwelve/style.css');
/*-- move sidebar to the left --*/
@media screen and (min-width: 600px) {
    .site-content {
        float: right;
    }
    .widget-area {
        float: left;
    }
}
 
/* for IE8 and IE7 ----------------*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}
/* End Move sidebar */

/* slider */
.carousel {
	width:854px;
	padding:0 53px;
	position:relative;
}
.carousel .prev,
.carousel .next {
	position:absolute; top:14px;
	width:35px; height:35px;
	background-image:url("../slider_arrows.gif");
	background-repeat:no-repeat;
	cursor:pointer;
	-moz-opacity:0.5; opacity:.5; filter:alpha(opacity=50);
}
.carousel .prev {
	background-position: 0 0;
	left:0;
}
.carousel .next {
	background-position: -45px 0;
	right:0;
}
.carousel .prev:hover,
.carousel .next:hover {
	-moz-opacity:0.7; opacity:.7; filter:alpha(opacity=70);
}
.carousel .prev:active,
.carousel .next:active {
	-moz-opacity:0.9; opacity:.9; filter:alpha(opacity=90);
}
.carousel .objectsList {
	overflow:hidden;
	position:relative;
	height:125px;
	width:854px;
	margin:0;
}
.carousel .objectsList ul {
	padding:0;
	margin:0;
	list-style:none;
}
.carousel .objectsList li {
	float:left;
	width:170px;
	height:125px;
	padding:0;
	margin:0;
	text-align:center;
	background:none;
	border-right:1px solid #dededf;
}
/* END slider */

header id="masthead" class="site-header" role="banner">

<div class="carousel">
                      <div class="objectsList">
                      
                        <ul>
                        <li>ใช้งาน</il>
                      <li>ใช้งาน</il>
                      <li>ใช้งาน</il>
                       </ul>
                      </div>
				      <div class="prev"></div>
				      <div class="next"></div>
			      </div>

</hgroup>
<div class="ads">ใส่โค้ด banner 728x90 </div>
        <nav id="site-navigation" class="main-navigation" role="navigation">

.ads {
    display: block;
    float: right;
    margin-top: -80px;
    margin-right:0px;
}