Have you ever wanted to show all of your blog post from a single Label? 

It’s actually very easy to show all the blog post from one label, on a single webpage in Blogger, here’s how:

1) First we need a Label from our own blog, I’ll use the Label Blogger from this blog, as an example.

2) Next we need the URL/link of our Label, so for my Label Blogger, I go to my blog that already has a link to my Label (Blogger), & Right click –> Properties then copy the URL. My Blogger Label URL/Link looks like this: ( http://soswitcher.blogspot.com/search/label/Blogger )

Notice the name of my Label at the very end of the URL/Link (Blogger), that Label can be any Label that is on your own blog. Also you should know, that Labels are case sensitive.

3) Here is how we control the maximum number of Blogger blog post for a specific Label, on a single page. We already have the URL/Link from our Label (Blogger), now we need to add this small bit of code to the end of the Label ?&max-results=3 so now our Labels new URL/Link will look like this:

http://soswitcher.blogspot.com/search/label/Blogger?&max-results=3

The example URL/Link above will return the last three blog post from my blog, click here to see.

4) The last step is to put our new Label URL/Link into HTML code so we can use the link anyplace inside our blogger post, or a Blogger HTML/Javascript gadget. Here is how to do that:

<a href="http://soswitcher.blogspot.com/search/label/Blogger?&max-results=3">Blogger Label=3</a>

This text ( Blogger Label=3 ) can be anything you want it to be.

A few examples from my Blogger Label:

• Blogger = 2 results per page
• Blogger = 3 results per page
• Blogger = 5 results per page
• Blogger = 7 results per page
• Blogger = 9 results per page

NOTE:

In my example above I have a total of 11 blog post on this blog that include the Label Blogger, so any number higher than 11 will still only show 11 blog post. This can be a good thing, If you want to show a fixed amount of blog post (example=30).

Just remember it’s annoying to have a single webpage with long blog post that runs on forever, so don’t over do it. :)

Again, all Blogger Labels are case sensitive, so make sure you don’t use blogger instead of Blogger, for our example, because my Blogger Label started with an uppercase B.

dxf file

This is a quick tutorial on how to embed a small flash mp3 player into a Blogger post.

We will use Google Sites to host all of the files (flash, javascript, & mp3) for this project, you can find out more, on how to host files for free from my previous post Blogger - Host Javascript File for Free

1) The first thing we need to do is visit 1pixelout.net & download the audio-player.zip file that includes all the necessary files.

2) Unzip the audio-player.zip file that you downloaded from 1pixelout.net

3) we need two files from the audio-player folder

• audio-player.js
• player.swf

4) We need to rename audio-player.js as a text file to be hosted on Google Sites, since Google Sites won’t allow us to host javascript files, again you can learn how that’s done by reading this post. So our audio-player.js should now look like this example: audio-player.txt (notice the .txt extension)

5) Upload both the audio-player.txt & player.swf to your own Google Sites webpage. The Url’s should look similar to the links below:

• audio-player.txt = http://sites.google.com/site/YourSiteName/mp3player/audio-player.txt
• player.swf = http://sites.google.com/site/YourSiteName/mp3player/player.swf

6) Go to your Blogger Account –> Layout –> Edit HTML, & then make sure the Expand Widget Templates checkbox is checked.

7) Find the </head> html tag, in your template, & past this code one line above it (remember to replace the http://sites.google.com/site/YourSiteName/mp3player/audio-player.txt link to your URL, on your Google Site, & also press the SAVE button below the Blogger Template editor:

<script language="JavaScript" src="http://sites.google.com/site/YourSiteName/mp3player/audio-player.txt"></script>

8) Ok the hard part is finished :), now each time we want to add a Mp3 to a Blogger blog post, we just need to add the code below, don’t forget to change the URL/links to your own links, & also change the actual Mp3 to your own mp3 that you host on your own Google Sites webpage for free:

(Download Mp3 Code Sample)

NOTE:

Anytime you want to add more than one Mp3 to a webpage you need to make sure to change the “Object Id” so that you won’t have any conflicts between each mp3 player, example audioplayer2 & playerID=2 the player name can actually be named anything you would like to name it, it’s just easier to add a number at the end of each name. :)Here is the finished mp3 player in action

Credit goes to http://www.1pixelout.net/code/audio-player-wordpress-plugin/ & http://www.macloo.com/

dxf file

