Today I have decided to make small face lift to one of my blog. I really don't like tags cloud which is default in New Beta Blogger. It is really boring.
"Come on Blogger team, you should something with this! "
I have searched some hints and tips. There are clouds from 3rd party sides delivered as HTML code which you simply copy / paste as a new widget in your blogger template. But in these I don't like small labels where it comes from like Technorati or others.
Finally I found very naturally looking tags cloud for beta blogger. I repeat Beta because it doesn't work with old classic blogger templates. Here is the guide how to set up tags cloud for new blogger. And additionally tool how to determine RGB color format from HEX. This you will need for playing with colors in you tags cloud.
Saturday, July 4, 2009
Tags cloud for Beta New Blogger.
Posted by Vlada, Czech Republic at 3:46 PM 0 comments
Labels: Blogger tips
Saturday, January 24, 2009
Add Meta Tags to Blogger/Blogspot blogs.
For one of my blog I make an experiment. I want to see difference in SEO and SERP with and without meta tags. There are many discussion all over the web but mostly people say "adding meta tags can even hurt your web site". But on the other hand mostly web sites at first page of Google seaches come with meta tags. At least I made right now quick test.
If you want to generate meta tags automatically you can use Meta Tags generator. It has one bug. After it generates meta tags for your keywords, title, description you have to add slash ( / ) at the end of each meta code. See example below.
<HTML>
<HEAD>
<TITLE>testing meta tags</TITLE>
<META NAME="description" CONTENT="this is for the test of meta tags">
<META NAME="ROBOTS" CONTENT="ALL">
</HEAD>
And after your manual correction should look like this
<HTML>
<HEAD>
<TITLE>testing meta tags</TITLE>
<META NAME="description" CONTENT="this is for the test of meta tags"/>
<META NAME="ROBOTS" CONTENT="ALL"/>
</HEAD>
Now you should not have any problem to copy and paste your HTML code with meta tags into your blogspot / blogger blog in LAYOUT - EDIT HTML. Please remember that meta tags must be in HEAD section. It means between <HEAD> and </HEAD>
Posted by Vlada, Czech Republic at 8:35 AM 1 comments
Labels: Blogger tips
Saturday, June 14, 2008
How to display HTML code in your blog post.
This is tip how to display HTML code in your blog post. If you try past HTML code as it is, it will never be displayed. Because browsers interpret them rather than display.
There are already couple of posts recommending to do following replacement in your HTML code:
Replace < (i.e. less than sign) with <
Replace > (i.e. greater than sign) with >
Replace “ (i.e. quote mark) with "
But there is a faster way and much more easier. You can encode HTML code for instance by Encode/Decode HTML tool. Just simply paste the code and "encode". Then copy your encoded code and past it to your blog post.
Posted by Vlada, Czech Republic at 5:36 PM 0 comments
Labels: Blogger tips
Remove NavBar from Blogger.
Blogger NavBar is common feature for most of blogs hosted on blogspot. This NavBar at top of the site is set as default. But there is a really easy trick how to remove.
After you log on you go to Dashboard and select Layout and Edit HTML. In the very beginning of your code search for following (HTML code in bold must be entered in order to remove NavBar)..
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#666666" value="#666666">
After you save and reload your blog again, Blogger NavBar will be away.
Posted by Vlada, Czech Republic at 5:13 PM 0 comments
Labels: Blogger tips