The Featured Post Gadget, With Multiple Posts

The "Featured Post" gadget is a useful tool, for spotlighting individual posts.

One of the limitations of the gadget is that it, like many (though not all) Blogger supplied gadgets, allows only one copy on the blog, at any time. The gadget is, after all, called "Featured Post" - not "Featured Posts". Blogger does not give us the ability to feature multiple posts, simultaneously.

Given a little imagination, we can make the gadget work, for multiple posts. We can't feature multiple posts, simultaneously - but we can alternate featured posts, sequentially.

Combining the "Featured Post" gadget and labels, we can alternately feature multiple posts, in a daily or weekly sequence.

I added a label in this blog, "Featured Posts".

I identified a couple dozen posts, in this blog, which need to be featured - and gave each post the label "Featured Posts". My intention, once the Blogger Followers gadget rewrite effort is behind us, is to feature one different post in "Featured Posts", each day.

Just edit the "Featured Post" gadget, and select a different post - each day.

The "Featured Post" gadget is at the top of my blog.

I can edit the gadget, and open the label list.

And, select "Featured Posts".

That gives me a list of my posts, with the "Featured Posts" label.

And, I selected the currently featured post, "Dear Followers Of This Blog".



Next month, I may select a different post to be displayed as a Featured Post.

So I can't feature more than one post at a time - but I can alternately feature different posts. And with some planning, I can make it easy to alternately feature different posts.

---

The #Blogger supplied "Featured Post" gadget can't be used with more than one such gadget on any blog, simultaneously. It is called "Featured Post" - maybe, for a reason.

With a little planning, though, you can organise the posts to be featured - and change the gadget, daily or weekly.

Now, You See It - Now, You Don't

Some blog owners create a post, with content that should be visible, only when required.

The post contains a question - accompanied by the answer to the question. The question should be viewed, without the answer being visible, to make the reader think about the answer. This is called, by many, a "spoiler".

Not everybody knows how to construct a spoiler. Some blogs use JavaScript - painful to construct, and maybe not effective for every reader. Security conscious blog readers may block scripts from Blogger blogs - and either your spoiler is visible, immediately - or never becomes visible.

Neither of the latter scenarios make the post a lot of fun to read.

You don't need JavaScript, to make a spoiler.

This is fortunate, because not every reader is going to allow scripts, from every blog. Personally, I block JavaScript, in general - and enable only for my own blogs - and for specific websites, like the Blogger dashboard and most Google pages.

If the blog posts have a solid white background, you make the post text white.

Examine a post, in my text blog.

Two spoilers - both blank.

Click and drag across the first spoiler - and see the first answer.

Click and drag across the second spoiler - and see the second answer.



The spoiler code is not complicated.

What would YOU do?

What Lancelot chose is hidden. But - make <span style="font-weight:bold;">your</span> choice before peeking. To see the answer, highlight the area indicated, by clicking the mouse and dragging the cursor between the arrows.

The answer is here ==><span style="color: rgb(255, 255, 255);">Noble Lancelot said that he would allow <span style="font-weight:bold;">her</span> to make the choice herself. Upon hearing this, she announced that she would be beautiful all the time because he had respected her enough to let her be in charge of her own life.</span><==

Now - what is the moral to this story? To see the answer, highlight the area indicated.

The answer is here ==><span style="color: rgb(255, 255, 255);">If you don't let a woman have her own way, things are going to get <span style="font-weight:bold;">ugly</span>.</span>==

Hoping that your blog does not use a semi transparent floating background over a multi colour background, just make the text the same color as the background. Then, instruct the reader to click and drag the cursor, to highlight and make the spoiler visible.

---

A #Blogger blog post which contains a question and answer section is fun to read - but not every blog reader will benefit, with posts that use JavaScript, to hide text content.

An easy way to hide content is to make the text the color of the background. The reader can click and drag, to highlight the text, when then is visible.

http://blogging.nitecruzr.net/2011/10/cookies-vs-scripts-two-types-of-server.html

http://blogging.nitecruzr.net/2009/04/many-faces-of-google.html

</span>

Disable AdSense Gadgets, On Static Pages

One problem with AdSense, that some blog owners have reported, is that AdSense ads are not permitted on pages with very little AdSense relevant content.

Unfortunately for some blog owners, the responsibility for preventing this is left to the blog owner.

Blogs with static pages, and AdSense gadgets in the sidebar, are a problem here. Static pages with little blog relevant content - such as label indexes, expanded owner profiles, special gadgets like Followers displays - cause problems with the AdSense ad classifier - and can cause blogs to lose ads.

As an AdSense publisher, the blog owner is expected to ensure that ads are not displayed on unsuitable blog pages.

Fortunately, it's not difficult to block AdSense ads from static pages. Just add a CSS rule with a "static page" conditional, to block display of each AdSense gadget.

<b:if cond='data:blog.pageType == "static_page"'>

If you want to block gadget "AdSense1" from displaying on all static pages, that's a simple CSS rule, added using "Add CSS".

Note that I wrote this to selectively block AdSense gadgets from displaying - but you can use it with any gadget, that you need to block. AdSense is simply one gadget that needs to be selectively displayed.

<b:if cond='data:blog.pageType == "static_page"'>
<style>
#AdSense1 {display: none !important;}
</style>
</b:if>

As always, be aware that the blank line above and below the code, as displayed here, is not intended to be decorative. Any time you add CSS rules, the blank line is required, to separate each CSS rule - and make each rule operational.

If the blog publishes actual blog content on some static pages, conditionals will be a bit more complicated. This is one more reason why static pages are not typically used for blog content.

---

Owners of #Blogger blogs with AdSense ads, that use static pages without AdSense relevant content, need to block ads from displaying on such pages. Failure to display ads selectively can cause problems with ads on the blog.

Fortunately, a simple CSS rule can be used, to block ads from static pages.

https://productforums.google.com/d/topic/blogger/7ANVOrQuvIo/discussion

https://productforums.google.com/d/topic/blogger/-p6mdLF2B08/discussion

Add A Fixed Location "Subscribe" Button To Your Blog

To encourage email subscriptions, and other social connections, some blog owners provide gadget toolbars, with useful links.

Some blog owners would like to position their gadgets in fixed screen positions.

