Banner 468

Facebook
RSS

How To Change Post Order

Change the order of your “Posts” in Beta Blogger

Posts are ordered according to latest posted first on page. Hence the newest posts are first with earlier posts lower down in the order.

Your blog consist of a Main Page and Post Pages. The Main Page contains the number of posts you have set in Settings > Formatting > Show Posts on Main Page. The rest of the posts are shown as links in the Blog Archive widget in the sidebar. The posts on the Main Page also have their links in the Blog Archive widget. Each Post Page contains only one post.

To change this order login to Dashboard. Click on Posts link after 'Manage' under the name of your blog. You will see a list of all your posts with links to Edit, View or Delete them. Click on Edit link of the post you want to change the date.



The Posts Editor opens with its two modes: Edit HTML and Compose. The second mode is present only if you have enabled it in Settings as described in Set Settings. The bottom frame of the Posts Editor contains a link 'Post Options'. Click on it to expand the frame as shown in the image. In the expanded frame you can change the Posts Date and time.


STICKY POST AT THE TOP

If you want this post to be the first post always in your blog then set the date to any time as far in the future as it will allow it to be set. This is because once that day arrives and you post more posts this post will start migrating downwards like the rest. Till then it will remain a "sticky" post at the top of your blog.

This is frequently used by bloggers who wish to post a book with chapters and all in their blog and want the first post to be a "Table of Contents". To see an example see here. Also you should have Post Pages enabled by going to Settings > Archiving.


HIDE POSTS

If you have made a post like a 'Privacy Policy' post which you do not want to show on the Main Page backdate it. Then it will appear as a link in the Blog Archive widget.

(If you have any question, click the HELP tab)
[ Read More ]

Add Custom Search Google Web Element

Google Web Elements makes it easy to add Custom Search to your site/blog. Custom Search engine is used to only search your site or those sites you specify. With Google Web Elements you can add it in a post or in a HTML gadget in your blog:



Follow this steps:



3. Click the 'Look and Feel' link in sidebar.

4. Click the link in "New! Use the new Custom Search Element to embed results in your webpage, providing a dynamic and inline experience to your users." at the top.

5. Copy and paste this snippet of code given into Edit Html tab of post editor or in a HTML gadget in sidebar.
[ Read More ]

How to Remove/hide the Blogger Navbar


To hide the Blogger Navbar :

1. Log in to blogger

2. On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3. Paste the CSS definition in the top of the template code:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */


#navbar-iframe {
   display: none !important;
}


/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">
   ...

Remove the code to show it again.

Step by step in video:
[ Read More ]

How to Remove Attribution Gadget (Powered By Blogger)


The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may of noticed this gadget is locked into you blog.

A lot of people ask are they allowed to remove this from their template. In short yes you are allowed! Although it was meant to give credit to the designers of the template, you can remove it and not get in trouble. 

They do go out of their way to make sure you don't remove it,  but their is no agreement or message stating your can not remove it. If you have every used a template or background from a 3rd party site, then you would understand what I am talking about. Their is always some message stating user agreements and part of the message is not to modify the code provided.

With Blogger or the Attribution gadget their is not any user agreement on modifying of removing something from your template coding. So by law without it being clearly stated, they can not prosecute you in anyway for removing this.

Another way to look at this is that this is your blog and sometimes your custom domain bought to provide the content on your site. You have the right to choose what sites you want to give backlinks to. Which with the Attribution gadget you are giving a backlink to the designer of the templates blog or site.

1. Go to Design--> Edit HTML.
2. Expand your Widget Template.
3. Click Ctrl+F for the browser Find bar to pop up.
4. In the Find bar enter  Attribution1

(This will Locate the gadget ID in your template.)

You should see something like this below with the Attribution1 highlighted.


<!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
        <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
</b:widget>




5. Remove everything you see in red, this includes the blue Attribution1. Do not remove the line that is black!

6. Provided you did it correctly when you save your template you will not get any errors.
[ Read More ]

How to change Newer Post, Older Post, Home Links


To change the word - "Newer Post, Older Post, and Home" links at the bottom of your post,  you can either change the text of these or you can use a image in their place.

1. Go to Design-->Edit HTML--> Expand Widget Templates
2. Click Ctrl+F to open the browser Find bar
3. In the find bar enter Blog1

You should see something like this below.


<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <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 + &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>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

  </div>
  <div class='clear'/>
</b:includable>



Replace the color with text or image you want to use.

Red is your Newer Post link
Orange is your Older Post link
Blue is your Home link

If you want to use a image in their place then you should upload 3 different images to a file share and place the image embedded code in the place of the colored text instead.

The correct image code should look something like this.


<img alt='message to display while loading' src='My Direct Image URL.jpg'/>


We could even take this to a farther level and have a different image to display when no more pages are left to go any farther. Basically meaning if I am on the Homepage then "My Newer Link Image When No Pages Can Be Turned" would display. Then it works the same for the last page but only with "My Older Link Image When No Pages Can Be Turned" would display instead.

This is what the code would look like.


<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='Next' border='0' src='My  Newer Link Image' title='Next'/></a>
     </span>

<b:else/>
<span id='blog-pager-newer-link'>
     <img alt='no newer post' border='0' src='My Newer Link Image When No More Pages Can Be Turned'/>
     </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='My Older Link Image' title='previous'/></a>
     </span>
<b:else/>
<span id='blog-pager-older-link'>
   <img alt='no previous post' border='0' src='My Older Link Image To Display When No More Pages Can Be Turned' title='no previous post'/>
   </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='My Home Link Image' 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>



Just Fill in the Red with what the text ask for.
[ Read More ]