rss

Saturday, January 29, 2011

How to change Timestamp format in Blogger

You know, there are lots of blogger templates using Timestamp format for posted day instead of DateTime format. We must change the TimeStamp as their format otherwise the date won’t show up properly on each of your posts! Actually the date will most likely be blank and you’ll think the template is broken.

Login To Blogger Go To > Settings > Formatting.

At Formatting tab, change Timestamp Format to format like “Thursday, January 27,2011″.

Remember change the TIMESTAMP, not the DATE HEADER


Save your template and you are done.


Friday, January 28, 2011

How to limit the number of posts displayed in label pages

Some of you maybe are annoyed by 20 max result when you are click your own label or tag of Blogger, and it makes your page of the blog very long to the bottom.In blogger you can limit the number of posts appearing on the home page, but you cannot to do it on the label pages.

In this post I will show you how to limit the number of posts showing in label pages.

Login To Blogger Go To > Design > Edit HTML.
(Back up your template)
and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.
expr:href='data:label.url'
You may find more than one instance. Replace them with the following
expr:href='data:label.url + "?max-results=5"'

For Label Cloud users.
To change the number of posts displayed when readers click on an item in your label cloud, find this line in your template:
a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);
And replace it with this instead:
a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t) +'?max-results=5';
The '5' in the code above means that a page will show 5 post per (on each) page. You may change to any ammount you want. But we recommend to make the ammount same as how many the first page of your Blog show the post. And lower is better.

Now save it and see the result.


Thursday, December 16, 2010

How To Remove Link Underlines

Take a look at the links below:

Notice anything about them? They are not underlined, yet they are still active.
For a good while, people would write to me and ask how to rid the links on their page of the awful underline.Well, here's how you do it:

When you add a link in normal method your html code will look like this :
<a href="http://www.royaltutor.net/"> Royal Tutor</a>
Result:

Royal Tutor

If you want to remove underline of link, add style="text-decoration:none" as example below.
<a style="text-decoration:none" href="http://www.royaltutor.net/"> Royal Tutor</a>
Result:

Royal Tutor
that's it


Tuesday, November 30, 2010

Scroll Bar Widget For Blogger


Lets Make a Scrolling Bar menu for your Blog

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<div style="overflow:auto;width:260px;height:300px;padding:10px;">
<ul>

<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>

</ul>
</div>
Replace Your Link and Your Text with your contents.

you can edit width,height and padding in blue to adjust it to your blog.

Now click Save and That's It.


Tuesday, November 23, 2010

How To Create Text Area with Select All


Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.


</head>
And immediately before it, paste this code:
<script type="text/javascript">

function selectAll()
{
document.form1.demo.focus();
document.form1.demo.select();
}

</script>
Now click Save Templste.

Then, Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:
<form name="form1" >
<textarea cols="25" rows="10" name="demo">

INSERT YOUR CONTENT HERE

</textarea>
<input type="button" name="selectit" value="Select All" onclick="selectAll ();">
</form>
Note : Remember to replace INSERT YOUR CONTENT HERE with your real content.

Now you are done.


 

Recent Posts

Followers

Recent Comments