I want to have a subscribe button hover at the top of the page, while people read my blog.

This blog has a hovering AddThis toolbar, which provides selected social sharing options. And, it has a hovering "Top of Page" button.

Adding a custom subscription gadget, in a fixed screen location, is not complicated.

AddThis has a large library of social sharing gadgets, with their icons - but they don't have any email subscription selections. But you can add an icon based "subscribe" button, "hovering" at the top of the page.

An occasional request suggests using a popup window, containing a subscription form. We don't recommend using a popup window - but a subscription form, on a FeedBurner hosted page, will provide the same function.

1. Add FeedBurner "Subscribe by Email".
2. Add a "Subscribe by Email" FeedBurner hosted form, and a link.
3. Add a suitable icon, containing the FeedBurner subscription link.
4. Try It.

See below "See the code asssembled.", for the detailed procedure.

Add FeedBurner "Subscribe by Email".

Using the dashboard Layout page, and "Add a Gadget", add a "Subscribe by Email" gadget. This creates a blog posts FeedBurner hosted feed.

FeedBurner provides the "Subscribe by Email" gadget, with the choice to display either an on screen form - or a simple link to a FeedBurner hosted form page.

Add a "Subscribe by Email" FeedBurner hosted form, and a link.

Once a "Subscribe by Email" gadget has been added, get the gadget link from the FeedBurner dashboard, at Publicize - "Email Subscriptions" - "Subscription Management" - "Preview Subscription Link…".

Start from the dashboard, at Publicize - "Email Subscriptions" - "Subscription Management".

The "Preview Subscription Link…" window contains the code, that we need.



Add a suitable icon, containing the FeedBurner subscription link.

Choose an attractive icon to contain the FeedBurner supplied link. Add an HTML gadget using "Add a Gadget", containing the icon with the link to the FeedBurner form - and displayed in a fixed location.


Try It.

I added a button, and a new subscription, to my test blog, "Chucks Tech World".

See the icon, in the top right margin?

See how the new icon floats?

See how it floats from the top - and from the right?





See the code, assembled.

A floating subscription button is simply an "HTML / Javascript" gadget, containing button code, linking to a FeedBurner subscription form. I position my gadget, in the footer, out of sight. The code "top:40px;right:60px;" positions the button to display relative to the top right corner - regardless of where the HTML gadget is positioned.

1. Upload a suitable icon.
2. Add the FeedBurner Subscription link code.
3. Add the button code.

Start with an icon, uploaded:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2fCZTJEcS0rg0NliF0abn3LvuRvBFczagaR3aJo66JQ2X2VzNScrxHothiYOgP83ZrrLHN7fFcFeA5ihXLTdIHu8oO7kaxaILeNXcICvNkVNwj2pVG86bXn2qyvJd13-luA-hoijps09/s1600/Subscribe+Icon.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2fCZTJEcS0rg0NliF0abn3LvuRvBFczagaR3aJo66JQ2X2VzNScrxHothiYOgP83ZrrLHN7fFcFeA5ihXLTdIHu8oO7kaxaILeNXcICvNkVNwj2pVG86bXn2qyvJd13-luA-hoijps09/s320/Subscribe+Icon.png" /></a>

Here's the FeedBurner Subscription Link:

<a href="https://feedburner.google.com/fb/a/mailverify?uri=ChucksTechWorld&loc=en_US">Subscribe to Chucks Tech World by Email</a>

Here's the Floating Top Of Page Button:

<a style="display:scroll;position:fixed;bottom:20px;right:60px;" href="#" title="Top"><img border="0" height="60" width="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2eOcCRS3N1_JwNrk6zva82CQybo8TWCvgMs6lUtZhyl_6XrkbjWP8Ayf2eQLtg3KEaUMruYNMT3uHK7llf3gltPNd6PMaMEjSWXuTpPzCX-fAebzTg5xQTb9kdRRiRhVVm347DAyfZzdk/s320/Up+Arrow+4.jpg" /></a>

And put them all together:

<a style="display:scroll;position:fixed;top:40px;right:60px;" href="https://feedburner.google.com/fb/a/mailverify?uri=ChucksTechWorld&loc=en_US" title="Subscribe by Email" target="_blank"><img border="0" height="60" width="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2fCZTJEcS0rg0NliF0abn3LvuRvBFczagaR3aJo66JQ2X2VzNScrxHothiYOgP83ZrrLHN7fFcFeA5ihXLTdIHu8oO7kaxaILeNXcICvNkVNwj2pVG86bXn2qyvJd13-luA-hoijps09/s320/Subscribe+Icon.png" /></a>

And that's it.

I now have a hovering subscription icon, in this blog. Given a collection of icons, carefully arranged, you can have a hovering toolbar - to maybe complement a social media button toolbar.

---

Some #Blogger blog owners would like a hovering button or toolbar, to provide an email subscription form. This is an accessory that is not difficult to add.

Adding A "Top Of Page" Button To The Blog

This week, I added a gadget that's been needed, on this blog, for some time.

You may see my new "Top" button, at the lower right corner of this blog. If you have a normally wide browser window, with wallpaper showing on either side of the posts / sidebar section, you'll see the new gadget floating on top of the wallpaper. If you have squeezed your browser window to save horizontal space, you may see the new gadget floating on top of the sidebar (but beneath the sidebar gadgets).

This is an extremely easy tweak to add. The hard part was finding - and sizing - the icon that I used.

To find a suitable icon for the button, Google for it.

To find the icon, Google Is Your Friend. Just look through the search listings, until you find one that fits with your blog.

free up arrow icon

Once you have found an icon that you like, download to your computer - then upload to your blog - politely. Don't hot link icons.

• Hotlinking is rude, and may abuse somebody's limited bandwidth.
• Hotlinking depends upon somebody's intention to host their icons, using their service, for eternity (however long you publish your blog, anyway).

Once your chosen icon is saved as a blog image, setup the button code.

Once you have your icon politely saved as part of your blog, add an HTML gadget - and add the gadget code, in the Content window of the HTML gadget.

