Wednesday, October 10, 2012

How to center the header in blogspot

Your header image may not wide enough and you will see the image is placed on the left side.
Follow below steps to place your header image in the midlle..

1. Go to template





























2.  Click Customize















3. Paste below code into the highlighted in yellow below. You may adjust the number "110" below to adjust the image placement.

.header-outer {margin-left:110px;}


Saturday, December 31, 2011

Add Language Translator

Some blog having a lot a visitor from many countries. Your reader might more prefer if they can read with their preferred language. By copying below code and add into your page element, its will help you to solve this matter.
Make sure you change "YOUR BLOG ADDRESS" to your blog address.

<form action="http://www.google.com/translate"><script language="javascript" type="text/javascript">document.write ("<input name="u" value="+location.href+" type="hidden">")</script><input value="http:/YOUR BLOG ADDRESS" name="u" type="hidden" /><noscript>&amp;amp;amp;amp;amp;lt;input value="http://YOUR BLOG ADDRESS" name="u"  type="hidden"/&amp;amp;amp;amp;amp;gt;</noscript><input value="en" name="hl" type="hidden" /> <input value="UTF8" name="ie" type="hidden" /> <input value="" name="langpair" type="hidden" />

Wednesday, July 6, 2011

How to write with superscript or subscript format

How to write with superscript or subscript format?
Superscript format is useful especially in mathematics or shown the price tag with more stylist.

Example : USD 30.00 compare to USD 30.00

Here we go:
In the edit post --> edit HTML as shown below

Find word, Example : USD 30.00 compare, edit by adding in red as shown below.

Example : USD 30<sup>.00</sup> compare


For the subscript format such as use in science (material composition), mathematics.

Example : H2O - water, CO2 - carbon dioxide
This can be done by adding in red as shown below.

1.  H<sub>2</sub>O
2.  CO<sub>2</sub>

Tuesday, July 5, 2011

Move date under the title post

Default setting in blogger.com is the date placement is on the top of the title. You might place the under the post title by following below steps.
Go to Design --> Edit HTML --> Expand Widgets Templates
Press Ctrl+F and a text box will pop up and paste below code in the search box
<b:if cond='data:post.dateHeader'>
You should find code as below.
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
Remove the full code above and copy paste into notepad
Next step is to locate code below.
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Paste the code you have in the notepad directly under it.
Related Posts Plugin for WordPress, Blogger...