Showing posts with label Blogger Tips. Show all posts
Showing posts with label Blogger Tips. Show all posts
 Blogger lets you create as many blogs as you'd like, but sometimes that means you may have a blog that's been abandoned for years and is sitting there collecting spam comments. So how do you delete a blog on Blogger?
Answer:
You can delete, export, or download your blog all in the same area.
1.      Log into Blogger using your Google Account.
2.     From your Dashboard (that's the area you see right after logging in that lists all your blogs) find the blog you want to delete.
3.     Click on the Settings link, which will take you straight to the Settings tab in your blog. 
4.     At the top of the screen, just under the tabs, you'll see a Delete blog link. Click on it. 
5.     Confirm that you want to delete it, and your blog will go away.


 If you've got entries on that blog you want to preserve, you should use the Export blog link just to the left of the Delete blog link before you delete your blog. You can either download your entries to your desktop or export it in a format that can be imported into other popular blogging formats. 

        I've got a confession. I'm a serial blogger. I find a new platform to play with every once in a while, and I'll start a new blog. I hate deleting that blog a year later just because I don't want to pay to host it anymore. I'd rather keep all my blogs, whether regularly updated or semi-maintained. Fortunately, I can keep them all in one place for free by using Blogger.

Moving a blog from WordPress to Blogger is actually fairly simple as long as you've got administrative access to your WordPress blog. Google's Chicago office is the home to an engineering team that actually makes this pretty easy: The Data Liberation Front. Their goal is to make it easy to move data to and from any Google tool, and while they don't have a tool to directly move your WordPress site to Blogger with a single click, they've simplified the process and host the open-source resources we need.

One thing that won't import is the general look and feel of your blog. That's handled by the theme. You can pick a new theme in Blogger, but you can't import your WordPress theme. 
First Step - Export 
The first thing you'll do to export your WordPress blog. If it's a single person blog you maintain, this usually isn't a problem.
1.      Log in to your account wherever you're hosting it. In my case, I'm using a blog hosted on my own domain with my own installation of WordPress software. You may have started a blog on WordPress.com. The process is the same. 
2.     Go to the Dashboard.
3.     Click on Tools: Export
4.     You'll get some options here, so if you want only the posts or only the pages, you can do that. In most cases, you'll want to export both.
5.     Click on Download Export File. 
You'll end up  downloading an export file with a name that looks something like "nameoftheblog.wordpress.dateofexport.xml" This is an XML file specifically designed as a backup of WordPress content. If your intent is to move your blog from one WordPress server to another, you're set. In this case we need to massage the data to get it to the format we need.
The Second Step - Conversion 
The Data Liberation Front hosts an open source project called the Google Blog Converters, which is designed to do exactly what we need. The WordPress to Blogger conversion tool will take that XML file and change the markup into Blogger's format.
1.      Upload your file using the WordPress to Blogger tool.
2.     Press Convert.
3.     Save your converted file to your hard drive. 
In this case, you're going to get a file named "blogger-export.xml." The only thing that's really changed is the XML markup.
The Final Step - Import
Ok, now you've got your old blog data converted to a format for Blogger. Now you've got to import that blog into Blogger.
You could start a new blog, or you could import your content into an existing blog. The dates of your posts will be whatever date they were on WordPress, so if you had an old blog you forgot about or didn't realize you could import, this is a good way to backfill your content. 
1.      Log into Blogger, and go into the settings for your blog. The steps you use to get there may vary a little, depending on whether you're using the old or new version of the Blogger dashboard.
2.     Go to Settings: Other
3.     Click on Import Blog
4.     You'll need to browse for your blogger-import.xml. (Don't try the original WordPress file. It won't work.) You may need to enter some CAPTCHA text. This is to prevent someone from using a script to hack your account and import a bunch of spam posts.
5.     Choose whether or not to automatically publish all posts. Uncheck this box if you want your posts to be imported as draft posts. It might be a good idea if you want to preview your work and make sure everything imported as expected.
Congratulations, you're done. Inspect your posts to make sure your images and content made the trip. 

Once everything is imported successfully, don't forget to let everyone know the blog has moved and hide your old blog. In WordPress, this is located in the Dashboard under Settings: Privacy. You should at least hide it from search engines, even if you elect to keep the posts publicly visible. You're welcome to leave both blogs as is, but this might be confusing to blog visitors. It might also impact your placement in Google search results, since duplicating content might make you look like a spam blog.


Seems like there's always an unusual case where you want to create a Blogger blog with a static home page instead of the reverse order blog posts instead. I see this question quite often in the forums and support pages of other sites. Though this isn't a typical configuration for Blogger, the recent changes in the new layout editor have made this easier than ever without having to spend time editing the template code as you had in the past.

Add the Static Home Page

The first step is to simply create a static page in Blogger called something like 'Home Page' from the Blogger Pages menu item. Don't call it 'Home' yet because we're going to alter the home link later. When you click on the 'Pages' left menu item in the Blogger editor main menu you'll see that there is already a 'Home' link on the screen. Ignore that for now--just go up to the 'New Page' drop down box and select the 'Blank page' option:

Blogger static pages


You'll now be in the Page editor which looks a lot like the Blogger Post editor. At the top enter a page name such as 'Home Page' or 'Main Page' for now and some default text - we'll alter it later. Just go ahead and press 'Publish':

Publish a Google Blogger page


You should now see two pages in your list; 'Home' and 'Home Page' like so:

Blogger Pages


Now that you've created a static page, the next steps are are a bit tricky since you need to make sure your static page becomes 'Home' and the old Home link is hidden especially if you want to use menus.

Redirecting the Blogger Home Page to a Static Page

The great thing about the new Blogger template is that you can redirect pages to other pages now in the 'Settings' menu. Oddly, it is buried deep within the Blogger settings under 'Search Preferences':

Custom redirects in Blogger settings


Go ahead and choose the 'Edit' text link just to the right of the 'Custom Redirect' item. Now, this is a very critical step - be sure to enter the following text into the From: and To: boxes in the Redirect dialog:



In the From: box enter only a forward slash - "/". In the To: box enter the exact page name - in our case it was "/p/home-page.html". All Blogger static pages have a /p in front of the URL. You can see that the html name was the page title we used, so if you used something else for your title like 'Main Page' then the html would be /p/main-page.html.

Go ahead and press the little 'Save' text link and then the 'Save changes' button highlighted in the image above. What's now going to happen is that your main URL will redirect to the static page you've created. Go ahead and try to access your blog now - you should go directly to the new static page from the main URL.

All is good, right?? Well, not quite. If you want to enable visible tabs for Pages on your template the problem is going to be that you'll have two menu items called 'Home' and 'Home Page' on the tab bar both redirecting to your static page.  However, if you don't care to add Pages as tabs (they're not enabled by default) - you can stop at this point. Your static home page is ready to go!

Enabling Tabs for a Static Blogger Homepage

The very last step is to hide the original Home page link and add a page link to your blog pages so that the visible tabs work correctly. First, enable tabs from the Pages menu:

Blogger Page tabs

Be sure to press 'Save arrangement' in the upper right of the screen (not seen here)!  When you go to your home page you should now see the tab bar across the top of your blog. However, now when you click on either Home or Home Page you're going directly to your new static page. What you have to do at this point is hide the original 'Home' Page using the Layout editor. Open the Layout using the editor from the Blogger main menu:



Choose the 'Edit' text link in the Pages item within the layout. This is going to allow you to hide particular pages. Once you open the Pages layout editor you'll notice that you can hide certain pages:

Be sure to un-select the check box right next to the 'Home' page to make sure it stays hidden. Press 'Save' to hide that particular tab.

The final step is to add another Page that links to the blog posts directly. This isn't something you have to do - your blog posts can still show on the right sidebar in the layout. However, if you do want to get back to the main blogging page that has the last posts together, you'll need to add a link back to them. Once we changed the Home page link to the static page there's no longer any links to the main Posts page.

NOTE (March 2014): Blogger has moved this function from the Pages section below to the Pages Gadget above. You don't add external links here but add them in the Gadget - will be updated soon. Go back into the main Blogger Page menu to add your link back as a menu tab. The first thing you'll notice is that the old Home page is now Hidden:


The key final step here is that you will be creating a 'Web Address' page instead of an actual Page. Create a new web address page called something like 'My Blog' to be your link to the Posts like this:


Adding a Blogger web link page

The link you need to enter is simply your full main, blog page URL (in my example page it is http://statichomepage.blogspot.com) with the addition of '/index.html' added to the end of it like this:

Linking back to the Blogger blog main page

You're done!! If you look at your blog now, you'll see the top tab bar now has a Home link and a My Blog linked correctly to the right pages. I've created a sample site to show you the final outcome. Just click on the picture here to see it. Enjoy!!!



Facebook Logo
When I started this post I had the preconceived notion that automatically posting from Blogger to Facebook would not be an issue at all. For some reason in the back of my mind this was as simple as using email notification to the Facebook email-to-post feature, or using Google's Feedburner.

Well, I was quite wrong about this. Trying to use the email-to-post feature in Facebook only added the blog name and title to my Facebook wall with no content or links. From Feedburner, it looked like Facebook might work but they're only supporting Twitter in their socialize feature.

Now, there are a number of Facebook plug-ins such as RSS Graffiti you can use to grab your blogger RSS feed and post it to your wall. However, I found another tool so useful that I think this might be the easiest path for anyone to use.

If This then That - or, If Blogger then Facebook

A new online utility has appeared that can simply move your social postings around between sites called IFTTT.com (or, in other words, If This, Then That). It is so incredibly intuitive and easy to use that I had no issues setting it up.

I won't lead you on how to setup an account - you'll just need a user name and password - that's very easy to do. As you start you'll just need to activate and register your Blogger account and select your desired blog like this:

Activate your Blogger account

And then tie your Blogger blog to the IFTTT account:


Tie your Blogger Blog to IFTTT
Once registered your first step is to 'Create a Recipe' - and in our case it is going to be from Blogger to Facebook:

Using IFTTT


Simply click on the blue 'this' text to select Blogger as you source choice:

Selecting Blogger as the This Choice

You can see that there are many options for source - I've highligted the Blogger button. Next, just 'Choose a Trigger' type. In this case we want new Posts to be published to Facebook. However, you might want the second label option:

Posting from Blogger for Any New Post
Go ahead and select 'Any new post' for now. Now you will see the Trigger that will kick off the event.

Blogger Trigger to Post

Just select the 'Create Trigger' button to continue. You're going to be directed now to the action that occurs when you trigger off a Blogger Post. Just select the 'that' blue link to continue:

Now you'll see the full list again of social media sites. There are some great options here - but, for our tutorial just click on the 'Facebook' icon:


If this is your first time into IFTTT then you'll need to register your Facebook account much like how you did your Blogger account. Be sure you're logged into your desired Facebook account first.

Activate your Facebook account

Now you'll have to make a selection if you want the Blogger post to be fully copied to Facebook, or, just a link back to the blog. I prefer the second option 'Create a link post'  - but you make your choice:

Triggering an Action to Post to Facebook

This is the tricky part - how you want the message formatted on your Facebook page. You can certainly experiment with this - but, you'll want to Create an Action that has the URL in the link field and the subject with your own text mixed with your blog post:

Action Fields for Facebook Wall

Just press 'Create Action' when done and you should have something like this:

Final Blogger to Facebook Action
You can see I used the PostContent field - but, you certainly don't have to fill your wall with the full Blogger post.  Your connection is now ready!!

If Blogger then Facebook

Now that your link is active you can test it by posting to Blogger, then jumping over to IFTTT.com and clicking on the Recipe you just created and selecting the 'Check' button on the right side of the screen like so:

This normally runs every 15 minutes - but, by clicking on Check your post will appear on Facebook in seconds.

A Great tool in my mind!  Enjoy!!
In Part 1 and Part 2 of Adding MP3 Files to Blogger we walked through creating a free storage location for the MP3 files and uploading them to be visible publicly. The next step is finding the right embedded player to best work with Blogger.

One thing you need to be concerned with is cross-domain scripting security with this configuration. Since Blogger is attempting to call the MP3 files on a Google Sites domain you'll find that many companies or browser defaults will not allow this configuration. For example, this domain is bloggertipspro.com and the MP3 sample is located at sites.google.com (or google.com). Many security configurations don't like this since external domains can be untrusted from the original domain.

Until Google allows files uploaded directly to Blogger you'll have to live with this limitation. In these examples you may or may not see or hear the audio samples depending on where you are accessing this web page.

Option 1 - Embedding a Google Gadget in Blogger


I did some searching online and found the following Google gadget player calledniftyPlayer. The key to using niftyPlayer is to link to the gadget site and then to your same Google Sites MP3 gmodules page as you did with your files in Part 2.

As you can see I've added the script for niftyPlayer - there are formatting options within the script parameters. You can set the background color, the border. To do that just set these values -

up_wmode=opaque
up_bgcolor=%23RRGGBB (where RRGGBB is your background color)
To turn off the border set border=%23ffffff%7C0px%2C0px+....

Once you've set the parameters, place this code in your post as HTML where you want it:


<div>
<script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/101762205312958577209/nplayer17_0.xml&up_file=http://sites.google.com/a/bloggertipspro.com/mediafiles/mp3/Future%20Gladiator.mp3?attredirects%3D0&up_wmode=transparent&up_bgcolor=%23ffffff&up_as=0&synd=open&w=365&h=37&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
</div>

This seems to work in all browsers (IE, Firefox, Chrome). NOTE: this does not work on iOS devices such as iPhones and iPads due to not having Flash. I would suggest offering two players if you need iOS. Hopefully, your security settings should allow this to be visible here:

Gadgets powered by Google


Option 2 - Using the Yahoo Embedded Media Player

Another option is to use the javascript media player provided by Yahoo. This works pretty well, however, I don't like the player on the left side of the window - plus, it seems to have trouble in Firefox. Just paste this code with your mp3 file where you want the player:


<a href="http://sites.google.com/a/bloggertipspro.com/mediafiles/mp3/Future%20Gladiator.mp3">Play Song</a>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js">
</script>

Play Song

  

Option 3 - Using an IFrame of a Google Site Widget

With Google Sites users were allowed to create widgets for various functions. Fortunately, an industrious person developed this iframe plug-in. This is one of the few options that works better with browser security because the frame is a window within a window - copy and past this code if you like it (seems to work in all browsers):


<iframe title="Embed Music" width="300" height="45" scrolling="no" frameborder="0" id="1321430542" name="1321430542" allowtransparency="true" class="igm" src="//urlaacjrode9jse93p741t2n1ibbufaq-a-sites-opensocial.googleusercontent.com/gadgets/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/105629041657992777031/embed-music.xml&amp;container=enterprise&amp;view=default&amp;lang=en&amp;country=ALL&amp;sanitize=0&amp;v=6ced7fd38a9bccd&amp;up_hide&amp;up_loop=false&amp;up_auto=false&amp;up_bg&amp;up_mime=audio/mpeg&amp;up_url=http://sites.google.com/a/bloggertipspro.com/mediafiles/mp3/Future%20Gladiator.mp3&amp;libs=core:dynamic-height:idi&amp;mid=144&amp;parent=https://sites.google.com/site/mori79/html-gadgets/media-players#st=e%3DAIHE3cCkXTmVvxP0ZRAHEXp17OlOvBFg6Xw008LDGZSE%252F1fBKexUW%252BeMXTo%252FSYAabcN%252FtKDMOM8MqiEQfTIjSiO6W77yTW9QlA%252F%252Bz7Yl0dVKwOWuo5uu7TPbl%252FtDNjfh5HX0J%252FceG%252Fjn%26c%3Denterprise&amp;rpctoken=1639199637196496882"></iframe>


Option 4 - Wait for HTML5 Compatible Browsers

HTML5 was developed with multimedia in mind. Some of the newer browsers have the new <audio> tag that will, in the future, allow you to play media without a Flash player. However, this is still cross-domain scripting which may be blocked (does not work in Firefox yet):


<audio controls="controls">
  <source src="http://sites.google.com/a/bloggertipspro.com/mediafiles/mp3/Future%20Gladiator.mp3" type="audio/mpeg;codecs='mp3';" />
Your browser does not support this audio
</audio>

Powered by Blogger.
Blogger Template by blogger.com