<a style="display:scroll;position:fixed;bottom:20px;right:60px;" href="#" title="Top"><img border="0" height="60" width="60"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2eOcCRS3N1_JwNrk6zva82CQybo8TWCvgMs6lUtZhyl_6XrkbjWP8Ayf2eQLtg3KEaUMruYNMT3uHK7llf3gltPNd6PMaMEjSWXuTpPzCX-fAebzTg5xQTb9kdRRiRhVVm347DAyfZzdk/s320/Up+Arrow+4.jpg" /></a>

Here's the magic.

style="display:scroll;position:fixed;bottom:20px;right:60px;"

That positions the icon in a fixed location on the screen. The new HTML gadget contains the code - and can be located anywhere in the blog. The magic determines where the icon is displayed.

Adjust settings, to make the button appear in an acceptable screen position.

Adjust "Bottom" and "Right" values, to position your new icon in the desired location, for your blog. Resize the browser window a few times - make it narrower and wider - and get an idea how the final location of the icon may vary. Test in different browsers, too.

This is my icon:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2eOcCRS3N1_JwNrk6zva82CQybo8TWCvgMs6lUtZhyl_6XrkbjWP8Ayf2eQLtg3KEaUMruYNMT3uHK7llf3gltPNd6PMaMEjSWXuTpPzCX-fAebzTg5xQTb9kdRRiRhVVm347DAyfZzdk/s320/Up+Arrow+4.jpg

Your icon will have a different URL. Use your own icon, please!

Then sit back, and enjoy your blog, with its new navigational aid.

A caveat.

If you add your "Top Of Page" button code into a page or post, never switch between Compose and HTML modes, when editing that page or post.

Use Common Sense, And Protect Your Blog

We see various questions about getting advice and non standard accessories / code, from blogs and websites advertised outside Blogger / Google control - generally in Blogger Help Forum: Get Help with an Issue.

Why can't I see my blog? Every time I click on "View blog", I get a face full of ads!

and

Where can I get accessories, gadgets, and templates for my blog??

and

How do I know what accessories, gadgets, and templates are safe, for my blog?

and

Why did Blogger lock my blog, as a malware host?

All of these folks are discussing the same issue - blog content security. Some are asking properly, before they cause their problems - but others are not.

We have several known bad actors, right now - who have been putting out various blog accessories which, initially, work fine.

After thousands of victims have installed some accessories on their blogs, the owners and readers observe that the blogs are suddenly redirecting to advertising pages, or throwing popup ads on top of blog content. The latency period, for some blogs which are the first to install a new hacker provided gadget, may be as long as 6 months to a year.

By the time any malicious gadgets are discovered, identified, and removed, the victims have to deal with unhappy readers, who don't enjoy seeing a screen full of ads, instead of their favourite blog to read.

Search engine reputation is also affected by this problem. In some cases, the malicious gadgets may be detected by Blogger - and the host blog (ie, your blog) is locked, as a suspected malware host. Even if Blogger does not detect a problem, services outside Blogger will trash your blog.

Thoughtful blog owners will ask how they can get good, reliable, and safe blog accessories. I would start, by ranking the possibilities.

1. Blogger "Add a Gadget", with gadgets labeled "By Blogger".
2. Websites provided by well known Internet services.
3. Blogger "Add a Gadget", with gadgets not labeled "By Blogger".
4. Non Blogger websites provided by developers.
5. Non Blogger websites provided by hackers and spammers.

1. Blogger "Add a Gadget", and gadgets labeled "By Blogger".

The most reliable and safe gadgets will always be found in the "Add a Gadget" library, and be labeled "By Blogger". You have to trust Blogger, if you are going to use their publishing platform in general.

The optional gadget library, and gadgets "By Blogger", is just as safe as the dashboard, and components referenced by the dashboard.

2. Websites maintained by well known Internet services.

Most well known Internet services and social networking platforms will provide gadgets that are designed for Blogger. The best gadgets will be labeled "For Blogger", and be written in Blogger compatible XML. Some general purpose gadgets, written in HTML / JavaScript, will also be suitable.

Almost any gadget in this category, if written by the staff of the service in question, will be free from malicious intent. Both FaceBook, and Twitter, for instance, provide gadget libraries. Because these gadgets were not written by Blogger staff, they will not be as reliable as Category #1.

3. Blogger "Add a Gadget", and gadgets not labeled "By Blogger".

Many gadgets provided in "Add a Gadget" will be provided by third party developers. Hopefully, Blogger / Google exercises some quality control, over gadgets distributed through their library.

That said, the first mass hacking of Blogger blogs, of 2009 - 2010, came through gadgets that were distributed from the "Add a Gadget" libraries. One such gadget was discovered, just last week.

Not all third party accessories are provided with malicious intent. Unfortunately, even if not provided maliciously, some accessories may be unreliable because of periodic changes by Blogger.

4. Non Blogger websites provided by developers.

After the unforgettable blog hijacks of 2009 / 2010, then 2010 / 2011, Blogger / Google Security got aggressive with the problems of malicious gadgets being served from their libraries. Most recent hacking attacks have been distributed from websites outside the control of Blogger / Google.

Some non Google websites are provided by third party developers, who write code almost as reliable as Blogger staff. However, if the choice for my blog was between gadgets in Categories #3 and #4, and be of equal functionality and suitability, I would choose #3 over #4 - and I would seriously recommend the same, if asked.

In some cases, legitimate third party developers have provided accessories that require access to their code libraries. The developers have gone out of business, and have cancelled the domains where the code libraries were served. The abandoned domains have been bought by spammers, as investments - based on serving ads to accumulated incoming traffic, from people surfing to the blogs and websites which have the accessories installed.

In some cases, the domains were actually abandoned by the developers. In other cases, the developers were spammers, who sold their domains for a good profit, to other spammers.

We, the blog owners, cannot really tell which case is involved, when our blogs start redirecting to pages of spam - or even malicious domains, serving malware to our readers. We do need to protect our readers, though.

5. Non Blogger websites provided by hackers and spammers.

Some websites outside the control of Blogger / Google should not be trusted. I would seriously suggest without hesitating, that you stay away from websites like "SEOYourBlog.com", "MakeMunyFromHome.info", and such.

Any blog or website, with clever initials in the name, should be considered, with great caution. Although "SEO" was originally a serious concept, most websites with "SEO" in the name will not have your best interests in mind. Likewise "GPT, "PTC", "PTS" will do you no good.

