Kamis, 05 Mei 2011

How To Hide/Remove Older Post And Newer Post




Posted: 05 May 2011 12:02 AM PDT
How To Hide/Remove Older Post And Newer Post – Looks like someone has been stranded to this blog with intention of looking for a tutorial on how to hide or remove the Older Post and Newer Post in blogger. But seems I haven't posted the article on this blog yet. Therefore How To In Blogger will discuss about it on this article.
remove older post newer post
Many ways to hide or remove Older Post and Newer Post in blogger, some are by using CSS code or directly to remove the HTML code in body template code.

Hide Older Post and Newer Post Using CSS

The first way that we will try is by using CSS code display: none , this method is considered easier although there was opinion that the uses of CSS code is less appropriate in SEO.
Anyway, here are the steps in detail:
  1. Please login to blogger with your ID
  2. Click Design
    blogger design
  3. Click Edit HTML tab
    blogger edit html
  4. Please backup your template first then click Download Full Template
  5. Find the CSS code which similar with the CSS code below (be focused on codes: .blog-pager, .blog-pager-older-link, .blog-pager-newer-link ) :
    .blog-pager {   background: $(paging.background); } .blog-pager-older-link, .home-link, .blog-pager-newer-link {   background-color: $(content.background.color);   padding: 5px; } 
  6. Delete the code above then replace with the following code:
    .blog-pager, .blog-pager-older-link, .home-link, .blog-pager-newer-link {display:none} 
  7. Click Save Template
  8. Finish
If you didn't do any mistakes, the pagination that reads Older Post, Newer Post, and Home should not appear on your blog any longer.

Remove Older Post and Newer Post

The second way is completely removing the HTML code in the body of your template code. Here are the steps:
  1. Please login to blogger with your ID
  2. Click Design
  3. Click Edit HTML tab
  4. Please backup your template first then click Download Full Template
  5. Check the small box next to Expand Widget Templates
    expand widget templates
  6. Find the following code:
  7. Delete that code
    <div class='blog-pager' id='blog-pager'>     <b:if cond='data:newerPageUrl'>       <span id='blog-pager-newer-link'>       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>       </span>     </b:if>     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>     <b:if cond='data:mobileLinkUrl'>       <div class='blog-mobile-link'>         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>       </div>     </b:if>   </div> 
  8. Click Save Template
  9. Finish
The pagination that reads Older Post, Newer Post, and Home should not appear on your blog any longer.
How To Hide/Remove Older Post And Newer Post is a post from: Blogger Tutorial for beginners

Another useful blogger tutorials:

Posted: 04 May 2011 05:22 PM PDT
How to display HTML Code in blogger post – Surely you've seen that I often feature the programming codes such as HTML, CSS, Javascript, PHP and others on this blog, haven't you?
Need a special technique to display the HTML code in blog posts, because if you just directly copy paste the code to your posts editor, then you will find the blank page without any code.

Display HTML code in Blogger post

In order to display HTML, Javascript, CSS, PHP and other codes in post page, you need to parse or modify the existing code with the entity of those codes.
The following table are some of the entities that often used:
CharactersEntity
(
Name Code)
Entity
(Number Code)
Remarks
<&lt;&#60;less-than sign
>&gt;&#62;greater-than sign
&&amp;&#38;and
&quot;&#34;Double quote
±&plusmn;&#177;Plus minus sign
Space&nbsp;&#160;nonbreaking space
©&copy;&#169;copyright
®&reg;&#174;Registered
The most important, when you are about to enter the code you want to display, you should to click the Edit HTML first:
edit html
Besides, the code you want to display are usually wedged by
<pre> ............................ </pre> 
or
<code> ............................ </code> 
In order to be easier to understood, i take an example. If you want to display this following code:
<ul id="soc"> <li><a class="facebook" title="Be my facebook fan" href="http://www.facebook.com/pages/How-To-In-Blogger/166729273361572">Facebook</a></li> <li><a class="twitter" title="Folow me on Twitter" href="http://twitter.com/howtoinblogger">Twitter</a></li> <li><a class="rss" title="Subscribe via RSS" href="http://feeds.feedburner.com/howtoinblogger">rss</a></li> <li><a class="email" title="Subscribe via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=howtoinblogger">email</a></li> </ul> 
Then the code on your posts must be as follows:
<pre> &lt;ul id=&quot;soc&quot;&gt; &lt;li&gt;&lt;a class=&quot;facebook&quot; title=&quot;Be my facebook fan&quot; href=&quot;http://www.facebook.com/pages/How-To-In-Blogger/166729273361572&quot;&gt;Facebook&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;twitter&quot; title=&quot;Folow me on Twitter&quot; href=&quot;http://twitter.com/howtoinblogger&quot;&gt;Twitter&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;rss&quot; title=&quot;Subscribe via RSS&quot; href=&quot;http://feeds.feedburner.com/howtoinblogger&quot;&gt;rss&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class=&quot;email&quot; title=&quot;Subscribe via Email&quot; href=&quot;http://feedburner.google.com/fb/a/mailverify?uri=howtoinblogger&quot;&gt;email&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; </pre> 

HTML Parse Tool

To make your work more easy and not wasting time, you can do the parse using HTML parse tool which avalable on our blog. Please to open the HTML Parse Tool page..
You just need to enter the HTML code you want to parse then click Parse Code button and your HTML code will immediately be parsed.
adsense code parse
Good luck!
How to display HTML Code in blogger post is a post from: Blogger Tutorial for beginners

Another useful blogger tutorials:

0 komentar:

Poskan Komentar