Tuesday, June 14, 2011

How to make the word "Read more ..." in the new blogger

Good Morning, Good Afternoon and Good Evening all. This time I want to tell you all about how to make the word "Read more ..." in the new blogger.

For the classic version of the template I've ever nyoba, lately a lot of really a question, I ended up looking for news, even met on blogger help, How can I create expandable post summaries?. But do not jump in to try, I've tried several times but failed to reply to follow from blogger help, especially on the style / css.

OK, immediately wrote me tell you how.

     1. Log into blogger.com, select the blog that you want to edit, click the Layout link then go to Edit HTML
     2.
To be able to edit the template as a whole, you must check / tick / enable the Expand Widget Templates
     3. Enter the following code before the tag </ head> or just after the code } ]]></ b: skin> like this:

       <style>
       <b:if cond='data:blog.pageType == "item"'>
          span.fullpost {display: inline;}
       <b:else/>
          span.fullpost {display: none;}
       </ b: if>
       </ style>


     4. Next arrange for post cut, look for the code <p> <data:post.body/> </ p> in your template and add the following code right below it:

       <b:if cond='data:blog.pageType != "item"'>
       <a expr:href='data:post.url'> Read More .. </ a>
       </ b: if>


     5. Well that was interrupted, every time you post, click on the post where you want to post Read More .. appears, and type <span class="fullpost"> remaining posts until the end </ span>. To add this code, when you need to post in Edit HTML mode instead of Compose


Example posting:
This is the beginning of the news that I want to cut because it was too long if all the postings appeared,therefore I need to cut the news to be here. <span class="fullpost"> And this is the rest of my post which I will hide and only appear at the post page or link read more .. clicked </ span>

The end result would post something like this:
This is the beginning of the news that I want to cut because it was too long if all the postings appeared,therefore I need to cut the news to be here. Read more ..



So, Good luck

Thursday, June 2, 2011

How to Display Recent Entries and Recent Comments in New Blogger

Hi Blogger Mania, I wanted to share knowledge to all of you. How to display the "Recent Entries" and "Recent Comments" on New Blogger. Consider the following tutorial;

Login to your blogger account, click the "Layout" to get into the "Template", "Page Element". Click on the link "Add a Page Element" at the recent post in which you want to appear. After a pop up, "Choose a Page Element" appears, select "Feed".
In the "Feed URL", enter the feed url of your blog, usually the format like this: http://nama.blogspot.com/feeds/posts/default, adjust the settings and click "Save Changes"

Recent Comments for the same, only need to enter the feed url for the blog comment you wrote, Feed Url to comment blog is usually like this: http://nama.blogspot.com/feeds/comments/default.

Note: For this way, the recent post and comments are usually not directly update so you do post or a comment there, it usually takes a while to update.