If and when you add gadgets, always add them using a new HTML / JavaScript gadget. Gadgets added using "Add a Gadget" can be easily removed, if they go bad. Gadgets added using "Edit HTML" must be removed using "Edit HTML" - and some gadgets will be extremely challenging to diagnose and remove.

Security begins with you.

Extracting HTML / JavaScript From A Source Listing

If you do any work on your blog, and the template, eventually you will need to extract gadget source code.

The ability to extract source code can be useful in various tasks.

• Identifying a problem gadget, to others.
• Publishing a gadget on a separate page, by embedding the code in a page or post.
• Recovering the content of a deleted gadget.

In each case, use of the proper text browser or source listing is where I start.

Having produced the source listing, I must find and extract the relevant code which represents the gadget in question.

Here is a very basic example, from my Template Laboratory blog. We'll look at a gadget in the sidebar, which I labeled "Empty HTML Gadget".
HTML13
If I locate the gadget, when viewing the blog - and I am logged in as an administrator, I can use the Quick Edit icon (if Quick Edit is enabled), and identify the gadget by the URL. I can do the same, with the "Edit" link in the dashboard Layout wizard.

http://www.blogger.com/rearrange?blogID=6231987187698503326&widgetType=HTML&widgetId=HTML13&action=editWidget§ionId=sidebar-right-1

In this case, I know to search for gadget "HTML13".

I have this luxury, when I am able to view the blog - or to view the dashboard Layout wizard. If I am identifying a problem gadget - maybe a malicious accessory on somebody else's blog, I won't have that ability. Searching for a malicious gadget may require use of two or more source code listings - plus imagination or deductive reasoning.

But, once I identify the gadget, in the source listing, I can start.
See "id='HTML13'"?
Here is the complete section of code, which this gadget produces.

<div class='widget HTML' id='HTML13'>
<h2 class='title'>Empty HTML Gadget</h2>
<div class='widget-content'>
This is a (<span style="font-weight:bold;">somewhat</span>) empty HTML gadget.
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=6231987187698503326&widgetType=HTML&widgetId=HTML13&action=editWidget§ionId=sidebar-right-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML13"));' target='configHTML13' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>

The code which I need is inside the "widget-content" tags.

<div class='widget-content'>

... (Everything here is the "widget content").

</div>
<div class='clear'></div>
<span class='widget-item-control'>

And, in this case, what I need:

This is a (<span style="font-weight:bold;">somewhat</span>) empty HTML gadget.

This is a very simple example - but you will find, consistently, that you need to look for the proper tag set, starting with "<div class='widget-content'>", and ending with the corresponding "</div>".

Identifying the proper closing "</div>" can be tricky. Many gadgets have nested "<div>" ... "</div>" pairs in the "widget content" - so I search for the "<span class='widget-item-control'>" tag, and work backwards from there.

<div class='widget-content'>

...

</div>
<div class='clear'></div>
<span class='widget-item-control'>

And copy the code, from inside the tag set.

This is a (<span style="font-weight:bold;">somewhat</span>) empty HTML gadget.

Once you practice, you'll find it easily enough.

Now, take the extracted gadget code, and publish the gadget to a specific blog page.

The Blogger "Contact" Form - What You See Is What You Get

Blog owners add the Blogger supplied Contact Form, then wonder about the details, and what options are available.

The Blogger supplied "Contact Form" gadget provides a very basic form, with few options. There's not a lot to do or see.

With the Blogger "Contact Form" gadget, what you see is what you get.

You add the form to the blog, and you change the Title of the form.

Use is simple. You fill out the form, and Send. The content, once sent, can't be edited.

The reply address is whatever you entered, in the "Email" box.

If you are the owner of the blog, the message goes to you. If the blog has multiple administrators, Send a test message, and have everybody check their Inboxes. Find out who should expect to see Contact messages, and what email addresses are targeted.

If you test the form on your blog, when using a Blogger account based on a non GMail email address, you may not receive the test entry in your Inbox.

If you, as the blog owner, want a form with more options, or the ability to manage form recipients, you use a third party form. You can use Google Docs, and create a simple "Contact Me" form, in 15 minutes. A Google Docs created form can have multiple, designated recipients, and can be edited by the sender. The Docs based form entry goes into an online database, which can be accessible by designated recipients.

You can embed a Google Docs based form in a page or post - and you can create your page or post as a separate tab, in the blog - as I added my Blogger "Contact Me" form or alternately, my Expanded Followers gadget, to this blog.

What you see below is my demonstration Google Docs form, embedded using an IFrame. The IFrame code is provided with the form, which required a brief 10 minutes to create. When you create your form, hit "Send form", then "Embed", to get the code for your form. You can see my improved Contact form, in my page, "Contact Me, Improved".

<iframe src="https://docs.google.com/forms/d/1JvoY2yf5aTChnvXlCgGsUerSCtI7RHpRdkq5SPBPm90/viewform?embedded=true" width="700" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

There are various third party, non Google "Contact" form suppliers - some free, others not - some reliable and safe, others not. Be careful, if you decide to use a non Google, third party, product.

>> Top

Getting Out Of Draft Blogger

Occasionally, in Blogger Help Forum: How Do I?, we see a plaintive query

How do I remove my blog from using Draft Blogger?

Some blog owners use Draft Blogger because of a specific problem - then discover later, that use of Draft Blogger, in general, is not a good idea.

Generally, one simply logs out of Blogger, then logs into Blogger using the normal Blogger login.

Simply logging out, from Draft Blogger, won't always fix the problem.

Sometimes, though, simply logging out of Draft Blogger won't return the browser to normal.

In the latter case, one must first clear the Draft Blogger setting, using the "User settings" dashboard page - where we see the key setting

Use Blogger Draft

Change that option to "No" - then clear cache, cookies, and sessions, and restart the browser, to remove all residual components of Draft Blogger.

Use the Settings - "User settings" dashboard page.

Use the Blogger "User settings" dashboard page.

Change "Use Blogger Draft" to "No".

Then, hit "Save settings".


Finally, login to Blogger, properly.

Finally, log into Blogger, using a normal Blogger login. Avoid any bookmarks, favorites, or other saved access URLs. And, be sure to login properly.

