Wednesday, August 6, 2008

Related Post #3

One of the best ways to keep your visitors on your blog longer is to provide related content to the topic your visitor is reading. If you’re using blogger or blogspot then there is a great plugin you can use to provide related posts to the current topic on your post pages. It is super easy to install and works smoothly with any template. In fact I have modified the script and use it on my own blogspot so it works even better. You can see examples of it on this blog. To use the related posts plugin just following these instructions:
1) Download the code to put into the template at Media Fire , it is a simple text file.
2) Next sign into blogger and click on Layout then click on edit HTML and check mark the “Expand Widgets Templates” box.
3) Find the line in the template that looks like this:

Now just copy and paste the code right after that line and click “Save Template”.
And now your blog has become a hub of related articles. Some things to keep in mind about this script though, are that it uses the label system in blogger so it will show any posts that have the same labels. You can find the original script that was designed at Jackbook.com .

Thank to Jackbook and Hoctro

Monday, August 4, 2008

Comment Box - on the 'bottom' your post

Now, blogger(blogspot) have developed their comment box. Last time ago, if we want to post a comment there should be only a link under our posting, and we have to click the link send a comment, it's not interesting. But now we can find a comment box under our post exactly. It's original from blogger, it's not like haloscan or intensedebate. But it's truely from blogger/blogspot. You can see it under this post.

Here is the trick to create comment box under your post .
1. Login to http://draft.blogger.com
2. Go to Setting-->Comments. then change "Comment Form Placement" to be "Embedded below post" (look at the image below)

3. Then "Save Setting"
Try to see your blog and klik on your titile post. if there is a embadded commnet box below your post just stop this step here. But if there is no comments box, just follow the next steps here.
4. Go to "Layout-->Edit HTML"
5. Check the "Expand widget templates" box.
6. Find this code :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Then replace it with this code :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

8. Save your Template.

Have fun...

Recent Post - Unlimited Post

To show your recent post on the sidebar is very easy an fun, you just follow the instruction below then you will see your recent post on your blog sidebar. here’s the steps :

1. Login to Blogger then Chose "Layout"

2. Click on "Add page element" (chose where you want to put it) then chose "HTML/Javascript"

 
3. Copy the code below and put it in the "content" box.
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BLOGS.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

 
4. Change 'BLOGS' with your blogname.


5. The number "20" it’s amount of recent post that will be shown, You can change it.

 
6. Click

Save.

 
Have fun on it

Give your article the Drop Caps

W ow... nice to see the article with Drop Caps on the head of first sentence. Just simply steps your need to do : A. If you have already dro...