Which plugin is this?

Discussion in 'WordPress' started by freelance deziner, Jul 20, 2012.

  1. #1
    freelance deziner, Jul 20, 2012 IP
  2. mnmani

    mnmani Well-Known Member

    Messages:
    379
    Likes Received:
    11
    Best Answers:
    6
    Trophy Points:
    195
    #2
    need not be a plugin . appears to be code & css adjustments . #nav-left related css can be like below

    #nav-left {
        font-size: 100px;
        left: 30px;
        position: fixed;
        text-align: center;
        top: 45%;
        width: 80px;
    }
    
    #nav-left p.text {
        font-size: 12px;
        font-weight: bold;
        padding-left: 10px;
    }
    
    Code (markup):
     
    mnmani, Jul 20, 2012 IP
  3. freelance deziner

    freelance deziner Member

    Messages:
    270
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    40
    #3
    And in which file this code should be written?
     
    freelance deziner, Jul 21, 2012 IP
  4. Itachi Uchiha

    Itachi Uchiha Member

    Messages:
    111
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #4
    This is the plugin: http://wordpress.org/extend/plugins/prev-next-keyboard-navigation/

    I used it before. MakeUseOf used to use it in their GeekFun section.

    But if you only want something simple, without keyboard navigation, you can try this simple steps:

    Step 1: Add this code into your style.css file:

    .post-nav {clear: both;padding-bottom: 25px;font-size: 10px;}
    .post-nav a, .post-nav a:visited {color: #999;text-decoration: none;}
    .post-nav a:hover {color: #000000;text-decoration: none;}
    .post-nav .previous a {float: left;padding-left: 20px;background: url([url]http://www.likenaruto.com/wp-content/themes/likenaruto/images/post-nav-previous.png[/url]) no-repeat left center;}
    .post-nav .next a {float: right;padding-right: 20px;text-align: right;background: url([url]http://www.likenaruto.com/wp-content/themes/likenaruto/images/phai.png[/url]) no-repeat right center;}
    Code (markup):
    Step 2: Add this PHP code into your single.php file:

    <div class="post-nav">
    <span class="next">
    <?php next_post_link('<p style="font-size:12px;">%link</p>','%title', TRUE); ?>
    </span>
    <span class="previous">
    <?php previous_post_link('<p style="font-size:12px;">%link</p>','%title', TRUE); ?>
    </span>
    </div>
    Code (markup):
    Done :) Hope it helps.
     
    Itachi Uchiha, Jul 21, 2012 IP
  5. mnmani

    mnmani Well-Known Member

    Messages:
    379
    Likes Received:
    11
    Best Answers:
    6
    Trophy Points:
    195
    #5
    oh! so it is a plugin. I thought it was a custom coding !! . Thank You @Itachi Uchiha .
     
    mnmani, Jul 21, 2012 IP
  6. Itachi Uchiha

    Itachi Uchiha Member

    Messages:
    111
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #6
    It was a custom coding on the site you linked to. But you can use the plugin that I linked to and it would deliver the same thing. Of course it will take some CSS coding to look like the Molempire website.
     
    Itachi Uchiha, Jul 21, 2012 IP
  7. freelance deziner

    freelance deziner Member

    Messages:
    270
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    40
    #7
    freelance deziner, Jul 24, 2012 IP