Blogger Blog by Switcher: October 2009 | SoSwitcher

.

Blogger - How To Change Icon


blogger icon Want to change the default Blogger icon in your template?

1) First thing you need is a new icon! You can create your own image in whatever image editor you are comfortable with (Paint Shop, Inkscape, MS-Paint, etc…), make the image 16x16 pixels & save as a .png image.

An alternative is to search Google for a 16x16 pixel .png image that’s already finished.

Here is a Google Image search I did for the word star imagesize:16x16 , you can change the word star to any subject you like, just keep the rest of the search string the same:

(example = cell phone imagesize:16x16).

2) We need to convert our .png image into a .ico file (icon image). Go to the Dynamic-Drive website, & use their online converter to upload you .png image, & create your new .ico file (icon image). After the icon is created, download the new icon to your PC desktop.

3) Now that we have our new icon, we need to upload the icon, to the internet. Blogger won’t let us host our own .ico file so we can use Google Sites for our host, you can follow a blog post I did Blogger - Host Javascript File for Free , this link will show you how to host your own files online for FREE, you do not need to change the extension for this tutorial, your icon URL should look something like this:

http://sites.google.com/site/YOUR_GOOGLE_SITE/PAGE1/YOURICON.ico


4) Paste the code below into your Blogger template just below the <HEAD> tag



<!-- Favicon -->
<link href='http://sites.google.com/site/YOUR_GOOGLE_SITE/PAGE1/YOURICON.ico'
rel='shortcut icon'/>
<link href='http://sites.google.com/site/YOUR_GOOGLE_SITE/PAGE1/YOURICON.ico'/>
<!-- end Favicon –>



NOTE: Make sure to change both of the URL’s to your own links, from your Google-Sites webpage. Press the Save Template button in your Blogger editor. Make sure when you paste the code into your Blogger template, that you have four individual lines of code, if the lines are broken you will get an error message in the Blogger Editor.

That’s it!

Visit your blog & you should see your new FAV icon at the top of your browser window.


Technorati Tags: ,,


dxf file

Blogger Meta Tag


meta tags no blogger,agregar meta tags blogger,add meta tags blogger,blog meta tag,blogger title tag,blogger meta description,blogger seo,wordpress meta tag

I’ve been busy working on a really cool bit of Blogger Meta Tag code, the last couple of days. This new code will let me control all my meta tag content dynamically with the exception of my blogs homepage, which will have its own static meta tag content, that is still totally customizable.

What's all this mean, why do I need this?

The old way of creating Meta Tags for a Blogger Template, will only let us set the Meta Tag content for all of our Blogger blogs, as single Meta Tags, that shows the same content on every single blog page.

My new improved code will automatically write this dynamic content to the Blogger template for each individual blog page:

  • TITLE
  • Description Meta Tag
  • Keywords Meta Tag

1) Title Tag = Blog Post Title + Blog Post Labels + Blog Title

2) Description Meta Tag = Blog Post Title + Blog Post Labels + Blog Description

3) Keywords Meta Tag = Blog Post Labels

The Blog Title pulls it’s content from Blogger Control Panel –> Settings –> Title. The Blog Description in the Meta Tag Description pulls it’s content from the Blogger Control Panel –> Settings –> Description. All the Label content pulls it’s content from each individual blog posts labels, so we use those Labels as Keywords inside the Meta Tags.

What all this does is provide Google our own unique content & keywords, that have a very good chance of showing up inside the Google Search results Pages description, just below the Title. The reason I say a very good chance of showing up is, it’s impossible for any website on the net to force Google to use content. With the Meta Tag Description, Google most times will look for that tag & use it in the SERP.

I’ve had my new Dynamic Meta Tags crawled by Google & already showing up in the Google SERP (Search Engine Results Page), after only a few hours of testing.

The image below, you can see a screenshot of my new Meta Tag content, from my last blog post

Blogger – Change your Tools

meta tags no blogger,agregar meta tags blogger,add meta tags blogger,blog meta tag,blogger title tag,blogger meta description,blogger seo,wordpress meta tag

My intention is to have Google notice my blog for a wider dynamic selection of keywords & phrases, than my old static template. I’ll wait about a month & keep monitoring how Google Search handles the content in my SERP results, before I post any code for others to use on their own blogs, I want the code to be 100% up & running with results to show everyone.

Keep an eye out for related future blog post.

While I’m tweaking the code, have a look thru this blogs source code, to check out how every single page on this blog has dynamic Meta Tags & Page Titles (no two pages are the same).

Technorati Tags: ,,,

dxf file
 

Labels

Recent Comments

.

© 2012