#navbar-iframe {height:0px;visibility:hidden;display:none}

MFBQ

Most Frequent Blogger Questions



I don't know more than I know--sometimes I know even less!
Click to see the incredible list,

All The Things I Don't Know!


If some portion of this blog is unreadable in Firefox, Internet Explorer, or whatever, tell it to go to hell then try another browser!!!

BLOGGER SUPPORT
http://help.blogger.com/?page=contact


BLOGGER PROBLEM REPORT FORM http://help.blogger.com/?page=troubleshooter.cs&problem=&contact_type=bug_with_blogger_beta&Submit=Submit

BLOGGER HELP FORM
http://help.blogger.com/?page=troubleshooter.cs&problem=&contact_type=other&Submit=Submit


Tell BLOGGER WISHLIST about a feature you'd like to see in Blogger!

Email Me if you have questions! And make sure the subject line or first two words in the message identify you as an MFBQ reader, so your email won't be mistaken as Squid, Squod, or Spam!

Email your questions to me here!

EMERGENCY STEPS

Kick-starting The Blog
1. Refresh (F5) or Ctrl-F5
2. Clear cache (delete temporary Internet files) and cookies in Tools-Internet Options.
3. Add a question mark to the end of your blog's internet address in the address box and see if it will show the latest update. (Can also be done with other people's url's in the address window.)
4. Republish (if in classic Blogger)
5. Reboot
6. Log out and log back in again (may change to an untroubled server)
7. Change browser (IE, Firefox, others)

---Not necessary to do all of these at once!---

Blogger may make problems for some computers about accepting cookies, especially when you are using the new versions of Internet Explorer or Firefox browsers. Difficulties with accepting scripts may be caused by security systems, antivirus programs, firewalls, and some add-ons. Check all your settings.

You may need to change your browser settings, or to list www.blogger.com and blogger.com as "trusted sites" in your Internet Options-Security so that scripting can occur.

USEFUL BLOGGER HELP FILE

http://help.blogger.com/bin/answer.py?answer=41971&topic=8914

[For Newbies or anyone else who gets lost in the rain in Juarez.]

Thursday, December 13, 2007

People Can't See My Profile?

Maybe it's not activated.
  1. Go back to your Dashboard.
  2. On the far left, click on Edit Profile (to the right of your photo).
  3. Make sure you've clicked "Share my profile".
  4. At bottom of page, click "Save Profile".

People Can't See My Profile?

Maybe it's not activated.
  1. Go back to your Dashboard.
  2. On the far left, click on Edit Profile (to the right of your photo).
  3. Make sure you've clicked "Share my profile".
  4. At bottom of page, click "Save Profile".

Saturday, December 8, 2007

Remove Blogger Help Group Message

To delete a word (or the whole message) you left in Blogger Help Group (BHG)