Verifying Ownership Of Your Site To Bing Webmaster

As a web master (aka blog master), besides adding posts and enhancing the template, you have a third activity - connecting your web site (blog) to other web sites and blogs. In many cases, you'll simply send the owners of the other web site (blog) a request to link to your blog.

For links to large and very active web sites, you'll use an online wizard. To prove ownership of your web site, instead of sending email, you'll add a file of specific name, or maybe specific content, into the web site. You can't add a file to your blog, though. With a Blogger blog, you have no control over files and folders - all that you do is publish posts.

One of the most important web sites that you can add your blog to, similar to Google Webmaster Tools and Yahoo Site Explorer, is the Microsoft search engine, Bing.

Similar to Google Webmaster Tools and Yahoo Site Explorer, Microsoft provides Bing Webmaster, which provides you the web site (blog) owner the ability to monitor and tune the relationship between your web site (blog) and Bing, the Microsoft Search Engine. When you add a non Blogger web site to Bing Webmaster, you add a file of specific name and content, to the root. When you add your blog, you add a record of specific content - a meta record - to the template.

This meta record, which provides your verification of ownership to Bing, may be one of the most important single lines of code in the template. Add this with care.

1. First, and always, backup the template for the blog.
2. Sign in to your HotMail / Live / Microsoft account (Yes, here, too, you have to sign in! And you will need a Microsoft accepted account!)
3. You start from Bing Webmaster Center - Home.
4. Under "Sites", you'll see the "Add Site" button. Hit the button.
5. Paste or type the URL of the blog into the "Site:" box.
6. Hit "Submit".
7. Now you'll have "Verify Ownership".
8. Click on "Option 2: Copy and paste a tag in your default webpage".
9. Copy the meta record, as presented to you.
10. You'll take the record as provided, and reformat it slightly. Here's an example of what they provide.
    

    <meta name="msvalidate.01" content="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX">
    

    
    Here's what I used.
    

    <meta content='XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX' name='msvalidate.01'/>
    

11. In another tab or window, open the template editor window, for the blog.
12. Copy the record into the template for your blog, just below the records added for Google Webmaster Tools and / or Yahoo Site Explorer verification.
13. Save the template.
14. Back in the Bing Webmaster "Verify Ownership" window, click on the "Verify" button.
15. You'll now see your site, added to the Sites list, and the "Dashboard" for your newly added site will be displayed.
16. And again, backup the template for the blog. Save both backups.

Having verified ownership of your site, you now have access to various features of Bing Webmaster.

>> Top

Putting A Post At The Top (A "Welcome" Post) - Part 2

Many people have asked how they can have a Welcome or Index message in their blog.

I have a Welcome message, at the top of Nitecruzr Buzz, or on this blog, for instance.

This blog uses a text gadget, positioned above the post gadget, which leaves a gadget that shows up on every page. On Nitecruzr Buzz, I used a future dated post, so my "Welcome" showed up only on the "Home" page. Neither solution was optimal.

• A true "Welcome" message should show up only on the "Home" (first) page. A text gadget shows up on every page.
• A future dated post shows up only on the "Home" page, but it shows up in the Archive index with a future date.

Today, I fixed my Buzz Welcome message, so it only shows up on the "Home" page, and it does not show up as a post, in an archive index.

What I now have is a Text gadget, that only displays on the "Home" page. Here's how you do that.

First, (you should have to ask?) backup the template. Then add a Text gadget to the page, and position the gadget just above the post gadget. Give it a snappy title, "Welcome To My Blog!".

Then tweak the new gadget.

1. Identify the gadget to be tweaked.
2. Add the Conditional Gadget CSS rule, using the Template Designer "Add CSS" wizard.

 
<b:if cond='data:blog.canonicalUrl != data:blog.homepageUrl'>
<style>
#Text1 {display: none !important;}
</style>
</b:if>

Remember to add a blank line, above or below the code block being added, if there is already code visible in "Add CSS".

Save the change. Edit the text gadget as displayed on the blog, and remove the "WelcomeMessage" title. And of course, backup the template, again. And, it's done.

Now, if you want a dynamic "Welcome" page - maybe one based on posts published to a given label, you can do that too, with just a bit more work. And there are several variations on the "if" statement, that will let you selectively display (or not display) your gadget on other specific pages.

An easy alternative solution for this need, more recently offered, would be to use a static page, and a redirected Home page.

The choices are multiple. Just consider your needs, and how easy the various alternatives may be.

Blogging Anonymously

We know that Blogger allows us to blog anonymously, by promising to never reveal our identity as a blog owner.

This policy leads to mysterious scenarios, like when someone forgets the account that they used to create a blog, that they do own. And, it leads sometimes to tragic scenarios, like bloggers who don't have access to the back door email account, and can't prove blog ownership.

Even though Blogger allows us to pursue our anonymity, though, that doesn't guarantee absolute anonymity without effort.

There are things that we still need to do, to ensure that our name / identity isn't connected with a given blog.

• Setup a new Blogger account, with no personally identifying details.
• Start a new blog - published as private.
• Don't provide any visible biographical content.
• Watch how you follow other blogs.
• Use separate, multiple Blogger accounts.
• Be aware of the risks involved, when anonymising yourself.

Setup a new Blogger account, with no personally identifying details.

If you want true anonymity, make a new Blogger account, and put no personal details into the new account. "No personal details" includes no links to any existing Blogger accounts, or blogs - in either direction.

If you want to go through life with a second (or third, ...) account, please understand the risks. If you truly anonymise your new account, and blog, you will have no way to identify yourself as the owner, if you ever forget the account name, or password.

Start a new blog - published as private.

If your current blog(s) have been published for a while, you may think of making your blog(s) private.

• This change won't take effect, immediately
• Even after the blog becomes private, cached copies of the blog can be retrieved - and your personal details can be extracted from the cached copy.

The next possibility, then, would be to start a new blog - and publish your blog(s) as private.

With a blog published privately, we then disable indexing of the blog(s). This won't be 100% effective.

• Not all search engine spiders will respect the "NoIndex, NoFollow" directives.
• Not all bloggers want their blogs to be private, even if they don't want a personal and permanent connection with the blogs.
• Private blogs are not completely hidden from public view.
• RSS feeds may contain information which we do not select for appearance in the visual blog copy.

