Hi all I just started my blog and I need some help to design it. My blog is only for wallpapers . and my posts are very long and 2-3 post in one single page is making it too long so I need to change it a little. When I visit this blog http://orkutting-tricks.blogspot.com I saw that this blog's posts are not in its full length on the home page. after a few lines there is a link to read the complete post. please visit that page to see how it is. Then I tried to copy that code but unable to do that. anyhow I find out the theme which was used there. and that also did not work. I find <style>.fullpost{display:none;}</style> this style before posts, on that web pages' source code. but unable to use that style. even for this I install that theme but there was no such function like that. here is the templet that site is using http://www.mediafire.com/download.php?32yksl8dpib and my current templet http://www.mediafire.com/download.php?yesrxkjyt2p Somebody please help me out thanks in advance If I should not give such links please inform me and please dont delete my account
That is referred to as 'peek-a-boo' posts. It is a CSS/javascript trick. Here are a couple of links for editing your templates to get you started. How can I make show/hide links for my posts? Make Show/Hide Links for Blog Posts. If you need to search for other Blogger tips and hacks: Blogger Hacks, Tips and Information Search Page I thought I saw something about 'true excerpts' for Blogger in Draft . But cannot find it now. At any rate, another thing you may be interested in (and a long time coming) is Embedded Comment Forms. You can now post comments on the same page that your post is on without having to go to a popup/external page.
blogger help says step 1 css .posthidden {display:none} .postshown {display:inline} Your style sheet is usually near the top of your template, between the <style> and </style> tags." so I paste that where post - menu styles are but I didn't find any such tags in my templet spet2 was easy and clear but in the spet 3 - <Blogger></Blogger> again not in my script and it is saying about unique ID which I dont know how to add if you want I'll call you to edit my templet as admin Please do this little favour to me send me a private msg
Hey I got this link and I'm done http://www.bloggerbuster.com/2008/02/how-to-create-post-summaries-in-blogger.html? that is hard this process is easier and short FIRST STEP: Find the ]]> </b:skin> </head> tags. SECOND STEP: Insert the BLUE TAGS in the middle of the RED TAGS. ]]></b:skin> <style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style> </head> And then, hit the "Save Now" Button. THIRD STEP: CHECK the BOX of EXPAND WIDGET TEMPLATES FOURTH STEP: Find the <dataost.body/> tag. FIFTH STEP: Add the BLUE TAGS after the RED TAG. <dataost.body/> <b:if cond='data:blog.pageType != "item"'> <a expr:href='dataost.url' target='_blank'>Read more!</a> </b:if> SIXTH STEP: Hit the "Save Now" Button. SEVENTH STEP: Go to your SETTINGS > FORMATTING Scroll Down Until POST TEMPLATE and add the Blue Tags Introduction <span class="fullpost"> Full Content </span> and Hit "Save Now" Button EIGHT STEP: Edit All of Your Post With your new POST TEMPLATE... -----------------------------------------------------
this process is easier and short FIRST STEP: Find the ]]> </b:skin> </head> tags. SECOND STEP: Insert the BLUE TAGS in the middle of the RED TAGS. ]]></b:skin> <style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style> </head> And then, hit the "Save Now" Button. THIRD STEP: CHECK the BOX of EXPAND WIDGET TEMPLATES FOURTH STEP: Find the <data: post.body/> tag. "delete the space between data: post" FIFTH STEP: Add the BLUE TAGS after the RED TAG. <data: post.body/> "delete the space between data: post" <b:if cond='data:blog.pageType != "item"'> <a expr:href='data: post.url' target='_blank'>Read more!</a> "delete the space between data: post" </b:if> SIXTH STEP: Hit the "Save Now" Button. SEVENTH STEP: Go to your SETTINGS > FORMATTING Scroll Down Until POST TEMPLATE and add the Blue Tags Introduction <span class="fullpost"> Full Content </span> and Hit "Save Now" Button EIGHT STEP: Edit All of Your Post With your new POST TEMPLATE...