It doesnt matter if you are new or pro to blogging. There is always something to learn. only if we have the heart to seek.At SomeTemplate Tips , you may find atlest one post that might intrest you. Below is the list of lates 20+ posts
This is my english blog titled HORIZON WITHIN US.
Take time to read while you sip a cup of coffee or chocolate
Those who are involved with lot of document exchange will probably agree with me that Pdf's are great way to distribute your original document. With Pdfonline.com, the conversion of documents from the various formats {MS Word (DOC | RTF)--MS PowerPoint (PPT)---MS Publisher (PUB)--MS Excel (XLS)--HTML (MHT)--Text (TXT)--JPG , GIF,TIFF, BMP,PNG, EMF,WMF } to pdf is just a click away.
However, it has been in the wish list of many bloggers and e-publications , over some procedure to display the contents of the pdf documents by embedding them directly in a web page. Until now, the pdfs would be uploaded to some common file sharing network , and the link to the pdf would be specified in the web page. The person whoever wishes to read, has to download the pdf to his system.
Not anymore... now you can show the contents of the pdf right inside your blog / webpage. Surprised.. below you will see a pdf document that I have created as a test document and its content displayed for all of you to see ( without downloading). Use the slider near the ZOOM tool to get a closer look and the HAND tool to drag the page
This is now possible with the help of services from http://www.scribd.com.Not only with pdfs, Scribd allows us to upload and publish documents in other formats also (check out their FAQ)
You can also customize the document for private - public viewing, Allow - disallow printing, Allow-disallow comments, and even more.. Just explore and you get to know better. I personally find this extremly useful for pdf's ( for other formats depending on the file size, the conversion might take a little longer).. so.. Liked this... Its simple and easy.. just follow the instructions closely
You may upload a document from your Hard Drive (or) specify the URL of the document
Once upload is completed, it will start converting , so that your document is embedded in a flash player ( which is used in the webpage)
Depending on the number of previous documents in queue, this might take some time
Once the conversion is completed, you just have to click on the file to see it on Scribd
On the LeftHand side of the document page ( in scribd), you will see various options to share the file
There is also an Embed Option ( You may not see this immediately after the file upload.. I had to wait for abt 12 hrs to see the embed code... so just upload the files one day ahead of schedule, to be on the safer side)
You may copy paste the Embed code to your blog to show the pdf
The Advanced option allows you to change the height and width of the display area.. so that you may modify it suit the appearance of your blog / website
Thats it... you have the embed code.. now all you need to do is Copy paste the code at the appropriate position in your blog for your friends to see
So you see... displaying the contents of a Pdf file in a webpage is not impossible after all... it just took us a little longer to know about Scribd. I prefer to use this exclusively for Pdfs .. perhaps, you may find other attributes of Scribd more interesting. Dont hesitate to share your thoughts with the rest of us. If you find this post has been helpful in some manner, do drop in a word at the comments page Your appreciation is my motivation
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.
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
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
In my previous post I was telling about how Jackbook has developed a hack to allow blogspot users to post their comments directly from the post page. However the link to jacks instruction is not working for some strange reason. Nevertheless I am posting the instructions here . Hope Jack will not be offended.. this is just a Repeat-post..
Instructions to allow the comments from post page itself
Settings - Comments - Show Comments in POP-UP window - YES
Save and Back up you existing template
Note that the "Expand Widget Template" has the "tick" mark
Locate the code given below and add the lines marked in red
<p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </p> --> <!-- jackbook.com part 1 ends --> <!-- actually i almost do nothing with your template, just add that comment, you did it :) -->
<div id='comment-parent' style='padding-bottom: 20px;' onmouseover='showcomment("hoverme", "comment-child");'> <h3 id='hoverme' style='display:block;'> <img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://lifewg.googlepages.com/html-code-leave-comment.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/> </h3>
<!-- this iframe below is your comment form. you can change the height, or add more style property into it --> <div id="comment-child" style='border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'> <iframe style='border:none;' expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/> <br/> <a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a> </div> <!-- end of iframe -->
Save Template and view any Blogpost ( which has comments)
Move your mouse over the comment-form... all the existing comments will be shown allong with the comment form to add new comment
TO ALTER THE HEIGHT-WIDTH-BACKGROUND OF THE COMMENT-FORM Notice the lines shown in red in the code below <!-- this iframe below is your comment form. you can change the height, or add more style property into it --> <div id="comment-child" style='border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'> <iframe style='border:none;' expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/> <br/> <a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a> </div> <!-- end of iframe -->
Here height:750px; width: 420px; is responsible for the width and height of the comment form
You may change the width:99% to occupy the entire width of the colum
You may change the height:800px to increase the comment form section.... just play around with the values till you are satisfied
You may change the background: transparent, if you want the comment section to merge with the background of your blog
You may change to background:#DDDDDD, if you want to give a unique background color for the comment section... Use the hexadecimal color chart for any color of your choice
Hope this helps till Jack's page is available to all of us once more. do drop your comments to express your appreciationYour appreciation is my motivation
It has been a long time wish for many blogspot users to have the comments form appear in the post-page itself.. so that the reader need not click on "Post a comment" link at the end of each page.. Now the wait is over.. We are now able to post comments from the post page itself by applying the hack devised at Jackbook.com
Still having your own doubts as how this might work.. just click on any post title to open the page at its Post-URL... you will see the comment form below the post content.. Move your mouse over the comment-form and voila.. the existing comments show up along with the form for you to post your comment
The instructions are pretty simple to follow.. so just go ahead and do it now.