[You can do it, but there's no direct way to do so.]

Revise your message
1. Copy your message and revise it.
2. Copy the new text and/or code.
3. Paste the revised info into a new message.
4. If it works out right, delete (Remove) the original message.


Remove Message In Blogger Help Group:
1. Click on "more options" in the upper right corner of your own message.
2. Click on "Remove" in the list of options in blue text.
3. Click on "Yes, remove it now".
4. Click the "Confirm" button.


If it feels like you're telling it to do the above 3 times at least, welcome to the club!

Remove Blogger Help Group Message

To delete a word (or the whole message) you left in Blogger Help Group (BHG)

[You can do it, but there's no direct way to do so.]

Revise your message
1. Copy your message and revise it.
2. Copy the new text and/or code.
3. Paste the revised info into a new message.
4. If it works out right, delete (Remove) the original message.


Remove Message In Blogger Help Group:
1. Click on "more options" in the upper right corner of your own message.
2. Click on "Remove" in the list of options in blue text.
3. Click on "Yes, remove it now".
4. Click the "Confirm" button.


If it feels like you're telling it to do the above 3 times at least, welcome to the club!

Thursday, December 6, 2007

Body (Or Background) Color

The background color for your blog is not located with the other color changes in "Fonts and Colors". Oddly enough, to change the blog's background color requires going into the template--you'd think it would be among the other clickable changes. Some new bloggers may not like the idea of revising the template code, but eventually you will want something bad enough to dare! When the time comes for this change, look for a section resembling this below (from one of my other blogs):

body {
background:oldlace; url("xxxhttp://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
font:x-small Georgia, Serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}

or, similarly, this (from the code for this blog):

body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

It's the "body" where you want to make the change or else create the color. Find or alter the color statement--whether you use a number or name doesn't matter. If you have to add the "background: color;", just be sure it's inside the brackets like you see in the two examples above.


See also my post about Fonts And Colors

END.

Dashboard Example

These are some old instructions and I'll update it when I feel like it. The screen has changed. Sorry.


Above screenshot shows several blogs on the left, the Edit Profile section on the right, and the Language drop-down menu below that.

Edit Profile, to state the obvious, is where you go to paste the url for your Profile Photo.

Dashboard Example

These are some old instructions and I'll update it when I feel like it. The screen has changed. Sorry.


Above screenshot shows several blogs on the left, the Edit Profile section on the right, and the Language drop-down menu below that.

Edit Profile, to state the obvious, is where you go to paste the url for your Profile Photo.

Thursday, November 29, 2007

Revert To Never-Never-Land?

I found a curious thing, though I may be among the last to discover it. I just took a recently-created blog, played with it, then subjected it to the "Revert to Classic" button. Oddly enough, the system "reverted" it even though it had never been a classic template. I didn't test everything about it, but I thought it was very curious. Maybe someday I'll think of some use for this marvellous piece of information. Till then, la di dah...

Revert To Never-Never-Land?

I found a curious thing, though I may be among the last to discover it. I just took a recently-created blog, played with it, then subjected it to the "Revert to Classic" button. Oddly enough, the system "reverted" it even though it had never been a classic template. I didn't test everything about it, but I thought it was very curious. Maybe someday I'll think of some use for this marvellous piece of information. Till then, la di dah...

Wednesday, November 21, 2007

Change Email Options In Google Subscription List

1. Go to your subscription page where all the posts are listed.
2. Find the "Edit my membership" icon on the right and click it.
3. Then you'd have a page listing the options about email choices.
4. Select one option.
5. Be sure to click "Save these settings".

Change Email Options In Google Subscription List

1. Go to your subscription page where all the posts are listed.
2. Find the "Edit my membership" icon on the right and click it.
3. Then you'd have a page listing the options about email choices.
4. Select one option.
5. Be sure to click "Save these settings".

Saturday, November 17, 2007

Table for Horizontal Photos In Post

RonaldSouthern

Haven't done any of those in a while. Tedious.

[Those of you wishing to cut to the chase quickly, start reading below the fourth straight red line below.]


Below is the code that makes a small table like the one above have photos side by side:

<center><table border=4 width=95%><tr><th align=center>Ronald</th> <th align=center>Southern</th></tr><tr><td><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWmbzDx0ZTNhzkxcnvD1E8roURVwVz91WLs1tbj9CR7Hm7k_MxFNEzWtzGtqjXTACBfVpxPN89G28V9DhtDv50-fAKL24BcsM5UOZxSYweUFjdFcrVBf9EZrXSqsPwipoki46n9NWSo/s1600/twinkiebite.gif\" /> </td> <td><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWmbzDx0ZTNhzkxcnvD1E8roURVwVz91WLs1tbj9CR7Hm7k_MxFNEzWtzGtqjXTACBfVpxPN89G28V9DhtDv50-fAKL24BcsM5UOZxSYweUFjdFcrVBf9EZrXSqsPwipoki46n9NWSo/s1600/twinkiebite.gif\" /> </td></tr></table> </center>



A MORE SIMPLISTIC SAMPLE OF A TABLE (followed by its code) is shown below:

PICTUREOR TEXT


<table border=2>
<tr>
<td>PICTURE</td>
<td>OR TEXT</td>
</tr>
</table>


PREVENT LINE BREAKS:

In order for the Table not to cause extra line breaks in Blogger posts, there are two methods:

Method #1: You may need to copy it out like this (no line breaks of your own):

<table border=2><tr><td>PICTURE</td><td>OR TEXT</td></tr></table>

--To create additional row(s), add another set of "table records" such as

<tr><td>picture or text</td></tr>

as needed. Place them after the first table record and before the end tag, </table>.

--Remember that the photos cannot exceed the width of the area where you are placing them or else it will create problems, probably your sidebar being pushed down.



Method #2: This is something I've tried a number of times now. It does seem to be very effective, especially if you're going to use tables often. It is not good, though, for creating a table around a list (numbered or otherwise) because it will remove the page breaks and show the list as if it's a regular paragraph. It'll make the info resemble a traffic jam. This method makes the change in this way, using css:

Table Formatting In CSS


My explanation of the Table Formatting (Method #2) which I learned from the site above is as follows--changing the table in the CSS:

Place the following line of code in your CSS:

.nobr br { display: none }

Then place the DIV tags around your table as below:

<div class=nobr>
<table border=2>
<tr>
<td>PICTURE</td>
<td>OR TEXT</td>
</tr>
</table>
</div>

Table for Horizontal Photos In Post

Ronald Southern

Haven't done any of those in a while. Tedious.

[Those of you wishing to cut to the chase quickly, start reading below the fourth straight red line below.]

Below is the code that makes a small table like the one above have photos side by side:

<center><table border=4 width=95%><tr><th align=center>Ronald</th> <th align=center>Southern</th></tr><tr><td><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWmbzDx0ZTNhzkxcnvD1E8roURVwVz91WLs1tbj9CR7Hm7k_MxFNEzWtzGtqjXTACBfVpxPN89G28V9DhtDv50-fAKL24BcsM5UOZxSYweUFjdFcrVBf9EZrXSqsPwipoki46n9NWSo/s1600/twinkiebite.gif\" /> </td> <td><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWmbzDx0ZTNhzkxcnvD1E8roURVwVz91WLs1tbj9CR7Hm7k_MxFNEzWtzGtqjXTACBfVpxPN89G28V9DhtDv50-fAKL24BcsM5UOZxSYweUFjdFcrVBf9EZrXSqsPwipoki46n9NWSo/s1600/twinkiebite.gif\" /> </td></tr></table> </center>


A MORE SIMPLISTIC SAMPLE OF A TABLE (followed by its code) is shown below:

PICTUREOR TEXT


<table border=2>
<tr>
<td>PICTURE</td>
<td>OR TEXT</td>
</tr>
</table>


PREVENT LINE BREAKS:

In order for the Table not to cause extra line breaks in Blogger posts, there are two methods:

Method #1: You may need to copy it out like this (no line breaks of your own):

<table border=2><tr><td>PICTURE</td><td>OR TEXT</td></tr></table>

--To create additional row(s), add another set of "table records" such as

<tr><td>picture or text</td></tr>

as needed. Place them after the first table record and before the end tag, </table>.

--Remember that the photos cannot exceed the width of the area where you are placing them or else it will create problems, probably your sidebar being pushed down.



Method #2: This is something I've tried a number of times now. It does seem to be very effective, especially if you're going to use tables often. It is not good, though, for creating a table around a list (numbered or otherwise) because it will remove the page breaks and show the list as if it's a regular paragraph. It'll make the info resemble a traffic jam. This method makes the change in this way, using css:

Table Formatting In CSS

My explanation of the Table Formatting (Method #2) which I learned from the site above is as follows--changing the table in the CSS:

Place the following line of code in your CSS:

.nobr br { display: none }

Then place the DIV tags around your table as below:

<div class=nobr>
<table border=2>
<tr>
<td>PICTURE</td>
<td>OR TEXT</td>
</tr>
</table>
</div>

Wednesday, November 7, 2007

How To Hide Comments

Turn Off Comments

  1. Go to Settings,
  2. Go to Comments,
  3. Go to the first item (Comment again),
  4. Now select one of the three choices.
  5. Select Hide, not Show and make sure that selection is not highlighted.
  6. Your comments will not appear to your readers after this.
  7. Be sure to scroll down the page and click on Save Settings when you're finished.


END.

How To Hide Comments

Turn Off Comments

  1. Go to Settings,
  2. Go to Comments,
  3. Go to the first item (Comment again),
  4. Now select one of the three choices.
  5. Select Hide, not Show and make sure that selection is not highlighted.
  6. Your comments will not appear to your readers after this.
  7. Be sure to scroll down the page and click on Save Settings when you're finished.


END.

Sunday, November 4, 2007

Where Is "Style" In New Blogger?

  1. When you open the template, move to the Edit Html tab and click it.
  2. Search for "Body" and other Style (CSS) items that you might already be familiar with from Classic Blogger, though they are not called "Style" any more in New Blogger templates!

    (Note: CSS stands for Cascading Style Sheets).

  3. You might see something like this:

    body {
    background:oldlace; url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
    background-attachment:fixed;
    margin:0;
    padding:0;
    font:x-small Georgia, Serif;
    color:$textcolor;
    font-size/* */:/**/small;
    font-size: /**/small;
    }

    At that point you are in the Style (or CSS) section.

END.

Where Is "Style" In New Blogger?

  1. When you open the template, move to the Edit Html tab and click it.
  2. Search for "Body" and other Style (CSS) items that you might already be familiar with from Classic Blogger, though they are not called "Style" any more in New Blogger templates!

    (Note: CSS stands for Cascading Style Sheets).

  3. You might see something like this:

    body {
    background:oldlace; url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
    background-attachment:fixed;
    margin:0;
    padding:0;
    font:x-small Georgia, Serif;
    color:$textcolor;
    font-size/* */:/**/small;
    font-size: /**/small;
    }

    At that point you are in the Style (or CSS) section.

END.

Thursday, November 1, 2007

Adding Pages

Adding Pages, MS Word Documents, Spreadsheets

Some people want to add pages other than just another post, maybe something with a document or spreadsheet look. They should check out:
Google Docs and Spreadsheets
Google Sites
I only used Google Docs for implementing MS Word documents, so I have limited experience. Google Docs worked very well for me, much better than merely trying to put a Word document into the Blogger Editor—and, of course, you can't "attach" a document as you can in emails!

Adding Pages

Adding Pages, MS Word Documents, Spreadsheets

Some people want to add pages other than just another post, maybe something with a document or spreadsheet look. They should check out:
Google Docs and Spreadsheets
Google Sites
I only used Google Docs for implementing MS Word documents, so I have limited experience. Google Docs worked very well for me, much better than merely trying to put a Word document into the Blogger Editor—and, of course, you can't "attach" a document as you can in emails!

Monday, October 29, 2007

Having Your Titles Show In Archive

If you want your Archive to show your own post titles (as opposed to all dates), set your "Configure Blog Archive" page element like this screenshot. Make sure that "Hierarchy" and "Show Post Titles" are both marked.

Click image to enlarge
[click image to enlarge]

If your Archive list is not seen in the sidebar, check the page elements in the Layout page and see if it has been deactivated. If not turned on, you should add it. Look carefully at its settings, then save them.

END.

Having Your Titles Show In Archive

If you want your Archive to show your own post titles (as opposed to all dates), set your "Configure Blog Archive" page element like this screenshot. Make sure that "Hierarchy" and "Show Post Titles" are both marked.

Click image to enlarge
[click image to enlarge]

If your Archive list is not seen in the sidebar, check the page elements in the Layout page and see if it has been deactivated. If not turned on, you should add it. Look carefully at its settings, then save them.

END.

Friday, October 19, 2007

Find Width of Header For New Image

Header Width
This will tell you places to look for the width of your header. The image you want to place there should not exceed that. You should use a photo program to alter the width of your image BEFORE you upload it to your photo host (whether Blogger or otherwise).

To find the width of the header

1. Click Template
2. Click Edit Html
3. Scroll down to the header,header-wrapper, or wrap code and look for the WIDTH parameter.
4. If not found, look for outer-wrapper and see it's width. It will look something like this :

#outer-wrapper {
width: 1000px;
}

Or you could adjust the same WIDTH in the template CSS

If you are unwilling to fuss with making your photo width match the width of the header, you could try this. You might find some code like the one above or this one below showing the #wrap; change the width of 100px to 900, 850, or so until it begins to look acceptable to you. Don't Save until then. If your photo just wasn't nearly wide enough, it may still look odd (short) to some eyes. Actually adjusting the width of your image in a photo program would then be the better choice.

Another possible location of header width:

#wrap {
margin: 10px auto 0px;
padding: 0px 5px;
width: 900px;
text-align:left;
}


END.

Find Width of Header For New Image

Header Width
This will tell you places to look for the width of your header. The image you want to place there should not exceed that. You should use a photo program to alter the width of your image BEFORE you upload it to your photo host (whether Blogger or otherwise).

To find the width of the header

1. Click Template
2. Click Edit Html
3. Scroll down to the header,header-wrapper, or wrap code and look for the WIDTH parameter.
4. If not found, look for outer-wrapper and see it's width. It will look something like this :

#outer-wrapper {
width: 1000px;
}

Or you could adjust the same WIDTH in the template CSS

If you are unwilling to fuss with making your photo width match the width of the header, you could try this. You might find some code like the one above or this one below showing the #wrap; change the width of 100px to 900, 850, or so until it begins to look acceptable to you. Don't Save until then. If your photo just wasn't nearly wide enough, it may still look odd (short) to some eyes. Actually adjusting the width of your image in a photo program would then be the better choice.

Another possible location of header width:

#wrap {
margin: 10px auto 0px;
padding: 0px 5px;
width: 900px;
text-align:left;
}


END.

Thursday, October 18, 2007

Preformatted Text--Show Spaces and Html

ee cummings's defunct
but would not
like this stupid Blogger bogger,
cause he couldn't do this
little dance in it, could he?
would he, mister death?

Dear mr cummings: I know you're dead, but you might try putting the text of your poems between these tags:

<pre> text </pre>

This means that it will accept the preformatted text exactly as presented, though usually not in fancy fonts. The pre tags are also useful for computer codes if you don't wish to use the html ampersand codes or otherwise translate the special coding signs.

[More below...]



The PRE element contains preformatted text. Visual browsers should render preformatted text in a fixed-width font, should not collapse whitespace, and should not wrap long lines.

PRE is useful for formatting computer code or poetry where whitespace is important, but since preformatted text is inherently visual, authors should avoid dependence on it wherever possible. When using PRE, authors should avoid altering the element's fixed-width font or non-collapsing whitespace properties by means of style sheets.

related matters:

-- NON-BREAKING SPACES can be used as extended space or as a tab.
A non-breaking space looks like this: &nbsp;
Three of them would be simply: &nbsp;&nbsp;&nbsp;

An ee cummings poem, though, might drive you crazy, so be cautious!
SHOWING HTML CODE:

-- AMPERSAND CODES can be used in short sections to show the code itself (which is what I did to show the non-breaking space code above).

HTML Ampersand Character Codes

-- For longer sections that need to be "translated" or if you're lazy, the programs below convert html code for you. Both work well, though Postable's first screen is a little less intuitive.

For Postable's mysterious first screen, just left-click the mouse on the phrase in the upper left corner, "for your copy and pasting pleasure" and, when the screen clears, you can enter the code you want it to fully display.

Postable

Quick Escape

END.

Preformatted Text--Show Spaces and Html

ee cummings's defunct
but would not
like this stupid Blogger bogger,
cause he couldn't do this
little dance in it, could he?
would he, mister death?

Dear mr cummings: I know you're dead, but you might try putting the text of your poems between these tags:

<pre> text </pre>

This means that it will accept the preformatted text exactly as presented, though usually not in fancy fonts. The pre tags are also useful for computer codes if you don't wish to use the html ampersand codes or otherwise translate the special coding signs.

The PRE element contains preformatted text. Visual browsers should render preformatted text in a fixed-width font, should not collapse whitespace, and should not wrap long lines.

PRE is useful for formatting computer code or poetry where whitespace is important, but since preformatted text is inherently visual, authors should avoid dependence on it wherever possible. When using PRE, authors should avoid altering the element's fixed-width font or non-collapsing whitespace properties by means of style sheets.

related matters:

-- NON-BREAKING SPACES can be used as extended space or as a tab.
A non-breaking space looks like this: &nbsp;
Three of them would be simply: &nbsp;&nbsp;&nbsp;

An ee cummings poem, though, might drive you crazy, so be cautious!
SHOWING HTML CODE:

-- AMPERSAND CODES can be used in short sections to show the code itself (which is what I did to show the non-breaking space code above).

HTML Ampersand Character Codes

-- For longer sections that need to be "translated" or if you're lazy, the programs below convert html code for you. Both work well, though Postable's first screen is a little less intuitive.

For Postable's mysterious first screen, just left-click the mouse on the phrase in the upper left corner, "for your copy and pasting pleasure" and, when the screen clears, you can enter the code you want it to fully display.

Postable

Quick Escape

END.

Thursday, October 11, 2007

Centering Header Image

A. First try making the image the right size
To center image in the header, use a photo program to resize the width of the image to fit the size of the header. To find the width of the header

1. Click Template
2. Click Edit Html
3. Scroll down to the header,header-wrapper, or wrap code and look for the WIDTH parameter.
4. If not found, look for outer-wrapper and see it's width. It will look something like this :

#outer-wrapper {
width: 1000px;
}

