Hi rkrusty, I’ve looked at the link you supplied and think you are confusing the layout of the posts on that page with a gallery.
When you click the link and view a post the links you see at the bottom for previous, next and random are actually Next & Previous post links.
If you wanted to do something similar then check out this page in the codex
http://codex.wordpress.org/Next_and_Previous_Links
Hi rkrusty, I’ve looked at the link you supplied and think you are confusing the layout of the posts on that page with a gallery.
When you click the link and view a post the links you see at the bottom for previous, next and random are actually Next & Previous post links.
If you wanted to do something similar then check out this page in the codex
http://codex.wordpress.org/Next_and_Previous_Links
hey brother i am not too much good in coding… please see this link i want to make exact same look of buttons(next, prev, random, which is below of photo) and most probably same templates.. please help me to make this one
I found this plugin which sounds like it does what you are asking, although I’ve not tried it Ambrosite Next/Previous Post Link Plus
If that’s not doing the trick then I can only suggest opening your single.php file in a code editor and adding this code after the image or content.
<?php previous_post('« %', 'Previous', 'no'); ?>
| <?php next_post('% » ', 'Next', 'no'); ?>
To make the button look like the ones on that site then you just need to add or edit some simple CSS rules.
this is code of single.php can you please quote that line after that i have to paste your code
<?php
/**
* The Template for displaying all single posts.
*
* @package WordPress
* @subpackage Twenty_Twelve
* @since Twenty Twelve 1.0
*/
get_header(); ?>
<div id="primary" class="site-content">
<div id="content" role="main">
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content', get_post_format() ); ?>
<nav class="nav-single">
<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
<span class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '←', 'Previous post link', 'twentytwelve' ) . '</span> %title' ); ?></span>
<span class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '→', 'Next post link', 'twentytwelve' ) . '</span>' ); ?></span>
</nav><!-- .nav-single -->
<?php comments_template( '', true ); ?>
<?php endwhile; // end of the loop. ?>
</div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
If you are using the Twenty Twelve theme the code you need is already there. I referenced the wrong functions above, sorry about that.
Replace all of the <nav class="nav-single">
code with this
<nav class="nav-single">
<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
<span class="nav-previous"><?php previous_post_link( '%link', '← Previous' ); ?></span>
<span class="nav-next"><?php next_post_link( '%link', 'Next →' ); ?></span>
</nav><!-- .nav-single -->
It is the same as it was but just changing the labels to Next and Previous. Then just style the buttons as needed.
not solved 🙁 is there any way to make same site of youmoron.org and opsslolz.com this is also wordpress site.. i am not able to contact the admin of this site…
you will probably need to code a ‘next random previous’ post navigation yourself;
related:
http://wordpress.org/support/topic/random-post-link-help?replies=11