So, look at additional techniques - but be aware of techniques that will have no effect.

Don't provide any visible biographical content.

First, remove the "About Me" gadget from the blogs. Either publish blogs without a native Blogger "About Me" gadget, or make up a custom one.

Second, remove the blogs from the "My Blogs" list in your Blogger profile, or don't share your profile at all. And setup a second owner for your blog, so your Blogger profile number isn't visible, in the blog header.

Watch how you follow other blogs.

Third, and not the least of your concerns, is what blogs interest you? Be careful how you Follow blogs - both your own, and those published by other people.

Visibility of other blogs in your profile, as well as your visibility in various Following communities, may tell a lot about you.

Be aware of what profiles you use, as a Follower. For maximum anonymity, don't Follow at all - just subscribe to the blogs that interest you, using the newsfeed reader of your choice.

Use separate, multiple Blogger accounts.

If you're truly paranoid, you could transfer control of the blogs, to a secondary account that you own.

If you use a second account, it would be wise to use a non GMail account, so you can avoid a Google cookie clash caused by trying to use two Google accounts simultaneously. And please, if you want to retain control of your blogs, use a valid non GMail email address, and keep control of the email address.

And you can always Follow other blogs using a different identity.

Finally, check behind yourself, carefully. Comb the contents of your blogs, and make sure that you don't inadvertently reveal any personal details. This may be an ongoing concern, as you publish any blog, anonymously or not.

Protect yourself. These are things that you have to do, for yourself. But at the same time, remember that anonymity, when achieved, may have a price.

Be aware of the risks involved, when anonymising yourself.

Successful anonymity can mean problems identifying yourself - when you travel, or when you change computers, or especially when you forget your account name or password.

Consider setting up Google 2-Step Verification, if you want long term public anonymity - and want to continue publishing a blog.

(Update July 2001): To let us selectively share information about ourselves with some people (as we choose), Blogger / Google is giving us Google+, which lets us replace boring unshared static information with exciting selectively shared dynamic information.

Keep Malicious Content Out Of Your Blog

Every day or so, we see reported from concerned bloggers, about unknown content in their blogs.

Where did those ads come from? I didn't add them!

or

How do I keep this other blogger from posting porn links in my blog?

As we add content to our blogs, and make them fun, interesting, and shiny, to attract readers, we risk adding undesirable content. This is a constant problem.

The bad guys are out there - and the more fun, interesting, and shiny your blog is, the more it's likely to have readership, reputation, and value.

The more readership, reputation, and value that your blog has, the more attractive it is to the bad guys. And the bad guys have various ways to attack a given blog.

• Malicious Comments
• Malicious Posts
• Malicious Accessories
• Malicious Blog Members
• BlogList / Feed Gadgets

Malicious Comments

One of the easiest way to add third party content to your blog is from allowing comments.

Comments are contributed by people who, at best, you simply do not know. Any content from someone who you do not know can always be malicious, or obnoxious in some way.

Some blog owners will try to identify and block individual commentors. I will continue to insist that anybody who you should fear will not be bothered greatly by anything that you can do here.

You absolutely must moderate comments, or risk having a blog known for hosting malicious links - or worse.

Malicious Posts

Besides comments, posts are a constant concern. If you have a team blog, you have to be able to trust the other members in the blog.

Post moderation, using post editor to publish, isn't an option. Anybody who you make an author can publish what they feel like publishing. You can only moderate posts after they are published, when using post editor.

An alternative to using post editor to publish is Mail-to-Blogger, where contributions are emailed to the blog. If Mail-to-Blogger is setup to publish straight to the blog, and the bad guys figure out your MTB account and password, you'll have malicious content a plenty.

You can moderate before publishing, using Mail-to-Blogger.

Malicious Accessories

Any time that you install third party accessories of any type, you are placing your blog at risk.

Don't be overly paranoid - you have to make your blog interesting to your readers. But do keep the risks in mind.

This is similar to layered security for your computer, which is a related concern here.

Malicious Blog Members

Sometimes, possibly having unwisely installed a third party accessory, the install process may have enabled the addition of an unknown member to the blog. The unwanted content may be added by the attacker, using this unknown blog member.

If none of the above advice offers you an explanation for the existence of unwanted content, check your blog member list.

BlogList / Feed Gadgets

Occasionally, we may Follow a blog where the owner will later decide to try to get more traffic to the blog, and will redirect the blog feed to a cloud of random blogs. If you are Following such a blog, or have such a blog in your BlogList or Feed gadget, you'll see your BlogList or Feed gadget show odd content - and frequent spam.

Verifying Ownership Of Your Site To Google Webmaster Tools

As a web master (blog master), besides adding posts and enhancing the template, you have a third activity which is almost as time consuming.

You will be constantly connecting your web site (blog) to other web sites and blogs. In many cases, you'll simply send the owners of the other web site (blog) a request to link to your blog.

For links to some web sites, you'll not use email, you'll use an online wizard. To prove ownership of your web site, instead of sending email, you'll add a file of specific name, or maybe specific content, into the web site. You can't add a file to your blog, though - with blogs, you have no control over files and folders - all that you do is publish posts.

One of the most important web sites that you can add your blog to is Google Webmaster Tools.

"Webmaster Tools" - now known as "Search Console" - provides you the web site (blog) owner the ability to monitor and tune the relationship between your web site (blog) and the Google Search Engine.

Note that some time ago, Blogger added a quick, universal verification of your blogs. At the bottom of your dashboard, under "Tools and Resources", you'll find a link "Webmaster Tools". This appears to generate a file known as the "WMX Verification File".

Right now, there are some odd circumstances which may be a result of using that link. For right now, I would only verify my blogs, one at a time, adding a meta record - as shown below.

When you verify ownership of your web site to GWT, you add a file of specific name and content, to the root. When you add your blog, you can't do that, so you add a record of specific content - a meta record - to the template. Note that the automated process which reads the blog header, and verifies your ownership, appears to be sensitive to private blog settings.

This meta record, which provides your verification of ownership to Google Webmaster Tools, may be the most important single line of code in the template. Add this with care.