[More below...]


B. Or you could adjust the same WIDTH in the template CSS
If you are unwilling to fuss with making your photo width match the width of the header, you could try this. You might find some code like the one above or this one below; change the width of 100px to 900, 850, or so until it begins to look acceptable to you. Don't Save until then. If your photo just wasn't nearly wide enough, it may still look odd (short) to some eyes. Selection A would then be the better choice.

#wrap {
margin: 10px auto 0px;
padding: 0px 5px;
width: 1000px;
text-align:left;
}

Hopefully you made a safety copy of your template before you started monkeying with the code or making any changes--you know, in case all hell breaks loose and you need to rescue yourself!

Centering Header Image

A. First try making the image the right size


To center image in the header, use a photo program to resize the width of the image to fit the size of the header. To find the width of the header

1. Click Template
2. Click Edit Html
3. Scroll down to the header,header-wrapper, or wrap code and look for the WIDTH parameter.
4. If not found, look for outer-wrapper and see it's width. It will look something like this :

#outer-wrapper {
width: 1000px;
}


B. Or you could adjust the same WIDTH in the template CSS
If you are unwilling to fuss with making your photo width match the width of the header, you could try this. You might find some code like the one above or this one below; change the width of 100px to 900, 850, or so until it begins to look acceptable to you. Don't Save until then. If your photo just wasn't nearly wide enough, it may still look odd (short) to some eyes. Selection A would then be the better choice.

#wrap {
margin: 10px auto 0px;
padding: 0px 5px;
width: 1000px;
text-align:left;
}

Hopefully you made a safety copy of your template before you started monkeying with the code or making any changes--you know, in case all hell breaks loose and you need to rescue yourself!

Saturday, October 6, 2007

View Anyone's Source Code

Internet Explorer
To view the code that other people use to display an icon, image, button, or other item, look at the browser (not Blogger) toolbar up above (while you are at their site) and

1. click View
2. click Source
3. right-click your mouse
4. click Select All
5. right-click again and click Copy.
6. open a Notepad file and Paste the code there.
7. Locate the applicable code, where it starts and ends.
8. Copy and Paste that snippet of code into your own template or page elements.

FIREFOX
For those of you who use or are comfortable with Firefox, it's simpler:

1. Mark (highlight) the area of interest.
2. Then right-click the mouse.
3. Click on "View Selection Source".
4. Code will appear on screen; Copy & Paste what's needed.

END.

View Anyone's Source Code

Internet Explorer
To view the code that other people use to display an icon, image, button, or other item, look at the browser (not Blogger) toolbar up above (while you are at their site) and

1. click View
2. click Source
3. right-click your mouse
4. click Select All
5. right-click again and click Copy.
6. open a Notepad file and Paste the code there.
7. Locate the applicable code, where it starts and ends.
8. Copy and Paste that snippet of code into your own template or page elements.

FIREFOX
For those of you who use or are comfortable with Firefox, it's simpler:

1. Mark (highlight) the area of interest.
2. Then right-click the mouse.
3. Click on "View Selection Source".
4. Code will appear on screen; Copy & Paste what's needed.

END.

Friday, October 5, 2007

Use CSS To Align Header Text

