Remove The Cutest Blog On The Block Logo

Source: - http://www.tweakmyblogger.com/2010/08/remove-cutest-blog-logo.html


Remember To Always Back Up Your Template Before Attempting Any Of The Tweaks

If you are using a background from The Cutest Blog On The Block you will see they have logos in the backgrounds.  It is not recommended  to remove this because it goes against their terms and conditions. But if you still feel this logo has to go I will show you how.  

This is your stander background code they ask you to place in a  HTML/javascript gadget.

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B%20background-image%20%3A%20url%28%22http%3A//thecutestblogontheblock.com/backgrounds/madisonavenuewider.jpg%20%22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20%20background-attachment%20%3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cscript%20type%3D%22text/javascript%22%3E%0Avar%20div%20%3D%20document.createElement%28%27div%27%29%3B%0Adiv.setAttribute%28%27style%27%2C%22position%3A%20absolute%3B%20left%3A%200px%3B%20top%3A%2030px%3B%20z-index%3A%2050%3B%20width%3A%20150px%3B%20height%3A%2045px%3B%22%29%3B%0Adiv.innerHTML%20%3D%20%27%3Ca%20target%3D%22_blank%22%20href%3D%22%20http%3A//wwww.thecutestblogontheblock.com%22%3E%3Cimg%20border%3D%220%22%20src%3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%3E%3C/a%3E%27%3B%0Adocument.getElementsByTagName%28%27body%27%29.item%280%29.appendChild%28div%29%3B%0A%3C/script%3E"));</script>

Just remove the part in Red and this will remove the logo. Now we could go farther and remove the unnecessary coding to do with the logo but this changes depending on which background your using. This also might be harder to spot so to keep it simple you can just remove that line of coding and it will work.

Use the background as  CSS:

Some people have javascript blocked on their computer for security reasons. If this is the case then  background images from this site will not show up on their computer. Also in some cases this way is better because it will not have two background image load when entering your site. This can cause the site to load slower or crash slower computers. To use this method follow the instructions below.

Go to Design > Template Designer > Advanced > Add CSS.

Place this code below for newer template:  (This does not apply for some templates such as Josh Peterson Simple Template)

.body-fauxcolumn-outer {
background: url(IMAGE URL) top center no-repeat fixed;
}
.body-fauxcolumn-outer div {
background: none;
}

For older or layout templates use this code:

body {
background: url(IMAGE URL) top center no-repeat fixed;
}

Now lets take a look at the code from Cutest Blog.

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B%20background-image%20%3A%20url%28%22http%3A//thecutestblogontheblock.com/backgrounds/madisonavenuewider.jpg%20%22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20%20background-attachment%20%3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cscript%20type%3D%22text/javascript%22%3E%0Avar%20div%20%3D%20document.createElement%28%27div%27%29%3B%0Adiv.setAttribute%28%27style%27%2C%22position%3A%20absolute%3B%20left%3A%200px%3B%20top%3A%2030px%3B%20z-index%3A%2050%3B%20width%3A%20150px%3B%20height%3A%2045px%3B%22%29%3B%0Adiv.innerHTML%20%3D%20%27%3Ca%20target%3D%22_blank%22%20href%3D%22%20http%3A//wwww.thecutestblogontheblock.com%22%3E%3Cimg%20border%3D%220%22%20src%3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%3E%3C/a%3E%27%3B%0Adocument.getElementsByTagName%28%27body%27%29.item%280%29.appendChild%28div%29%3B%0A%3C/script%3E"));</script>

Now the code in Red is the link to the image. You just need to change it a little.

Example:

http%3A//thecutestblogontheblock.com/backgrounds/madisonavenuewider.jpg

Change to:

http://thecutestblogontheblock.com/backgrounds/madisonavenuewider.jpg

 Then replace the  IMAGE URL you added in the Add CSS box on Blogger.

The final code may look something like this:

.body-fauxcolumn-outer {
background: url(http://thecutestblogontheblock.com/backgrounds/madisonavenuewider.jpg) top center no-repeat fixed;
}
.body-fauxcolumn-outer div {
background: none;
}

Note: If you choose to remove the logo or modify the code giving by The Cutest Blog On The Block, you do so at your own risk. This site takes no responsibility in your actions to do so.