• How To Change Older Post And Newer Post Link


    Someone had asked Kang Rohman about how to hide Older Post or Newer Post in blogger, and Kang Rohman had answered the question by posting an article titled “Hiding Older Post and Newer Post Link”. The other question that relates with “Older Post and Newer Post” is asked again, the question as follow:
    Hello,
    I am wondering if you can change the words “newer” and “older” to the next and previous post’s titles-I have a screenshot of a blog that has this if you email me I can send it.
    Thanks
    olderpost
    Is this your question? OK, Kang Rohman will try to answer. The word Older Post or Newer Post can certainly be changed as you want, for example, changed with “Next” or “Previous”, even the words not only can be changed with other words but also can be changed with images or icons. Let’s examine one by one.

    Changing Older Post and Newer Post with Next and Previous
    Follow the steps below:
    1. Log in to blogger with your ID
    2. Click Layout
    3. Click Edit HTML tab
    4. Click “Download Full Template”, please back up first your template (important)
    5. Please check the small box beside Expand Widget Template
      expand
    6. Wait for a while until the process finished
    7. Find the following code on your template:
      <span id='blog-pager-newer-link'> 
           <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> 
           </span> 
         </b:if>
         <b:if cond='data:olderPageUrl'> 
           <span id='blog-pager-older-link'> 
           <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> 
           </span> 
         </b:if>
         <b:if cond='data:blog.homepageUrl != data:blog.url'> 
           <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> 
           <b:else/> 
           <b:if cond='data:newerPageUrl'> 
             <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> 
           </b:if> 
         </b:if>
    8. Look at the code in red printed.
    9. Change the code <data:newerPageTitle/> with the word Next and the code <data:olderPageTitle/> with the word Previous
    10. Click Save Template button
    11. Finished
    It’s simple, right?

    Changing Older Post and Newer Post with Icon
    To change Older Post and Newer Post with icon, the first step is preparing the icon which you want to use. For example Kang Rohman has the icons like this:
    Next  home previous
    Please upload the icons you have to a server that you usually use to place an image, and note the URL address. For example Kang Rohman has the icons’ URL address as follow:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaiyMCVV79YVW5U_c3i15jljE_KSNSD0nwwpTl-bOC6MxYiytKGFKBgoj9eLC0afxCjGL8ytp8dchsF5JQ9QpRASOEAHRbriNYHiqgkVQB0PLz43IACZVo3PckSsQRNzNzNqjZH8AdRGU/?imgmax=800
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImNtByTRt5pJTm6_jdq1YbCa5DvKf_jGWLfCYdwVq040ahI73XWLtebId6QvPMNfohEWUeHiWyZN4y_HLI33glZwWxfPZvHlBIzCVfZj0Bnc3ybjVTSXcCuk0TaGA9FwggcHUOwj4r-g/?imgmax=800
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTcirCNlo-7XVAlAAt5l1RDfv9uUkIlbtSFYsfsFKtcERjlJX0Yb3CwuJzMJ0q6S7YKZY0S6tAZ4vojtt0UENfp91Ngn_12iE5Fic21aSS1Urc6R1TGV5XkS1Yac-kjHjlGmplWLAOBYo/?imgmax=800

    Change the above code into like this:
    <img alt='Next' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaiyMCVV79YVW5U_c3i15jljE_KSNSD0nwwpTl-bOC6MxYiytKGFKBgoj9eLC0afxCjGL8ytp8dchsF5JQ9QpRASOEAHRbriNYHiqgkVQB0PLz43IACZVo3PckSsQRNzNzNqjZH8AdRGU/?imgmax=800' title='Next'/>
    <img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImNtByTRt5pJTm6_jdq1YbCa5DvKf_jGWLfCYdwVq040ahI73XWLtebId6QvPMNfohEWUeHiWyZN4y_HLI33glZwWxfPZvHlBIzCVfZj0Bnc3ybjVTSXcCuk0TaGA9FwggcHUOwj4r-g/?imgmax=800' title='previous'/>
    <img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTcirCNlo-7XVAlAAt5l1RDfv9uUkIlbtSFYsfsFKtcERjlJX0Yb3CwuJzMJ0q6S7YKZY0S6tAZ4vojtt0UENfp91Ngn_12iE5Fic21aSS1Urc6R1TGV5XkS1Yac-kjHjlGmplWLAOBYo/?imgmax=800' title='home'/>
    If you have had the code as above, the next step is to place it on your template code, here are the ways:
    1. Log in to blogger with your ID
    2. Click Layout
    3. Click Edit HTML tab
    4. Click “Download Full Template”, please back up your template first (important)
    5. Please check the small box beside Expand Widget Templates
      expand
    6. Wait for while until the process finished
    7. Find this code on your template:
      <span id='blog-pager-newer-link'> 
           <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> 
           </span> 
         </b:if>
         <b:if cond='data:olderPageUrl'> 
           <span id='blog-pager-older-link'> 
           <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> 
           </span> 
         </b:if>
         <b:if cond='data:blog.homepageUrl != data:blog.url'> 
           <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> 
           <b:else/> 
           <b:if cond='data:newerPageUrl'> 
             <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> 
           </b:if> 
         </b:if>
    8. Look at the code in red printed
    9. Change the code <data:newerPageTitle/><data:olderPageTitle/>, and <data:homeMsg/> with your icon code. E.g.
      <span id='blog-pager-newer-link'> 
           <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='Next' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaiyMCVV79YVW5U_c3i15jljE_KSNSD0nwwpTl-bOC6MxYiytKGFKBgoj9eLC0afxCjGL8ytp8dchsF5JQ9QpRASOEAHRbriNYHiqgkVQB0PLz43IACZVo3PckSsQRNzNzNqjZH8AdRGU/?imgmax=800' title='Next'/></a> 
           </span> 
         </b:if>
         <b:if cond='data:olderPageUrl'> 
           <span id='blog-pager-older-link'> 
           <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImNtByTRt5pJTm6_jdq1YbCa5DvKf_jGWLfCYdwVq040ahI73XWLtebId6QvPMNfohEWUeHiWyZN4y_HLI33glZwWxfPZvHlBIzCVfZj0Bnc3ybjVTSXcCuk0TaGA9FwggcHUOwj4r-g/?imgmax=800' title='previous'/></a> 
           </span> 
         </b:if>
         <b:if cond='data:blog.homepageUrl != data:blog.url'> 
           <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTcirCNlo-7XVAlAAt5l1RDfv9uUkIlbtSFYsfsFKtcERjlJX0Yb3CwuJzMJ0q6S7YKZY0S6tAZ4vojtt0UENfp91Ngn_12iE5Fic21aSS1Urc6R1TGV5XkS1Yac-kjHjlGmplWLAOBYo/?imgmax=800' title='home'/></a> 
           <b:else/> 
           <b:if cond='data:newerPageUrl'> 
             <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> 
           </b:if> 
         </b:if>
    10. Click Save Template button
    11. Finished
    The example of the result will be like this:
    olderpost
    If you get error messages when editing the template, please try using a different browser
    Good luck!

    Comments
    0 Comments

    No comments:

    Post a Comment

    Thanks For writing a comment on my blog.

    ဒိမွာ member လုပ္ရင္ Join this Site ကုိနွိက္ၿပိး Email ႏွင့္ယင္ပါ