Text-align: center/left/right

Header Alignment
Setting alignment for the header has to be done in the template. The first section below of CSS instructions (from my blog, "The Rat Squeaks") does various things including that it sets the blog title to be centered.

.Header h1 {
margin:0 0 .25em;
color:$titlecolor;
font: $pagetitlefont; font-variant: small-caps ;
text-align: center;
}

[More below...Description alignment]


Description Alignment
Not far behind it comes this section for parameters of the Description, also setting the alignment to Center:

.Header .description {
margin:0;
max-width:700px;
line-height:1.8em;
text-transform:none;
text-align:center;
letter-spacing:.2em;
color:$titlecolor;
font: $blogDescriptionFont;
}

Your template may vary, so I can only give this example of where and how to find/place these CSS instructions. Use the exact formula if you are placing a new instruction there. Examples given below:
text-align:center;
text-align:left;
text-align:right;

END.

Use CSS To Align Header Text

Text-align: center/left/right

Header Alignment
Setting alignment for the header has to be done in the template. The first section below of CSS instructions (from my blog, "The Rat Squeaks") does various things including that it sets the blog title to be centered.

.Header h1 {
margin:0 0 .25em;
color:$titlecolor;
font: $pagetitlefont; font-variant: small-caps ;
text-align: center;
}


Description Alignment
Not far behind it comes this section for parameters of the Description, also setting the alignment to Center:

.Header .description {
margin:0;
max-width:700px;
line-height:1.8em;
text-transform:none;
text-align:center;
letter-spacing:.2em;
color:$titlecolor;
font: $blogDescriptionFont;
}

Your template may vary, so I can only give this example of where and how to find/place these CSS instructions. Use the exact formula if you are placing a new instruction there. Examples given below:
text-align:center;
text-align:left;
text-align:right;

END.

Sunday, September 30, 2007

Create a URL For Your Profile Pic

How to get a URL for an "About Me" photo that is only on your computer at present

Another Didactic List
1. If you need to alter the photo size, use a photo program to do so while it's still on your computer.
2. Use a blog post (on your main blog or some other) and use the photo icon (in the toolbar above the Edit Post text box) to add a photo.
3. You'll Browse your own computer, select one, and upload it to that post.
4. When you've completed that, you'll have a lot of code for a large and small photo pair, part of which ("http://... etc.) is the URL.
5. Save that post, but it's not necessary to publish it.
6. Use the right-click menu on the mouse to Copy the URL.
7. You can later Paste it into the "Photo URL" box in your blog's Edit Profile list.
8. Be sure to save the change at the bottom of the Edit Profile page.


If you use Blogger's picture icon or otherwise end up with the code for both large and small images, go here to unscramble the text and select the code for the smaller one at Header Picture Code.



END.

Create a URL For Your Profile Pic

How to get a URL for an "About Me" photo that is only on your computer at present

Another Didactic List
1. If you need to alter the photo size, use a photo program to do so while it's still on your computer.
2. Use a blog post (on your main blog or some other) and use the photo icon (in the toolbar above the Edit Post text box) to add a photo.
3. You'll Browse your own computer, select one, and upload it to that post.
4. When you've completed that, you'll have a lot of code for a large and small photo pair, part of which ("http://... etc.) is the URL.
5. Save that post, but it's not necessary to publish it.
6. Use the right-click menu on the mouse to Copy the URL.
7. You can later Paste it into the "Photo URL" box in your blog's Edit Profile list.
8. Be sure to save the change at the bottom of the Edit Profile page.


If you use Blogger's picture icon or otherwise end up with the code for both large and small images, go here to unscramble the text and select the code for the smaller one at Header Picture Code.



END.

Monday, September 24, 2007

How To Stop BHG Emails

Many of us cease to need these emails as suddenly as we began to need them!

Turn Off Blogger-Help-Group
Email Messages
1. Go to "Edit my membership"
2. Set the options on the left to "no email"
or click "Unsubscribe".
3. Click on "Save these Settings".


END.

How To Stop BHG Emails

Many of us cease to need these emails as suddenly as we began to need them!

Turn Off Blogger-Help-Group
Email Messages
1. Go to "Edit my membership"
2. Set the options on the left to "no email"
or click "Unsubscribe".
3. Click on "Save these Settings".


END.

Wednesday, September 19, 2007

Manage Posts -- Screenshot

AKA "EDIT POSTS", depending on which menu you follow to get to this screen.



Manage Posts -- Screenshot

Saturday, September 8, 2007

Trouble Posting Photos

A lot of people have that trouble at times, but also a lot do not. Hard to know any simple solution. If possible, change (even if temporarily) to another browser. Sometimes IE6 or IE7 will do a better job, sometimes Firefox or others will work better. If it gets the job done, you can then switch back to whatever you're used to. Or, there's no reason why you can't have one browser open in one window while you open another window for a second browser--you can alternate between them.

There are alternate free photo hosts such as Picasa, Photobucket, Flickr, etc. With some of them, costs may ensue if you exceed their limits. Try any of them, though, as alternatives when your photo host is troublesome. One may work when another one does not. Try it!


If you've been trying to add an image to text, make a new post and see what happens when you do it the other way around: add the text last. Or (again) do it the other way around! Don't treat it like a household problem, treat it like War! Try everything! All is fair! Click the Home and End buttons on your keyboard. You might even keep a Fake Blog around and try sending the photos to a post there.If that works, copy the html code and then paste it in where you want it.

Also see my Emergency Steps at the top of this blog for some general info about things not working.


END.

Trouble Posting Photos

A lot of people have that trouble at times, but also a lot do not. Hard to know any simple solution. If possible, change (even if temporarily) to another browser. Sometimes IE6 or IE7 will do a better job, sometimes Firefox or others will work better. If it gets the job done, you can then switch back to whatever you're used to. Or, there's no reason why you can't have one browser open in one window while you open another window for a second browser--you can alternate between them.

There are alternate free photo hosts such as Picasa, Photobucket, Flickr, etc. With some of them, costs may ensue if you exceed their limits. Try any of them, though, as alternatives when your photo host is troublesome. One may work when another one does not. Try it!


If you've been trying to add an image to text, make a new post and see what happens when you do it the other way around: add the text last. Or (again) do it the other way around! Don't treat it like a household problem, treat it like War! Try everything! All is fair! Click the Home and End buttons on your keyboard. You might even keep a Fake Blog around and try sending the photos to a post there.If that works, copy the html code and then paste it in where you want it.

Also see my Emergency Steps at the top of this blog for some general info about things not working.


END.

Sunday, September 2, 2007

Enable Comment Moderation

If you think this is too much trouble, then you are evidently not very interested in your comments or in your own well-being. This will help!

Close the door to spammers, stalkers, skunks, and skulkers!
1. Go into your Dashboard.
2. Click on Manage Settings.
3. Click on Comments.
4. You have a long list of options here.
5. Answer Yes to "Enable comment moderation?"
6. Be sure to go to bottom of page and Save Settings


END.

Enable Comment Moderation

If you think this is too much trouble, then you are evidently not very interested in your comments or in your own well-being. This will help!

Close the door to spammers, stalkers, skunks, and skulkers!
1. Go into your Dashboard.
2. Click on Manage Settings.
3. Click on Comments.
4. You have a long list of options here.
5. Answer Yes to "Enable comment moderation?"
6. Be sure to go to bottom of page and Save Settings


END.

Saturday, September 1, 2007

Subscription List--Google Groups

How Others Subscribe To Your Blog
  1. Go to Create Google Group

  2. Create the group for your blog.
  3. Once created, click Visit Your Group and at the Home page click "Group Settings", located on the right side of the screen.

  4. Find "Get a promotion box for your website" and click it.

  5. It will show some code (probably 2 sets) for you to copy. Select the second.

  6. Return to your blog.

  7. Paste the copied text into an html/javascript page element.

  8. Go to your Dashboard.

  9. Go to Settings.

  10. Click Email tab.

  11. Enter the email for your Google Group in Blogsend Address.

  12. Click Save Settings.

  13. The blog will email the group and the group will email everyone on the list.

Everyone who subscribes will be sent an email copy of each new post, but there are options so you (or other individual subscribers) may select various forms of abridgement instead of the full post.

See Change Email Options In Subscription List

Of course, Blogger already has a "Subscribe to Posts" link at the bottom of the blog. Many people use that.

Subscription List--Google Groups

How Others Subscribe To Your Blog
  1. Go to Create Google Group

  2. Create the group for your blog.
  3. Once created, click Visit Your Group and at the Home page click "Group Settings", located on the right side of the screen.

  4. Find "Get a promotion box for your website" and click it.

  5. It will show some code (probably 2 sets) for you to copy. Select the second.

  6. Return to your blog.

  7. Paste the copied text into an html/javascript page element.

  8. Go to your Dashboard.

  9. Go to Settings.

  10. Click Email tab.

  11. Enter the email for your Google Group in Blogsend Address.

  12. Click Save Settings.

  13. The blog will email the group and the group will email everyone on the list.

Everyone who subscribes will be sent an email copy of each new post, but there are options so you (or other individual subscribers) may select various forms of abridgement instead of the full post.

See Change Email Options In Subscription List

Of course, Blogger already has a "Subscribe to Posts" link at the bottom of the blog. Many people use that.

Saturday, August 4, 2007

Unordered List In Sidebar

You have two options:
  • Unordered List (with bullets)
  • Unordered List (with bullets)
OR
  1. Ordered list (numbered)
  2. Ordered list (numbered)
Newbies using New Blogger template may be better off using the Link List in the Page Elements. It is easier for the lazy Blogger; however, it is more difficult to backup the Link List widget than to just backup the Page Element. You'll also have more control over it later (when you've become more informed) in a Page Element.

Before I forget, there is a third kind of list; when you just start your list items and don't specify either ordered or unordered, you will get plain bullets (or whatever your CSS specifies)

There is an even newer Blog List type of page element if you're trying to create a BlogRoll and you may find it preferable--it does a very different (and nifty) thing for you!

[More below...]


(Page Element and Gadget (or Widget) are different names for the same thing--one is more accessible to you (through the Layout page) and the other, in the template, you can go into more deeply as far as editing it IF you know how!)

So I prefer the ul or ol list, whose html code I can keep backed up in a Notepad file or other plain-text program, in an html/javascript page element.


If you are using a Classic template, you will need a list of this sort for the sidebar. In a Layout template, you'd put the code in a Gadget.

Put this after or at least not inside the other ul lists in the sidebar in the template.

Below is the code for a list of links that you could use HTML to put it in your sidebar via the Classic template or into a Gadget (html/javascript Page Element)in a Layout template.

First one below is an example of a link.

<h2>New Category</h2>

<ul>
<li><a href="http://www.zandria.us/">Keep Up With Me </a> </li>
<li>list another one! </li>
<li>list another one! </li>
</ul>

If your template uses a particular "class" for it's titles in the sidebar, just imitate (copy) them in order for your new list titles to match the old ones.

For a second list, if needed, do another title and pair of start and end tags and fill in the middle part.

For just one link in the sidebar, use code as below:
<a href="http://rodentia.blogspot.com/The Rat Squeaks</a>


The difference between an unordered list as above and an ordered list which Numbers your list is merely using an ol tag instead of the ul tag!

Unordered List In Sidebar

You have two options:
  • Unordered List (with bullets)
  • Unordered List (with bullets)
OR
  1. Ordered list (numbered)
  2. Ordered list (numbered)
Newbies using New Blogger template may be better off using the Link List in the Page Elements. It is easier for the lazy Blogger; however, it is more difficult to backup the Link List widget than to just backup the Page Element. You'll also have more control over it later (when you've become more informed) in a Page Element.

