How to display codes in blogger post

Code without border.

Code with border.

Have you ever tried to display codes in blogger. Many blog posts display codes. I always wonder how is this code displayed. After deep search with Google, I found the secret. In this post, i will share with you, how to display codes as it is in any of your post.

• First of all copy your code and encode your code. Click here to do this.
• After you click on encode button your code will be encoded. Copy the code.
• Paste it in your post. Thats it.
• If you want to add a border or put the code inside a box, Place the encoded code inside <fieldset style="border: 1px dotted ;>------your code------</fieldset> tag

Lets try one:

• Go to Blogger >> Posting >> Create.
• Copy the code : <data:blog.pageTitle/> </title> </b:if> or <data:blog.pageTitle/> </title>
• Encode it.
• To display code inside a box, paste the code inside this tag. <fieldset style="border: 1px dotted ;>------your code------</fieldset>
• To display without box, simply paste it anywhere you want.
  
• Try Clicking on Preview.

Happy Blogging.

Read more

How to put a flash mp3 player in blogger post

Here is a simple tutorial to add small flash Mp3 player to any post in blogger.

Copy and paste the below code just before </head> tag in Layout >> Edit Html.

<script src=http://googlepage.googlepages.com/player.js type=text/javascript/>

Copy the below code and paste it wherever you want the flash player to be displayed, but paste it in the Edit Html tab of Create Post.

<object type="application/x-shockwave-flash" data="http://coloriteman.googlepages.com/player.swf" id="audioplayer1" height="17" width="185">
<param name="movie" value="http://coloriteman.googlepages.com/player.swf">
<param name="FlashVars" value="playerID=1&amp;soundFile=http://media.odeo.com/3/3/2/yahoo-song.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent"></object>

• Do not forget to replace http://media.odeo.com/3/3/2/yahoo-song.mp3 with the URL of your Mp3
• You can configure height and weight as required.

Note: If you are using Internet Explorer, you will probably need to click the player twice to make it play. (All other Web browsers will let you click once.) If you do not see the MP3 player, then you dont have the Flash player installed. (More than 90 percent of all Internet users do have it.)

Read more

How to add space between words in a blogger post

Ave you ever tried to keep more than one space between two words. If no try first. Blogger does not allow you to add more than one space between two words. Even if you try pressing space-bar hundred times, it will not work.
Below words are separated with 10 spaces:
Vinod          Vinod

Now coming to the point, there are two ways to do this:

• Using non-breaking space (&nbsp;)
• using pre tag (<pre> </pre>)

To add any number add spaces, put that many number of (&nbsp;) between those words.
Eg: Copy and paste the following code in your post:
Vinod&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Vinod

Now, well try the second method:
Using pre tag, we can add space with your Space-bar itself. Now, you can add hundred spaces with your Space-bar.
Try This: Vinod<pre>                   </pre>Vinod

Note: All these tricks have to be done in Edit Html tab of create post. After doing this trick, do not go to Compose tab. Otherwise, again there will be only one space.
Enjoy blogging!!!

Read more