posts Archives - Homeprenuer®, Entrepreneur working from home.

November 11, 2007October 11, 2018

Blog Posts can be saved as PDF's to be printed later

This might not come as a new information to many of you, yet I am making this post as per the request made by Bruce – from Brazil. You may have noticed a small link at the bottom of the post Clicking on this link (at the post-page) will save the post as a pdf file, which you may either save to your system and /or take prints later.

This is the PDF creation widget from http://savepageaspdf.pdfonline.com/index.asp. This is free and is very easy to incorporate in you blog.

GENERATING JAVASCRIPT CODE

Signup with http://savepageaspdf.pdfonline.com
You will be directed towards PDF conversion-setup page
Before actually configuring the pdf widget, do paste one of your post-urls in the Textbox and click the CONVERT TO PDF button…. take a look at the resulting pdf page..for contents, margin , paper orientation (portrait or landscape etc)
IF you are not satisfied by the default values… modify the margin accordingly and obtain pdf that suits your need.
Now that you have tired and tested the margins and orientation. You may proceed with customizing this widget for your blog by clicking the GENERATE JAVASCRIPT button
Now the code for pdf creation is ready and is displayed in the bottom textbox

Adding the script to the POST-PAGE ONLY
This will display the at the post page only…will not be displayed in the blog indexpage (unless you specify in the sidebar). Locate the code in blue and insert the code as inditated in red in Template – edit template – expand widgets template
<b:if cond=’data:blog.pageType == “item”‘>
<h2 class=’date-header’><data: post.timestamp/></h2>
ADD THE JAVASCRIPT CODE
<b:include data=’post’ name=’post’/>

Adding code below each post to be displayed in blog index page
Remember :-… what you see is what you get in the PDF file.IF the index-page of your blog displays post summaries (like here) then .. saving as PDF will only save the displayed information that you see in the index-page of the blog
The entire post shall be saved as pdf only of the permalink of the post (post-url) is displayed in the browser
<p class=’post-footer-line post-footer-line-1′>
<span class=’post-author’>
<b:if cond=’data:top.showAuthor’>
<data:top.authorLabel/><data: post.author/>
</b:if>
</span>
<span class=’post-timestamp’>
<b:if cond=’data:top.showTimestamp’>
<data:top.timestampLabel/>
<b:if cond=’data: post.url’>
<a class=’timestamp-link’ expr:href=’data: post.url’ title=’permanent link’><data: post.timestamp/></a>
</b:if>
</b:if>
</span>
ADD THE JAVASCRIPT CODE
<span class=’post-comment-link’>
<b:if cond=’data:blog.pageType != “item”‘>

Hope this helps.Your appreciation is my motivation

October 26, 2007October 11, 2018

Track your comments in Blogger

The first step being a blogger is ones willingness to read other bloggger’s posts and leave a comment without feeling lazy. But , imagine bookmarking all the URLs where we have commented . Thats a long list in our Favorite folder. I used to hate when I have to ‘spring clean’ my favorites.. especially for past posts where I have posted comments. Sometimes in a hurry, I also forget to bookmark the link

But now you can keep track of the comments you make in blogspotblogs by just clicking the textbox that shows up when you post a comment. Isnt this a cool thing. Now all you have to do is just click on the check box.

In course of time we tend to get bored by the same topic and decide to unsubscribe from a particular post’s comments.You can unsubscribe any time using the “unsubscribe” link at the end of the mail you receive in the mail box (or) click on the “unsubscribe” link in the comment-page

Your appreciation is my motivation

July 11, 2007October 11, 2018

Give 5-star rating for individual posts in your Blog

Best way to sustain readership is to make it as interactive as possible. But at the same time we need to remind ourselves that the readers jude you posts in matter of minutes.. They scan your posts (before actually reading them) and then decide to read further. So if you can allow users to interact with your posts without any annoying popup and signup forms,.. then the 5 star rating system is something you need to incorporate

You may notice Some stars displayed at my posts.These are the Rating-stars. You may click on the stars to rate your opinion on the concerned post

– Poor

– Fair

– Average

– Good

– Best

This script has been developed and deployed by the team at http://js-kit.com.Do drop by there..I am sure other scripts developed by them will impress you equally well.However..Instructions to use the 5 star rating system in blogger is as follows

SAVE AND BACK UP YOUR TEMPLATE
In TEMPLATE-EDITHTML – check the “Expand widget templates”
Locate the <div class=’post-header-line-1’/> and insert the following right after it (and before <div class=’post-body’>)

So your final code should look something like this

Locate the </body> in the template and add the following before it

Your appreciation is my motivationKindly linkback to this post as you recomend this 5 star rating feature to your fiends

October 27, 2006October 11, 2018

Expandable posts

It is very tiring and irritating to read through the entire posts on a blog before you reach the particular matter you are lookin for.Faced with similar prob..i chanced upon Hackosphere.His blog helped me a great deal in customising my blogs (Horizon ,MyTamil blog,& the one you are reading now) in the manner you now see it.

Step 0:

Download and save your template so that you can go back to it if there is any problem .
——————————————– Click Readmore or Click Here

Step 1:
Find the </head>tag in your template and add this line before it
<script type=’text/javascript’
src=’http://www.anniyalogam.com/widgets/hackosphere.js’ />

Step 2:
Find this includable called “post” and make the changes highlighted in red so that the final result looks EXACTLY like this. .

<b:includable id=’post’ var=’post’>
<div class=’post uncustomized-post-template’
expr:id='”post-” + data:post.id’>
<a expr:name=’data:post.id’/>
<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class=’post-header-line-1’/>
<div class=’post-body’>
<b:if cond=’data:blog.pageType == “item”‘>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id=’showlink’>
<p><a href=’javascript:void(0);’
expr:onclick='”javascript:showFull(\”post-” +
data:post.id + “\”);”‘>Read More…</a></p>
</span>
<span id=’hidelink’ style=’display:none’>
<p><a href=’javascript:void(0);’
expr:onclick='”javascript:hideFull(\”post-” +
data:post.id + “\”);”‘>Summary only…</a></p>
</span>
<script type=’text/javascript’>
checkFull(“post-” + “<data:post.id/>”);
</script>
</b:if>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

Step 3.
Goto Settings->Formatting and at the bottom, you will find the text box provided to specify the “Post template”. Copy/paste these lines into that text box and save the settings.

Type your summary here
<span id=”fullpost”>
Type rest of the post here
</span>

If you create a new post now, it shows you clearly where to type the summary and where to add the rest of the post. Please note that you could also divide some or all of your old posts into summary and full post by editing them. The “Read more” link will appear only for the posts that have been divided

I have copy-pasted these instructions from hackosphere.This works fine for me in all my blogs.Hope you too get to enjoy this feature