Pages

Tuesday, 26 June 2012

How to put automatic label post with scroll box

What I mean was like this ;



With this tutor, you have no need to enter you post manually. It will automatically show when you label your post.

What makes it easy is there's no html editing on template. So, you have nothing to worry with it.

1. Login to your blog > Layout > add a gadget and choose HTML/Javascript.

2. As you can see on the example image ; Topik blog. You can put any words that you'd like to on the title colum.

3. Now copy this code and paste ;

<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://vinndycouple24.blogspot.com/feeds/posts/default/-/blogging20%tips?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>


width:auto is your scroll box width. The size will be custom with your blog sidebar.

height:100px is your scroll box height. You can change the number to control your scroll box height.

border:1pxsolid #e6e4e3 is a thick of your scroll box border while #e6e4e3 is your border colour.

<ol>  is a number to you post. If you wish to change it to a bullet, replace all code with ol to ul

 var numposts = 100; is a number of post that you can keep on your scroll box. You can change it if your post are more than hundred.

vinndycouple24.blogspot.com - Replace with your blog address/blog url.


blogging20%tips is your post label name. Change it with your label. If your label contain more than one word. Example ; blogging tips. You need to put 20% in between this words like mine ; blogging20%tips.


4. Save when you're done.

1 comment:

  1. lid
    http://www.hyperantivirus.com/?id=xgEfd1AAAMfgffEx&lid={LINK_ID}

    ReplyDelete