Fun and Handy Blogger Add-ons
When adding resources to the new Links section I came across quite a few Blogger add-ons and features. And if you’re a Blogger user or otherwise visit Blogger’s main page, you may have seen that there are more new ways to tap into blogging your blog, even using your cell phone!
For those not familiar with Blogger, it’s a handy, convenient content management system with optional archiving capabilities and much more—and you can use it even if you don’t know HTML. I initially tried it with clients in mind so they could easily make content changes to their sites themselves (and without messing up the HTML and page layout).
Edit content directly from your site with remote editing.
The latest add-on feature that I’ve implemented here at Brainstorms & Raves is a remote editing capability. What does that mean besides sounding like Dick Tracy? I can go to any of the entries right at the site, click on a (hidden) remote editing link for each entry and edit that post directly within a Blogger pop-up window, without having to go to the Blogger site. It’s really handy for editing!
I’ll show you how.
As I read Blogger’s instructions to implement remote editing, including the discussion at Blogger, I learned what others have done to get this feature to work, so I’ll pass this along to try yourself. So far, I’ve tested this in Internet Explorer 5.5, Opera 5.12, and Netscape 4.72 (all for PC), and it works in each one. Since it’s only for those authorized to edit your blog, you just need to make sure it works for whatever browser is used for editing.
Don’t worry if you’re not a programmer. It’s really just a matter of doing some careful copy/paste of the code. I’m not a programmer either - my expertise is design and development.
Let’s add remote editing to your Blogger.
- First, make a backup copy of your template. That way you can go back to that or start over if you wish.
- Within your Blogger template, add the
<$BlogScript$>tag between your head tags:
- The next step is to add Blogger’s remote editing tags within your Blogger body tags. Add the
</BlogItemEdit>tags inside the
</$BlogItemBody$>tags something like this:
The area between the
<BlogItemEdit>tags will be available for remote editing.
- The next step is to add the remote editing link that you’ll be able to click on at your site.
<Blogger> </Blogger>tags. Feel free to copy/paste the code below into your own template.
- The code above uses the word 'edit' to reveal where the link will appear on your page. You can change that to whatever word you wish, or change it in some way with a font color perhaps to make it more obscure or hidden.
- Ready to upload your template and try it out? All the code has been added and you can go ahead and upload it. Give it a whirl.
- Still logged in with Blogger, go to the main page of your web site, locate and click on the remote editing link. A separate popup window should appear. (See the screenshot to see what it looks like.) You can then edit your blog.
If you get an error message or have some other problem:
- carefully check your work and make sure you’ve inserted the tags correctly,
- make sure you’re still logged in to Blogger.
If all that checks out OK and it still doesn’t work, check the remote editing discussion at Blogger, as they may have the answers there or can assist further.
TIP: I have a separate testing blog that I use for experimenting, so you might consider setting up a separate 'experimenting' blog if you don’t want to experiment on your main blog.
Remote Editing Link
Can visitors see the remote editing link or access your blog account with the remote editing link? Your blog account is only accessible with the password. So even if the link is visible, your visitors can’t access editing capabilities just by clicking on the link.
To make the link invisible:
I found that if I totally removed text for the link that I couldn’t find the link in Internet Explorer 5.5 (PC version), although it worked fine in Opera 5.12 without any text for the link. So for mine I’ve used a small text character with a font color that matches the background. Someone may find it hovering the mouse around the page for awhile, but it’s not accessible without the user ID and password anyway.