Showing posts with label Problem with Blogger. Show all posts
Showing posts with label Problem with Blogger. Show all posts

Tag Cloud In Blogger/ Setting Up Label Cloud Widget In Blogger  

You see the tag cloud or label cloud out here in this blog. If you don't understand what it is, probably it is of no use to you :).

Blogger does not has as inbuilt widget for them. But you can set them up quite easily. Here is the simplest of the ways to set them up. Follow the instructions on this post.

Make sure you backup your template before making any changes, or implementing this tag cloud/label cloun widget




Here is the code and setup information to use the Label Cloud in New Blogger.
First you obviously have to have a blog on New Blogger, and you MUST be using the layouts templates,
(this isn't available for classic templates, or FTP published blogs ) and you must have some posts labeled already. (There needs to be at least ONE label with more than ONE entry or the scripts hit a bug - so have at least one label with more than one entry before starting).
Following The Link Here: http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html


PS: If this posts helps you in anyway please comment and support :)

Read More...
AddThis Social Bookmark Button

A new problem this time -" How to paste html codes in blogger post "?  

It seems that blogger is not that good when it comes to people who are discussing codes or anything. I was providing the solution on how to put up tables in blogger post and needed to put in the html code and the blogger will not show the html codes, rather it rendered them and created a mess altogether. Anyhow here is a workaround that might work for people who are working with web designing and need to paste some codes into their blogger post that users can read and are not rendered by blogger.

Suppose you want to paste a code like

<style type="text/css">.nobrtable br { display: none }</style>


<div class="nobrtable"> <table border ="1"> <tr> <td>Web Hosting Site</td>
<td>SEO Firm</td> <td>Forex Trading Site</td> </tr> <tr>
<td>Cheapest Web Hosting Firm</td> <td>Highest Paid Seo Company </td> <td>Most popular stocks and sites for forex trading</td>
</tr> </table> </div>



Now how do you do it in blogger. If you just paste the above code in blogger post and publish it then it will render it as follows


Web Hosting Site SEO Firm Forex Trading Site
Cheapest Web Hosting Firm Highest Paid Seo Company Most popular stocks and sites for forex trading


So how do I managed to show you the code above. Slightly tricky.

What you need to do is to open a WSISWYG editor like frontpage or visual studio web express edition and paste the code in design view . Make sure you are pasting it in the design view. (Note: In studio express edition, you need to 'paste alternate' to get this code pasted in design view). Now if you go and check the code you will find the following changes made

> changes to &??
< changes to &??

Well its ok, that is what you need to copy and paste back into your blogger post. This will not be rendered by blogger and it will show up as proper html code in the blogger post. Your readers will be properly able to read this html code from the post.

I hope it helps some of you !

Read More...
AddThis Social Bookmark Button

Problems with table formatting in blogger or blogspot  

I was making this post on drupal vs joomla and I need to paste a table into the blogger post. I thought it would be the simplest thing till the time i tried creating the table in the blogger post. There were two problems

1) There was a large space in between the table and the post - Blogger automatically adds line breaks.
2) The formatting and everything was lost.

Finally i found a solution from one of the other persons who had suffered from this table formatting problem in blogger.

This approach has been tested on Opera, Firefox and IE 6.

At the top of post add the following line:

<style type="text/css">.nobrtable br { display: none }</style>

Then place the table within that class:


<div class="nobrtable">
<table border ="1">
<tr>
<td>Column1</td>

<td>Column2</td>
<td>Column3</td>
</tr>
<tr>

<td>Data1</td>
<td>Data2</td>
<td>Data3</td>

</tr>
</table>
</div>


The output of the above table lines should be a table as shown below.













Column1 Column2 Column3
Data1 Data2 Data3



This turns the line breaks off within this div and the table is shown properly.

I hope this post also serves as the example to display the correct way of rendering tables in the blogger post.

Just a quick note:

You can see the correct results only in published post and not preview or compose mode. I hope this helps. Once again thanks to the original author of this solution. I hope this should fix up your problems with placing tables in blogger.

Read More...
AddThis Social Bookmark Button