How To Center Page Tab Navigation in Blogger

Hello again, now i'm going to show you how to center pag tab navigation. First thing first, this is a capture what is the page tab navigation in Blogger.

Here's the step on how to center page tab navigation in Blogger:

1. Go to Template --> Customize 

2. Find Advanced --> Add CSS, then you can paste the source code in the right space with this source code:

 .PageList {text-align:center !important;} .PageList li {float:none !important; display:inline !important;}  

And it shows like this:

3. Click the button Apply to Blog, and there you go. The page navigation should be in the center tab. 

Regards,
erikaicha

Read more...

How To Center Blog Header in Blogger

Hi, long time no blogging. Now i'm going to show you how to center the header in blogger. I'm using CSS template in blogger. That's the easiest way.

1. Go to Template --> Customize --> Advanced --> Add CSS

2. Paste the code below in the space on the right side at Blogger Template Designer.

 #header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}  

3. Then click Apply to Blog button. And you can see the different. :)

Read more...

How To Center Post Titles Blogger

Hi, this is the easy and quick tutorial how to center the titles on your blogger. Just do a little edit in the basic template editor in Blogger. By adding the simple code in the CSS section in Template Designer.

Step 1

Log into your Bogger and go into Template on the left side.

Step 2

Click the orange Customize button

Step 3

Go to the Advanced button on the left side. Scroll down and found Add CSS

Then paste this code in the Add CSS field:

.post-title {
text-align:center;
}



.date-header {
text-align:center;

Done!

Read more...

Show Recent Comment on Blogger

Step 1 Go to your dashboard blogger, and choose LAYOUT

 

Step 2 At the layout you can choose ADD GADGET

Step 3 Fill the search tab with the word "recent comment" then click to search, and the result below

Click the "plus" button and the gadget will come up on your layout design, result below

I place it upper the LABEL gadget then go SAVE, voila!

Read more...

Simple "Read More" On Your Blogger

I have written this post before. On that case we used template not from Blogger. Easy way..now blogger allowed us to create "Read More" on your post very simple way. I think, this way only for default template on blogger. I don't really know if could happen on other template. May be it is just the matter of HTML code that we need to do a little bit editting.

Just add this little command in every your post:

<!-- more -->

You can see it on the picture below:



check on your blog, and it suppose to be like this:




Good Luck! :)

Note:
You can make it automatic "readmore" by adding the command in Post Template. Just go to Setting --> Formatting then find Post Template. You can add the command in the box of Post Template. Then save it.

Read more...

How To Make "read more" In Blogger Beta

Just adding this code before this tag </head> or exact after this 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>

and then to cut your posting, just search the code <p><data:post.body/></p> in the template and adding this code below:

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

Now, in order the cut posting work, each time you posted, just click right where you want the Read More.. appear, and thickin this <span class="fullpost"> and the remnant of your post till the end </span>. In order to adding this code, you should go in HTML Edit mode not Compose

example:
i'am now cutting my post here <span class="fullpost"> And the reminds posting will appear when the read more..is clicked</span>

Read more...