1. Sign in to your Google account.
2. You start from Google Webmaster Tools - Dashboard.
3. In the Click here to add a site box, enter the URL to your blog, and then hit Add Site. Make this entry identical to the URL to which the blog is published. Use the following examples, substituting appropriately your value for "myblog", "mydomain", "xxxxx", and "zzz".
   • If the blog is published to "myblog.blogspot.com", enter it as "myblog.blogspot.com".
   • The blog will never be published to "www.myblog.blogspot.com", so do not enter it as "www.myblog.blogspot.com".
   • If the blog is published to "mydomain.zzz", enter it as "mydomain.zzz".
   • If the blog is published to "www.mydomain.zzz", enter it as "www.mydomain.zzz".
   • If the blog is published to "xxxxx.mydomain.zzz", enter it as "xxxxx.mydomain.zzz".
   If you rename the blog, either changing the BlogSpot URL or republishing to a Custom Domain, remember to repeat this exercise with the updated URL.
4. This will take you to Overview.
   

   Next Step
   Verify your site. By verifying your site you can access comprehensive statistics and crawl errors about the pages in your site

5. Click the link for "Verify your site".
6. This will take you to Verify a Site.
7. In the Choose verification method... pull down list, select Add a meta tag.
8. This will generate your site verification meta tag. Highlight and Copy the text from the box.
9. In a separate window, edit the template for your blog. Add into the template, in the heading section, your site verification meta tag, that's provided by the GWT wizard. After you add the meta tag, you should have something like:
   

   <head>
       <b:include data='blog' name='all-head-content'/>
       <title><data:blog.pageTitle/></title>
       <meta name="description" content="......."></meta>
       <meta name="keywords" content="......."></meta>
       <meta name="verify-v1" content="......."></meta>
   
       <b:skin><![CDATA[/*
   

   
   Note that some detail was removed from the above example, and that the above example shows template code for designer and layout templates.
   
   You might want to observe the different ways to format a meta tag, including differences between classic and layouts formats. The XML, in a layouts template, will require a properly closed tag.
   
   • The tag will probably be presented, by the GWT wizard, as

     <meta name="verify-v1" content=".......">

   • One way to code the tag, in a layouts template, would be

     <meta name="verify-v1" content="......."></meta>

   • A second way to code the tag, in a layouts template, would be

     <meta name="verify-v1" content="......." />

10. Save Template Changes.
11. Go back to Verify a Site, and hit Verify.
12. This will take you to Overview. Part of the display will include:
    

    You've successfully verified (your site)

    and may include
    

    No pages from your site are currently included in Google's index.

    and

    You have not submitted any Sitemaps. Submit a Sitemap to help Google discover pages our crawlers might not otherwise find.

    Select the Sitemaps menu entry.

Having verified ownership of your site, you now can add a Google Sitemap, or use the other features of Google Webmaster Tools.

Help Your Readers Search Your Blog

When your blog gets larger, you'll want your readers to be able to find the content easier - sometimes using more detail than can be found in the Archives index.

You can generally use Labels for a more comprehensive index of the blog contents - but both labels, and titles, index the posts based on your vision of the blog. What if you want your readers to view your blog, on their terms?

This is where the Navbar, with its search box, becomes useful.

The Navbar based search is a good choice, for most readers of the blog.

It's a good choice - assuming that you don't block the Navbar, and assuming that your readers like using the Navbar - and that the navbar based blog search is not broken.

You can use search accessories outside the navbar.

But you're not confined to using the Search box on the Navbar - you can make your own search box, and position it where you like.

Setup a new HTML / JavaScript gadget, to get a very simple search box for your blog. Use the "HTML/JavaScript" selection in "Basics".

Just copy the code - a simple 4 lines - to the new gadget.

<form action="/search" method="get">
<input name="q" type="text"/>
<input value="Search This Blog" type="submit"/>
</form>

You can add this gadget, in many places.

Having setup your new gadget, you can position it anywhere on the page. Or, you can have a search box inside a post, as I show above. See "Search This Blog", above - and "Search The Real Blogger Status", at the top of the sidebar?

And, there are still more possibilities.

You can get way more fancy, for instance search multiple blogs at once, using a Google Custom Search box, but for a 5 minute blog upgrade, this is all that you need.

• Search only the posts, in the one blog.
• Search your blog directly, not from search engine cache. No waiting for search engine updates.
• Search private blogs, with some chance for success.
• Display search results as part of the blog display, with all blog accessories and decorations visible.

This is very user friendly - your readers will appreciate it. And it's so easy to add.

Adding A Forum To Your Blog

Once we get our blog working, with lots of steady reader traffic, we want interactions with our readers.

Eventually, we get tired of native Blogger commenting, and its inability to use comments to conduct casual and meaningful conversations with our readers. Sometimes, our thoughts turn to having a forum, where we and our readers can chat with each other.

One very light weight forum can be embedded in the sidebar.

CBox and Meebo are chat rooms embedded in HTML / JavaScript, and an IFrame. It's very easy to setup CBox or Meebo on your web site - just register and get the code for either, and add it to an HTML / JavaScript page element. You can see Cbox in action on my home blog, and Meebo on my Layout Test blog. ShoutMix is a similar, alternative product.

If you want a full featured forum, Google Groups lets you setup a forum - and then embed it into your blog - as easily as you can setup a blog. Or any other forum will do just as well. It all depends upon what you want.

A full featured forum, using industry standard software, will involve hosting a phpBB based forum.

• Load the phpBB software onto a suitably setup server.
• Configure the software to provide your forum, as fits your personal vision of your forum.

Having setup the forum which pleases you, it's now a matter of combining your new forum and your blog, just like any two web sites - using blog feeds, iframes, and / or links - and your imagination.

Different Template Objects For Different Pages / Posts

Some bloggers like something different, and want to expand the concept of the template.

Occasionally, we see the query

I want to have different pictures in the header, for different posts.

or

How can I have a linklist in my sidebar for some posts, but not for others?

and the immediate answer is

You can't. With a template, everything is the same.

One blog = many pages / posts = one template.

Even though you can have only one template in a blog, nobody said that you have to have just one blog.

You can have as many different blogs as you have different needs. Setup a second blog, give it a different header picture, as you like. Or put a different linklist in one blog. Likewise a third blog, and so on.

If you have any controversial pictures, likewise display them in a second blog. You can have all of the links that you want from your main blog. The second blog may get an "Objectionable Content" interstitial, but the first blog, which contains all of the content to attract the search engines and your readers, can be indexed and viewed freely.

Some people are multi-lingual, and plan to publish identical content, translated into two, three, or more languages. One way to do this is to add a Language Translator gadget to your blog. Another way is to have multiple blogs, each blog published in the desired language, combined with each other using "hreflang".

Sometimes, the proper language setting makes a difference in the way the blog contents are displayed - and can make a blog easier to read for your various readers.

Then, simply combine the different blogs using blog feeds, custom domains, IFrames, links / linklists, and / or template cloning. The limit here is merely your imagination.

To the readers, you'll have 1 blog. To you, you can have many blogs. And your blogs can all have different templates, as pleases you.

More Granular Security For Your Blog

We see the occasional query

How do I have a single post, and only let my closest friends view it?

or

How do I keep people from commenting on some posts?

or even

How do I make a linklist / poll / whatever visible to a select few?

and the answer is - you can't.

If your blog is open to everybody, all portions of that blog are open to everybody. Unlike WordPress (which has a few limitations too, just not this one), you can't set permissions in just a portion of that blog.

But, you can make portions of another blog visible to a selected audience.

• Make a separate blog, with permissions that suit your need.
• Put the restricted content into the second blog.
• Include or link the second blog to your current blog.

Blogs are free. Setup another, with the restrictions that you need. And another, and another.

>> Top

Blogging

Setting up a web site is a lot of work.

Once you get past the process of actually setting up a web site, you have to write something.

If you want very many readers, you have to write a lot, frequently, and regularly. If you want your readers to return, they have to be able to find what you write. And need I say this - if you want readers to return over and over, what you publish has to be attractive and organised.

In other words, your web site has to have Content, Structure, and Good Appearance.

That's a lot of work, and you have to do it over and over. Can you say "Sisyphus"?

Content added == content that must be made accessible.

As you add content, you have to make the content accessible. As you make it accessible, you have to keep it organised and attractive. Add more content, and you have to make the relevant content accessible from content with a similar subject. And more content constantly requires you to make it pretty.

And hopefully, you have a private life. Or, what do you find to write about? How do you make enough time, to do everything? If your job / life doesn't revolve around web publishing, you simply can't.

The Internet is full of dead web sites, or web sites that should be dead. Web sites which are huge, and badly organised or ugly. Or very pretty web sites, that contain nothing useful. Many web sites started by folks who ran out of time, energy, or content.

A blog takes the drudgery away from web publishing, with dynamic content.

Enter Blogging. The initial blog setup is simple enough. You can find more advice in Blogger Help, or in dozens of other web sites.

Here, I'll just say - Start from the dashboard, select "Create a Blog", and follow instructions. That's a 5 minute, linear process. Then, learn how to get the URL of the blog, so you can pass it to your friends. Been there, done that.

What you do after the blog has been created - that's the fun part. Still, it's way less complicated, using Blogger One Button Publishing, than it was working with my one web site 10 years ago.

You can separate different tasks of web publishing into independent tasks.

Blogging, using a Blogger blog with a Layouts template, lets you separate Content, Structure, and Good Appearance, and make them independent tasks. You can work on each issue as you like, and when it suits your schedule. If multiple people work together on a blog, each person can be responsible for a different aspect of the blog.

The Content part, which is what you probably should spend the most time on initially, is the easiest to define. Write articles that contain information that's relevant to your reader's needs. Post each article, as written.

The blog Structure should be as important to you as Content. Structure lets your readers, having found your blog and read one or two posts, find other posts related to what they've just read. You need to group related posts, and separate unrelated posts. The blog structure starts with an Archives Index (an includable part of any Layouts template), which lists each post in the blog. The Archives Index is dynamic - as soon as you add a post, it's indexed. That's your base structure, and requires none of your time. Just write, and post.

As you continue, though, you can add more structure, both within the blog and outside it.

• Hyperlinks in the posts can link the posts thru relevant phrases in the text.
• Labels can link relevant posts through common keywords, or through a dynamic index similar to the Archives Index, and can be used to provide focused newsfeeds.
• Blogs can be grouped in clusters, using Custom Domains.
• There are other techniques for linking / dynamically merging multiple web sites, that can be relevant here.

You give up some control, of infrastructure, to gain ability.

Note that, unless you setup a blog that's externally hosted, using FTP Publishing, you'll only have control over the data. With a blog hosted by Blogger / Google, you give up control over ease of setup. You pick a template, and you make posts. That's all that you do - you don't setup folders, or files - that's all up to the Blogger wizards.

If you have an external blog utility, like a Google Webmaster Tools, that requires blog ownership verification, you will need to install meta tags into the template, not named files into the blog root. You'll have no ability to install named files, or to make named folders in the blog structure.

The Good Appearance is one of the most fun aspects of Blogging. Every blog owner has his / her own favourite templates, which are built using Cascading Style Sheets. If your blog uses a Layouts template, you can republish the blog in seconds, giving it a new look, using the "Pick New Template" wizard.

You can add, configure, or reposition accessories (aka "gadgets") within the template, using the "Page Elements" wizard. You can change the colors and text using the "Fonts and Colors" wizard. And each change is separate from the others - you can change to a new template, and a totally different look, without affecting the widgets. Or, you can change the colors in the blog, without affecting the posts content or the template.

For the best blog, balance your attention to each task.

I'm not going to tell you which of these aspects are the most important - they all have equal importance. Just setup a blog, and work on the blog, as you like. Use enough balance in each aspect, and some work publicising the blog, and you'll have readers. Then, watch what readers you get, and adjust as necessary. And when you make changes, test the changes, immediately after you make them.

You may benefit from reading the Blogger Getting Started Guide, and the Official Blogger FAQ. And when you need help, read how to ask for advice intelligently, and how to learn from advice provided.

And from time to time, look at other blogs and see what they are doing - maybe you'll see a new feature occasionally. If you see a new feature that interests you, ask yourself how this new feature works. And when you see other blogs that interest you, you can peruse them from time to time, at your convenience.

And that's Blogging, in a nutshell. Now, follow the links - and read the other articles.