I was reading this article today on MSN, that ask the reader If they should save or pay down debt? While reading this short blog style article, I noticed that starting in the second paragraph, the writer started embedding search strings for the new Bing search engine from Microsoft.

Microsoft, what a clever company it is…

What makes Microsoft so clever in this article, isn’t the article itself, it’s the long list of URLs that move the reader from the article to Bing search results pages.

What’s so clever about the way they are moving traffic away from this article, you say? Isn’t it just an average article with URLs, that just happen to be pointing to a search page? No, no my friend this is internet marketing at it’s best.

Search page marketing…

This article is setup to drive traffic to Bing. While the author of this article moves readers to a premade search string on Bing that will find higher paying strong Microsoft keyword Ads.

It looks like Microsoft is building their new Bing search engine, with the help of a small army of bloggers, embedding all their blog style articles with premade Bing search pages.

Bottom line is, everyone has an exit point on every webpage, with this technique Microsoft is moving their traffic to position readers in front of higher paying Ads.

Microsoft, very clever indeed…

Technorati Tags: Bing,Adsense,Google

dxf file

The Blogger Page Title by default isn’t SEO friendly to say the least. I added a Title tag code snippet to my blogger template ( Blogger - Change Page Title Tags for your Blog ) a while back. Everything looked good on my Page Title, but when I did a Google search for each of my page Titles, my blogs homepage always showed up, instead of each specific page Title, in the Google search results, which wasn’t what I wanted at all!

The answer…

I started searching for a better way of handling my blog page Title problem, what I found was a snippet of code that would change everything about my page Titles in a far better way than I was looking to accomplish. This new code snippet not only added my blogs specific page Titles to all my Google searches, for my blogs page Titles, it also added all my Labels to my Google Search results (Very Cool)!

By adding my Blogger Labels to the Title of each page, I’m adding keywords to the Google search results, so that moves my blog post one step closer to the top of Google search.

The code…

Below are the steps to add your Labels to your Blogger page Title:

1) Backup your blog template .xml file, to your local PC

2) Go to your Blogger Dashboard & Layout –> Edit HTML

3) Find the <title><data:blog.pageTitle/></title> tags at the top of your template, & delete them.

4) Add this code, above the <head> tag, at the top of the template :

<!-- Start Widget: Changing the Blogger Title Tag -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'><head>
<title>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:post.labels'>&#8212;
<b:loop values='data:post.labels' var='label'>
<data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'>,
</b:if>
</b:loop>
</b:if>
</b:loop> &#8212;
<data:blog.title/>
</title>
</head></b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/> AnyCustomTextHere</title>
</b:if>
<!-- End Widget: Changing the Blogger Title Tag -->

5) Replace the text AnyCustomTextHere in the new code snippet (towards the bottom of the code), with any text that you would like to show at the end of your blogs Title.

Note:

This code does have a couple of things I don’t really like, still it does a much better job at blog post SEO than the default Title tags, or any other Title tags I’ve tried on any of my Blogger blogs, not to mention adding all your Blogger Labels into Google Search results :

• If you want to change anything on your Blogger Dashboard Layout (edit gadgets, etc…) make the changes, but don’t click the SAVE button at the top right side of the screen. Blogger should still save your changes.
• If you want to add any new gadgets to the Blogger Layout, remove the entire Title code snippet, from the Blogger HTML editor, then save your template, paste the Title code snippet into another text editor (Windows Notepad), until you are done adding gadgets in the Blogger Dashboard Layout, when finished adding gadgets, replace the Title code snippet you saved inside of Windows Notepad.
• This new Title code snippet will also add all your comments from each blog post, to Google search results, I don’t like this feature & have tried to remove it, only to have blogger keep adding the code back to my Title tags, in the template, this is probably my biggest complaint about this code snippet, because each time someone adds a comment to your blog post, it will change your blog post rank in the search engines for better or worse.

Update:

Here is a link to a 2nd text file that includes similar code as this tutorial, this new code will only return Blogger Labels in the Page Title,  everything installs the same on both versions.

(Download Blogger Labels Only - File)

Update:

Here is a link to a 3rd text file that includes similar code as this tutorial, this new code will only return Blogger Titles (without labels) in the Page Title,  everything installs the same on all versions.

(Download Blogger Without Labels - File)

Technorati Tags: Blogger,Title,Page Title,Google

dxf file