Create Readmore on Blogger

March 29, 2009

Readmore condense or make any posts in the blog, is to provide a “Read More …” Or “Read More …” or simply “Read more …” under the heading that we be shortened. To have any posts for a long does not appear entirely though it takes place.
Only to the point, below is a step by step how to cut or install any posts in the new Blogger readmore (layout template):
• Click the layout -> template -> Edit HTML. Then ceklis marked on the “Expand Widget Templates”.
• Because each of the different structure of the template box on the Edit Template search one of the following codes:

or

or

To find the code, if you use firefox browser how to find it quite easy to copy one of the live code to search, press CTRL + F in the search (in the edit html of your blog) and paste the code that will be searched in the Find area: the akan appear after pressing CTRL + F and automatic code if you are looking for suitable akan langsung found. If not using Firefox please download here first.
• If you are met; The first stage (stage two) we copy-paste the following code,

. fullpost (display: inline;) </ style></p> <p> <data:post.body/> </ p><br /> <b:else/><br /> <style>. fullpost (display: none;) </ style><br /> Paste the code under one of the following templates on your blog,</p> <div class=’post-header-line-1′/> or<br /> <div class=’post-header-line’> or<br /> <div class=’post-body entry-content’> • The second phase, copy the following code,<br /> <b:if cond=’data:blog.pageType != “item”‘> <br /><br /> <a expr:href=’data:post.url’> Read more …</ a><br /> </ b: if><br /> </ b: if><br /> Paste the code below <p> <data:post.body/> </ p><br /> • If the instructions above have been done, the results will be like this: (note the blue color code as additional)</p> <div class=’post-body entry-content’> <b:if cond=’data:blog.pageType == “item”‘><br /> <style>. fullpost (display: inline;) </ style></p> <p> <data:post.body/> </ p><br /> <b:else/><br /> <style>. fullpost (display: none;) </ style></p> <p> <data:post.body/> </ p><br /> <b:if cond=’data:blog.pageType != “item”‘> <br/><br /> <a expr:href=’data:post.url’> Read moreâ | </ a><br /> </ b: if><br /> </ b: if></p> <div style=”clear: both;” mce_style=”clear: both;”/> <! - clear for photos floats -><br /> • If you have click on SAVE TEMPLATE.<br /> • From the menu we move TEMPLATE menu, click Settings (Settings)> Formatting (Format). Have any posts under the Post Template (Template Post), the contents of the box dipinggirnya with the following code:<br /> <span class=”fullpost”><br /> </ span><br /> Click SAVE (Save Settings).<br /> • Finally, each akan mempublish posting, click the Edit HTML and paste the code between the posting will be displayed and hidden. For example,<br /> This is the first paragraph the content you post. <span class=”fullpost”> and this is the next posting that you will not be visible except in the read more link clicks by visitors to your blog. </ span><br /> • Code </ span> is stored on the end of any posts (posting) you!.<br /> Please try! </p>

Got something to say?