There is an even newer Blog List type of page element if you're trying to create a BlogRoll and you may find it preferable--it does a very different (and nifty) thing for you!

(Page Element and Widget are different names for the same thing--one is more accessible to you (through the Layout page) and the other, in the template, you can go into more deeply as far as editing it IF you know how!)

So I prefer the ul or ol list, whose html code I can keep backed up in a Notepad file or other plain-text program, in an html/javascript page element.


If you are using a Classic template, you will need a list of this sort for the sidebar. In a Layout template, you'd put the code in a Gadget.

Put this after or at least not inside the other ul lists in the sidebar in the template.

Below is the code for a list of links that you could use HTML to put it in your sidebar via the Classic template or into a Gadget (html/javascript Page Element)in a Layout template.

First one below is an example of a link.

<h2>New Category</h2>

<ul>
<li><a href="http://www.zandria.us/">Keep Up With Me </a> </li>
<li>list another one! </li>
<li>list another one! </li>
</ul>

If your template uses a particular "class" for it's titles in the sidebar, just imitate (copy) them in order for your new list titles to match the old ones.

For a second list, if needed, do another title and pair of start and end tags and fill in the middle part.

For just one link in the sidebar, use code as below:
<a href="http://rodentia.blogspot.com/The Rat Squeaks</a>


The difference between an unordered list as above and an ordered list which Numbers your list is merely using an ol tag instead of the ul tag!

Thursday, August 2, 2007

Leave Your Email At Blogger Help Group?

Your email address won't be published in BHG messages; Blogger will suppress it if you list it the normal way. You should use some spacing or else use tricks like:

ratsouthern AT gmail DOT com

And most experienced Internet users will know what you mean! Blogger won't suppress what it doesn't recognize nor will the spammer be likely to harvest it (which is what Blogger is trying to prevent when it suppresses our emails).

END.

Leave Your Email At Blogger Help Group?

Your email address won't be published in BHG messages; Blogger will suppress it if you list it the normal way. You should use some spacing or else use tricks like:

ratsouthern AT gmail DOT com

And most experienced Internet users will know what you mean! Blogger won't suppress what it doesn't recognize nor will the spammer be likely to harvest it (which is what Blogger is trying to prevent when it suppresses our emails).

END.

Saturday, July 28, 2007

Gold Stars (In Blogger Help Group)

In Blogger Help Group, many new readers leave a question and then don't know how to retrace their steps to find out if an answer has ever been posted. If any of them are lucky enough to read this, the solution is easy.

  1. Locate the blue-outlined white star to the left of each thread.
  2. Click the star and it will turn gold.
  3. When you return to BHG again, click on the word "Favorites" at the top of any page.
  4. You will then see a list of 1 or more of the threads you previously marked with gold stars.
  5. Click on the thread "title" of each star to view the thread and see if any answers were submitted.

    ALSO: You can click on "profile" in the top right of the Blogger Help Group pages. A list of ALL the questions/answers originating from you will appear under your profile details.


Don't waste time leaving your email in the ordinary format, it won't work and therefore no one can email you!

See Leave Your Email At Blogger Help Group?

The above will save most new users a great deal of time. I wish I hadn't spent weeks before I discovered it all!

Also in Blogger Help Group, you can click Edit Membership and have email updates sent to you.

Gold Stars (In Blogger Help Group)

In Blogger Help Group, many new readers leave a question and then don't know how to retrace their steps to find out if an answer has ever been posted. If any of them are lucky enough to read this, the solution is easy.

  1. Locate the blue-outlined white star to the left of each thread.
  2. Click the star and it will turn gold.
  3. When you return to BHG again, click on the word "Favorites" at the top of any page.
  4. You will then see a list of 1 or more of the threads you previously marked with gold stars.
  5. Click on the thread "title" of each star to view the thread and see if any answers were submitted.

    ALSO: You can click on "profile" in the top right of the Blogger Help Group pages. A list of ALL the questions/answers originating from you will appear under your profile details.


Don't waste time leaving your email in the ordinary format, it won't work and therefore no one can email you!

See Leave Your Email At Blogger Help Group?

The above will save most new users a great deal of time. I wish I hadn't spent weeks before I discovered it all!

Also in Blogger Help Group, you can click Edit Membership and have email updates sent to you.

Tuesday, July 24, 2007

Activate Post Pages

From your Dashboard,

1. Go to Settings,
2. then Archive,
3. then select "Yes" at Enable Post Pages.
4. Click Save Settings.

Activate Post Pages

From your Dashboard,

1. Go to Settings,
2. then Archive,
3. then select "Yes" at Enable Post Pages.
4. Click Save Settings.

Sunday, July 22, 2007

Show No "About Me"

Show no "About Me",
Show only the "View My Complete Profile".

1. Go to the Layout section.
2. Click on Add Page Element.
3. Add it, if absent, or click on Edit Profile.
4. Click on Share my profile.
5. Do not click on About Me.
6. You may want to unclick the Show Location. If unsure, worry about it later.

This should allow most of the About Me to remain unseen, while your readers still have the View My Complete Profile to click on.

See also: Make Your Own Blogger Profile

Show No "About Me"

Show no "About Me",
Show only the "View My Complete Profile".

1. Go to the Layout section.
2. Click on Add Page Element.
3. Add it, if absent, or click on Edit Profile.
4. Click on Share my profile.
5. Do not click on About Me.
6. You may want to unclick the Show Location. If unsure, worry about it later.

This should allow most of the About Me to remain unseen, while your readers still have the View My Complete Profile to click on.

See also: Make Your Own Blogger Profile

Transfer Blog From One Account To Another

In 4 easy steps:

Nitecruzr's Post

http://bloggerstatusforreal.blogspot.com/2007/06/how-to-transfer-blog-from-one-account.html

OR USE

Blogger's Instructions

Transfer Blog From One Account To Another

In 4 easy steps:

Nitecruzr's Post

http://bloggerstatusforreal.blogspot.com/2007/06/how-to-transfer-blog-from-one-account.html

OR USE

Blogger's Instructions

Sunday, July 8, 2007

Header Picture Code

Unscrambling Blogger photo code for Header picture code

Blogger's picture icon is good for regular pictures in the post or in the sidebar, but it's overdone for the purpose of putting a photo in your header. You don't need both large and small versions for the header.

What Blogger may give you when you upload the photo to a post (Save it, but don't Publish it!) will resemble this:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK964LoyVwbgYcXUuPmmhZTyrnshzaFGdjgHZ5m-7Uv2H2nHox1yD2RhUWfFodQnxzt5LZFZIPiRQJSoNLmqHKbB28VvG3bUhb4FKapq_RJbHIc2af9W5NmFlWPuhvBhD_5jsAuWQHVos/s1600-h/dgblues.jpg"><img id="BLOGGER_PHOTO_ID_5025971925707284738" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK964LoyVwbgYcXUuPmmhZTyrnshzaFGdjgHZ5m-7Uv2H2nHox1yD2RhUWfFodQnxzt5LZFZIPiRQJSoNLmqHKbB28VvG3bUhb4FKapq_RJbHIc2af9W5NmFlWPuhvBhD_5jsAuWQHVos/s400/dgblues.jpg" border="0" /></a>

What you would need to extract is this:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK964LoyVwbgYcXUuPmmhZTyrnshzaFGdjgHZ5m-7Uv2H2nHox1yD2RhUWfFodQnxzt5LZFZIPiRQJSoNLmqHKbB28VvG3bUhb4FKapq_RJbHIc2af9W5NmFlWPuhvBhD_5jsAuWQHVos/s1600/dgblues.jpg

If you didn't notice on your own, the difference between the red code at the top and the red code above this paragraph is that the -h has been deleted after S1600.



SMALL IMAGE: The url contained in the blue text (marked S400) is the smaller of the images and will need no correction--just the code, such as this, shown above:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK964LoyVwbgYcXUuPmmhZTyrnshzaFGdjgHZ5m-7Uv2H2nHox1yD2RhUWfFodQnxzt5LZFZIPiRQJSoNLmqHKbB28VvG3bUhb4FKapq_RJbHIc2af9W5NmFlWPuhvBhD_5jsAuWQHVos/s400/dgblues.jpg

Assuming that the S400 is actually small and not just less than the large one, you could enter that code, as shown, into the Photo Url as your Profile Photo.


END.

Header Picture Code

Unscrambling Blogger photo code for Header picture code

Blogger's picture icon is good for regular pictures in the post or in the sidebar, but it's overdone for the purpose of putting a photo in your header. You don't need both large and small versions for the header.

What Blogger may give you when you upload the photo to a post (Save it, but don't Publish it!) will resemble this:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK964LoyVwbgYcXUuPmmhZTyrnshzaFGdjgHZ5m-7Uv2H2nHox1yD2RhUWfFodQnxzt5LZFZIPiRQJSoNLmqHKbB28VvG3bUhb4FKapq_RJbHIc2af9W5NmFlWPuhvBhD_5jsAuWQHVos/s1600-h/dgblues.jpg"><img id="BLOGGER_PHOTO_ID_5025971925707284738" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK964LoyVwbgYcXUuPmmhZTyrnshzaFGdjgHZ5m-7Uv2H2nHox1yD2RhUWfFodQnxzt5LZFZIPiRQJSoNLmqHKbB28VvG3bUhb4FKapq_RJbHIc2af9W5NmFlWPuhvBhD_5jsAuWQHVos/s400/dgblues.jpg" border="0" /></a>

What you would need to extract is this:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK964LoyVwbgYcXUuPmmhZTyrnshzaFGdjgHZ5m-7Uv2H2nHox1yD2RhUWfFodQnxzt5LZFZIPiRQJSoNLmqHKbB28VvG3bUhb4FKapq_RJbHIc2af9W5NmFlWPuhvBhD_5jsAuWQHVos/s1600/dgblues.jpg

If you didn't notice on your own, the difference between the red code at the top and the red code above this paragraph is that the -h has been deleted after S1600.



SMALL IMAGE: The url contained in the blue text (marked S400) is the smaller of the images and will need no correction--just the code, such as this, shown above:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK964LoyVwbgYcXUuPmmhZTyrnshzaFGdjgHZ5m-7Uv2H2nHox1yD2RhUWfFodQnxzt5LZFZIPiRQJSoNLmqHKbB28VvG3bUhb4FKapq_RJbHIc2af9W5NmFlWPuhvBhD_5jsAuWQHVos/s400/dgblues.jpg

Assuming that the S400 is actually small and not just less than the large one, you could enter that code, as shown, into the Photo Url as your Profile Photo.


END.

Sunday, June 24, 2007

Team Blog

To create a Team, aka private, blog
1. From Dashboard, click on Settings.
2. Click on Permissions.
3. Under your own name, you will see Add Authors.
4. Add the new members' email addresses, separated by a comma. Each member will have to accept his/her invitation.
5. You can select below that just Who can read your blog. I know it'll do 5 or 6 at a time, but what the limit may be in that box is unknown to me.

If you want to make one or all of the team members administrators, just click on the word "guest"; it's like a toggle and will change to "administrator".

When you're through, make sure to click on the correct choice below as to who can read your blog. Click one of the three options and you're done.

If you've recently changed your blog from public to private, but it seems like it HASN'T changed yet, you may need to see this POST ABOUT PRIVACY.
ALSO: There is an overall limit of 100 persons that you can have on a private/team blog.

END.

Team Blog

To create a Team, aka private, blog
1. From Dashboard, click on Settings.
2. Click on Permissions.
3. Under your own name, you will see Add Authors.
4. Add the new members' email addresses, separated by a comma. Each member will have to accept his/her invitation.
5. You can select below that just Who can read your blog. I know it'll do 5 or 6 at a time, but what the limit may be in that box is unknown to me.

If you want to make one or all of the team members administrators, just click on the word "guest"; it's like a toggle and will change to "administrator".

When you're through, make sure to click on the correct choice below as to who can read your blog. Click one of the three options and you're done.

If you've recently changed your blog from public to private, but it seems like it HASN'T changed yet, you may need to see this POST ABOUT PRIVACY.

END.

Saturday, June 23, 2007

Email Notifications--Google Groups

How do I create a group?
1. Go to the Blogger Help Group forum and look in various locations where it says "Create a group". There is one under the Reply under each question. There's one at the bottom of most pages.
2. If you create a group there, you can add multiple email addresses at one time. Be sure to mark them all to recieve all email notifications.
3. You will be given an email address for the Google Group; copy it.
4. Then, in your blog, go to Settings - Email - Blogsend Address.
5. Enter or paste the email address you were given in the Google Group. Save Settings and you should be through.

More explicit directions to put a "Subscribe To" box on your sidebar can be found here: Subscribe

END.

Email Notifications--Google Groups

How do I create a group?
1. Go to the Blogger Help Group forum and look in various locations where it says "Create a group". There is one under the Reply under each question. There's one at the bottom of most pages.
2. If you create a group there, you can add multiple email addresses at one time. Be sure to mark them all to recieve all email notifications.
3. You will be given an email address for the Google Group; copy it.
4. Then, in your blog, go to Settings - Email - Blogsend Address.
5. Enter or paste the email address you were given in the Google Group. Save Settings and you should be through.

More explicit directions to put a "Subscribe To" box on your sidebar can be found here: Subscribe

END.

Friday, June 22, 2007

Delete A Post Or Draft

To delete either a Published or a Draft Post
1. From the Dashboard, Click on Manage: Posts for the appropriate blog.
2. Click the box to the left of the appropriate post. That will highlight the whole line with yellow.
3. Keeping track of the yellow highlight, move to the far right so that you can click Delete there. You will be asked if you are sure you want to delete it. Click on the "Delete It" to confirm it.

Below is the screenshot to illustrate the above. The sixth line, "Am I Beta Yet", is highlighted with a pale yellow:

END.

Delete A Post Or Draft

To delete either a Published or a Draft Post
1. From the Dashboard, Click on Manage: Posts for the appropriate blog.
2. Click the box to the left of the appropriate post. That will highlight the whole line with yellow.
3. Keeping track of the yellow highlight, move to the far right so that you can click Delete there. You will be asked if you are sure you want to delete it. Click on the "Delete It" to confirm it.

Below is the screenshot to illustrate the above. The sixth line, "Am I Beta Yet", is highlighted with a pale yellow:

END.

Friday, May 18, 2007

Change Color And Font

Steps 1--10 to change a font or color in New Blogger
1. go to the Dashboard
2. click on the Page Elements tab.
3. look up above and click on Fonts And Colors. You'll see a list.
4. on the left side click on which area you want to change color.
5. on the right side click the correct color for that text area.
6. on the left side you may have to scroll down for the font list.
7. then on the left click on which area you want to change text in.
8. on the right side click on the font, size, bold, italics you want.
9. in 4-7 above you can see the changes in the small view window at the bottom of the screen. Sometimes it has a glitch and won't show, but you can make the changes anyway if you are confident of yourself. You will see the change (or not) when you return to View Blog. If you're not confident, try again later.
10. be sure to Save Changes before you exit.

Things you can change in the list include:

Text Color
Blog Title Color
Post Title Color
Sidebar Title Color
Date Header Color
Text Font
Blog Title Font
Blog Description Font
Sidebar Title Font
Date Header Font

Some detail about Text Fonts:

Text color is the first in the vertical list, but "text font" is sixth; if you click that link, a list of fonts (not previously showing) should appear in place of the color boxes out to the right. Furthest to the right are boxes to check for Smaller, Larger, Bold, and Italic. If you still aren't seeing what you expect, never underestimate the value of "clearing the cache and cookies".

Body (or background) Color

Oddly enough, to change the blog's background color requires going into the template. See if you find a section resembling this from one of my blogs:

body {
background:oldlace; url("xxxhttp://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
font:x-small Georgia, Serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}

or, similarly, this is the code for this blog:

body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

It's the "body" where you want to make the change or else create the color. Find or alter the color statement--whether you use a number or name doesn't matter. If you have to add the "background: color;", just be sure it's inside the brackets like you see in the two examples above.


END.

Change Color And Font

Steps 1--10 to change a font or color in New Blogger
1. go to the Dashboard
2. click on the Page Elements tab.
3. look up above and click on Fonts And Colors. You'll see a list.
4. on the left side click on which area you want to change color.
5. on the right side click the correct color for that text area.
6. on the left side you may have to scroll down for the font list.
7. then on the left click on which area you want to change text in.
8. on the right side click on the font, size, bold, italics you want.
9. in 4-7 above you can see the changes in the small view window at the bottom of the screen. Sometimes it has a glitch and won't show, but you can make the changes anyway if you are confident of yourself. You will see the change (or not) when you return to View Blog. If you're not confident, try again later.
10. be sure to Save Changes before you exit.

Things you can change in the list include:

Text Color
Blog Title Color
Post Title Color
Sidebar Title Color
Date Header Color
Text Font
Blog Title Font
Blog Description Font
Sidebar Title Font
Date Header Font

Some detail about Text Fonts:

Text color is the first in the vertical list, but "text font" is sixth; if you click that link, a list of fonts (not previously showing) should appear in place of the color boxes out to the right. Furthest to the right are boxes to check for Smaller, Larger, Bold, and Italic. If you still aren't seeing what you expect, never underestimate the value of "clearing the cache and cookies".

Body (or background) Color

Oddly enough, to change the blog's background color requires going into the template. See if you find a section resembling this from one of my blogs:

body {
background:oldlace; url("xxxhttp://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
font:x-small Georgia, Serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}

or, similarly, this is the code for this blog:

body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

It's the "body" where you want to make the change or else create the color. Find or alter the color statement--whether you use a number or name doesn't matter. If you have to add the "background: color;", just be sure it's inside the brackets like you see in the two examples above.


END.

Saturday, May 12, 2007

How To Change Your Password

1. In your dashboard, go over to the right and then below your photo and Edit Profile.
2. Click My Account.
3. Look under the Personal Information list on the left side of the new screen.
4. Toward the bottom of the list, click "change password".
5. You can follow the directions from there.


END.

How To Change Your Password

1. In your dashboard, go over to the right and then below your photo and Edit Profile.
2. Click My Account.
3. Look under the Personal Information list on the left side of the new screen.
4. Toward the bottom of the list, click "change password".
5. You can follow the directions from there.


END.

Sunday, May 6, 2007

Compose Mode Or Edit Html Mode?

Does your Blogger editing screen look "odd" or wrong?

Is it possible that your screen mode toggled from one to another, either Edit Html or Compose modes? That sometimes happens and people who have never selected the OTHER mode can't recognize what they're seeing. If so, the Blogger edit box has the two choices beside each other in the upper right corner (see screen shot below).

In Compose you can see the photos. You can relocate the image by dragging and dropping it.

In Edit Html you will see the code for the photos and will have to use Preview (or switch to the Compose mode) to see images. You can move it by using Cut and Paste on the code.




Is your "Compose Mode" turned on?
1. First go to Dashboard
2. Go to Manage: Settings.
3. Scroll down the page
4. look for "Show Compose Mode for all your blogs?"
5. Activate it by answering Yes.

Be sure to click on the big orange Save Settings a little bit further toward the bottom of the page.

Compose Mode Or Edit Html Mode?

Does your Blogger editing screen look "odd" or wrong?

Is it possible that your screen mode toggled from one to another, either Edit Html or Compose modes? That sometimes happens and people who have never selected the OTHER mode can't recognize what they're seeing. If so, the Blogger edit box has the two choices beside each other in the upper right corner (see screen shot below).

In Compose you can see the photos. You can relocate the image by dragging and dropping it.

In Edit Html you will see the code for the photos and will have to use Preview (or switch to the Compose mode) to see images. You can move it by using Cut and Paste on the code.




Is your "Compose Mode" turned on?
1. First go to Dashboard
2. Go to Manage: Settings.
3. Scroll down the page
4. look for "Show Compose Mode for all your blogs?"
5. Activate it by answering Yes.

Be sure to click on the big orange Save Settings a little bit further toward the bottom of the page.

Saturday, May 5, 2007

Sidebar Labels List In Classic Blogger

In order to put a labels list in by hand in the sidebar of Classic templates:

Click on a label below your post and copy its URL from the address bar once the Permalink has opened. Then you can paste this code into the template sidebar :

name of label

< href="url of label Permalink">name of label</a>

When clicked on by visitors, they'll be provided all relevant posts to scroll through, one after another--but not a concise list of titles.

Sidebar Labels List In Classic Blogger

In order to put a labels list in by hand in the sidebar of Classic templates:

Click on a label below your post and copy its URL from the address bar once the Permalink has opened. Then you can paste this code into the template sidebar :

name of label

< href="url of label Permalink">name of label</a>

When clicked on by visitors, they'll be provided all relevant posts to scroll through, one after another--but not a concise list of titles.

Friday, April 6, 2007

Screenshots In Blogger

How Screenshots Are Done

I used to back away from screenshots in Blogger, though I was not uncomfortable with adding photos the regular way. Now I don't run away like that! If you've never done one, this is how:

  1. Go to the page you want to photograph.
  2. Make sure you have all of the important part in the screen.
  3. Press Prt Scr (Print-Screen) on your keyboard. That will save the image in the monitor at the time.
  4. Go to a image/photo program of your choice and paste the saved screenshot into that program and save it as a familiar jpg or gif file.
  5. Then you click on Blogger's image icon and browse for the picture.
  6. When you've uploaded the image to one of your blogs, you'll have a url (web address) for the image.


END.

Screenshots In Blogger

How Screenshots Are Done

I used to back away from screenshots in Blogger, though I was not uncomfortable with adding photos the regular way. Now I don't run away like that! If you've never done one, this is how:

  1. Go to the page you want to photograph.
  2. Make sure you have all of the important part in the screen.
  3. Press Prt Scr (Print-Screen) on your keyboard. That will save the image in the monitor at the time.
  4. Go to a image/photo program of your choice and paste the saved screenshot into that program and save it as a familiar jpg or gif file.
  5. Then you click on Blogger's image icon and browse for the picture.
  6. When you've uploaded the image to one of your blogs, you'll have a url (web address) for the image.


END.

Saturday, March 31, 2007

How to Remove Labels

Labels in the sidebar can be made to not show by clicking Remove Page Element.

Multiple labels can be subtracted from posts in the Edit Posts page.

1. Click on the unwanted label in the left column.
2. All posts of that label only will then appear in the list.
3. Check those posts. You can click All.
4. Open Label Actions by clicking the down arrow.
5. Go down the list to Remove Label.
6. The label you wish to remove should be listed beneath Remove Label
7. If so, click Remove Label.

How to Remove Labels

Labels in the sidebar can be made to not show by clicking Remove Page Element.

Multiple labels can be subtracted from posts in the Edit Posts page.

1. Click on the unwanted label in the left column.
2. All posts of that label only will then appear in the list.
3. Check those posts. You can click All.
4. Open Label Actions by clicking the down arrow.
5. Go down the list to Remove Label.
6. The label you wish to remove should be listed beneath Remove Label
7. If so, click Remove Label.

Wednesday, March 28, 2007

Google Blog Search

It used to be that you could click on someone else's "favorite" things in their profile or even in your own profile and you could link to those people in Blogger whose specific interest reflected some of your own. A lot of people have complained about that feature being done away with in New Blogger. You could look up everyone who was interested in masturbation, approbation, Christian Cooking, diabetes, or whatever ticked your clock or worried you.

I noticed recently Google has a new Blog Search that is similar, but dissimilar, to the above. It's better than nothing! The search is not limited to any one brand of blogs, but claims it will eventually list all brands of blogs in it's search parameters.

Check it out: Google Blog Search


Later: The "favorites" feature in your profile has now been restored to Blogger, so you now have two means of searching!

Those unhappy about losing any other Blogger feature should contact Blogger at Wishlist. State your desire. Even if they don't answer you (and they won't), you will have had your say.

END.

Google Blog Search

It used to be that you could click on someone else's "favorite" things in their profile or even in your own profile and you could link to those people in Blogger whose specific interest reflected some of your own. A lot of people have complained about that feature being done away with in New Blogger. You could look up everyone who was interested in masturbation, approbation, Christian Cooking, diabetes, or whatever ticked your clock or worried you.

I noticed recently Google has a new Blog Search that is similar, but dissimilar, to the above. It's better than nothing! The search is not limited to any one brand of blogs, but claims it will eventually list all brands of blogs in it's search parameters.

Check it out: Google Blog Search


Later: The "favorites" feature in your profile has now been restored to Blogger, so you now have two means of searching!

Those unhappy about losing any other Blogger feature should contact Blogger at Wishlist. State your desire. Even if they don't answer you (and they won't), you will have had your say.

END.

Tuesday, March 27, 2007

Font Tags As Style Statement

W3C says: The <font> tag in HTML is deprecated. It is supposed to be removed in a future version of HTML.

Even if a lot of people are using it, you should try to avoid it, and use styles instead.


Yipes. I have always used the <font> tags, so I probably have lots of errors out there, but I don't think I'll correct any of them until they truly cease to work. Meanwhile I guess I will try to use the "styles". I'm still teaching myself and will probably step on my own whoosit! But let's plod on and look at the following that you/I might place in a post:

<p style="font-family:Times New Roman;font-size:130%;color:green">

ALL of it should precede the text to be viewed (green text below). View the Source Code for this post if that isn't clear.)


This is a sentence with some text in it. This is a dizzy sentence with some text in it. This is yet again a sentence with some text in it. This is another sentence with some text in it. This is a sentence with some silly green text in it. This is another silly sentence with some text in it. This is a damn sentence with some text in it. This is a puke-green sentence with some more damn text in it.



That would be too complicated, I suppose, if you needed it for frequent use or intended it for every post. I need to establish it as a CSS description so that it's on tap when I need it. So I'll add

#fs1 {font-family:Times New Roman;font-size:130%;color:green; }

to my template's CSS (cascading style sheets). The "fs1" is just an arbitrary code that I made up; as long as it is repeated in the code below, any word you choose instead will do.

Reference to the #fs1 is placed in the post thus:

<div style id=fs1> text </div>


Font Tags As Style Statement

W3C says: The <font> tag in HTML is deprecated. It is supposed to be removed in a future version of HTML.

Even if a lot of people are using it, you should try to avoid it, and use styles instead.


Yipes. I have always used the <font> tags, so I probably have lots of errors out there, but I don't think I'll correct any of them until they truly cease to work. Meanwhile I guess I will try to use the "styles". I'm still teaching myself and will probably step on my own whoosit! But let's plod on and look at the following that you/I might place in a post:

<p style="font-family:Times New Roman;font-size:130%;color:green">

ALL of it should precede the text to be viewed (green text below). View the Source Code for this post if that isn't clear.)


This is a sentence with some text in it. This is a dizzy sentence with some text in it. This is yet again a sentence with some text in it. This is another sentence with some text in it. This is a sentence with some silly green text in it. This is another silly sentence with some text in it. This is a damn sentence with some text in it. This is a puke-green sentence with some more damn text in it.



That would be too complicated, I suppose, if you needed it for frequent use or intended it for every post. I need to establish it as a CSS description so that it's on tap when I need it. So I'll add

#fs1 {font-family:Times New Roman;font-size:130%;color:green; }

to my template's CSS (cascading style sheets). The "fs1" is just an arbitrary code that I made up; as long as it is repeated in the code below, any word you choose instead will do.

Reference to the #fs1 is placed in the post thus:

<div style id=fs1> text </div>


Saturday, March 24, 2007

Background Color Of A Post

Classic Blogger:

In your template, just before the </style> occurs (the end tag), place the couple of lines below (which you can change to your colors or fonts). This will just be an example you can start with as a test. This paragraph demonstrates what the code below causes.



#birdlist {margin:0px;padding:0px;background:navy;color:lightblue;font: 1.1em "Times New Roman","Trebuchet MS",Trebuchet,Verdana,Sans-Serif; font-weight:none; }
</style>

After that is established in the template, any time that in your post you place <p id=birdlist> at the beginning and </p> at the end of that text, you will create the font color and background color that you want. You might change navy to white and lightblue to black, depending on what you want. If you don't invoke the paragraph id in your post, it will just write in black over your current background (if any).

Don't be tripped up by the list of fonts; the computers in the world will choose the first one they come to that they possess. So if you choose a really new and esoteric font, you may be the only reader who sees it in just that font. But they will see it in the second, third, or fourth font listed.

New Blogger


The main difference here is that you don't make the addition in the same place. When you open the template, you need to search for the Style items that you know, though they are not called that! Search for "Body" and other style (CSS) listings that you might already be familiar with. You might see something like this:

body {
background:oldlace; url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
font:x-small Georgia, Serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}

Put the additional (birdlist) lines after the above, but BEFORE the closing } bracket. There are other places that would be correct, and I'm just pointing out one.

This #ID is not limited to paragraphs; it could also be applied to a <div>, etc.

THE END.