Showing posts with label Gadgets for Blogger. Show all posts

How to Add Missing Quick Edit Wrench to Blogger

In this Blogger tutorial (Blogspot tutorial) I show you how to add a quick edit wrench to Blogger if it is missing from a Blogger gadget. Check here to find a solution for a missing quick edit pencil not showing in Blogger

The quick edit feature allows you to edit a Blogger gadget directly from the blog itself rather than having to go through the Design > Page Elements screens and then finding the actual widget itself before you can edit it.

Heaps of times I have downloaded custom Blogger templates only to find that there are lots of omissions compared to a default Blogger template. If you are using a custom Blogger template with the quick edit feature missing here is a step by step guide to insert the missing quick edit feature into your Blogger template

The quick edit can be missing from anywhere in your Blogger template. I have chosen to use the sidebar for this tutorial but the solution works wherever the quick edit feature has been removed or never inserted in the first place.

Tutorial Difficulty rating: Easy
Time: Less than 5 minutes
Suitable for all levels of Blogger expertise

How to Add the Quick Edit Wrench to a Blogger Gadget

Login to Blogger
Go to Design > Edit HTML
Check the Expand Widget Templates box
Using CTRL + F buttons together bring up the search box
Enter the following search term

</b:includable>
Scroll through your Blogger template. You will see that every instance of </b:includable> is highlighted in yellow.
Once you come to the sidebar widgets which is the most likely place for the quick edit to be missing from look for something like the following (this will vary from template to template). This is the start of the first sidebar if you had a template with a two column sidebar

<b:section class='sidebar' id='sidebar1' preferred='yes'>
Now look at the picture below. You can see that this is the code for a Javascript/HTML widget as shown in red
Just identify the widget that has the missing quick edit feature and add the following line of code immediately before the </b:includable>

<b:include name='quickedit'/>
Use the Preview button to check your changes before committing to them
Don't forget to click on Save Template

In this Blogger tutorial (Blogspot tutorial) you have learned how to fix a missing quick edit button often missing from custom Blogger templates. No matter where the quick edit button has been omitted (sidebar, footer, header etc) it can be added in to a Blogger template very easily so that a Blogger gadget can be edited without having to go through the Blogger design screen.

Related Articles
List of Blog Know How Tutorials for Blogger Blogs
How to Fix the Quick Edit Pencil when it is not Showing Up in Blogger Blogspot
How to Fix a Missing Embedded Comment Form in Blogger
How to Fix Common Problems in Blogger

How to Add a Flickr Slideshow Gadget to Blogger

In today's Blogger tutorial I am going to show you how to add a Flickr Slideshow (Flickr Photostream) to a Blogger blog (Blogspot blog). This Blogger tutorial is suited to beginners and newbies to Blogger and contains step by step instructions to create your Flickr slideshow.

This Blogger slideshow tutorial covers the steps to insert a slideshow widget (slideshow gadget) in the sidebar or footer of Blogger and display a set of images uploaded to Flickr. Note the maximum number of images displayed in the slideshow is 20.

There are several different methods to add a Flickr slideshow to Blogger. Which method you use is largely dependent on your own individual requirements. I cover two different methods in the tutorial.

Method 1 - Add a Flickr Slideshow Gadget to Blogger - Photos in photostream are not organized into sets

Method 2 - Add a Flickr Slideshow Gadget to Blogger to display images that are organized in a set

Method 1 - Add a Flickr Photostream to Slideshow Gadget in Blogger

If you will only ever add one slideshow to Blogger from Flickr and don't want to bother with sets use this method to quickly and easily add your Flickr slideshow to Blogger:

Go to Flickr and find your Photostream link. On your home page when logged into Flickr you will see Your Photostream at the top left under the Flickr salutation
Click on the Your Photostream link and copy the photostream id from your browser address bar.

http://www.flickr.com/photos/27647187@N07/
It will look something like this. Copy the identifier eg 27647187@N07
In Blogger go to Design > Page Elements
Select Add Gadget from the sidebar or footer depending on where you want to place your Flickr slideshow
Choose Slideshow from widgets in the Basics list
Choose a title for your slideshow or leave blank
Under Source use the drop down menu to select Flickr
Under Option select User
Under Username enter you Flickr Photostream id eg 27647187@N07.

Note:If you have entered your Flickr Photostream id correctly you will be able to see a preview of your slideshow.
Click on Save and then View Blog to see your new Flickr slideshow in action on your Blogger blog

Method 2 - Add a Flickr Photostream Set to a Slideshow Gadget in Blogger

If you use sets in Flickr to organize your photos and images you will need to use a slightly different method to install a Flickr slideshow into Blogger.

Log on to Flickr
Upload your photos and create sets to organize your photos if desired
Go to view your sets in Flickr and select the set you wish to use for your Blogger slideshow
In your browser window you will see a URL address similar to the following:

http://www.flickr.com/photos/27647187@N07/sets/72157624508265319/
There are two important parts to this address that you need to note because we will be using these to create our slideshow:
- Your photostream - designated by something similar to 27647187@N07
- The id of the set - designated by something similar to 72157624508265319
In a different browser window log on to Blogger if not already logged in
Go to Design > Page Elements
Select Add Gadget from the sidebar or footer depending on where you want to place your Flickr slideshow
Choose Slideshow from the list of Basics Widgets
Click on the blue plus sign to the right of the Slideshow gadget to activate and configure your Blogger Flickr Slideshow
Choose a title for your slideshow or leave blank
Under Source use the drop down menu to select Other (Note do not select Flickr if you are using a set as this will not work - see Method 1)
In the Feed URL section enter the following feed:

http://api.flickr.com/services/feeds/photoset.gne?set=72157624508265319&nsid=27647187@N07&lang=en-us&format=rss_200
Substitute your photostream id (this will unique to your Flickr account)
Substitute the id of the set of images you wish to display
Leave the speed of the slideshow at medium unless you specifically need it to be faster or slower
Click on Save
Click on the View Blog link to admire your new Flickr slideshow

In today's Blogger tutorial you have learned two different methods to add a Flickr slideshow to Blogger. Both methods use the Blogger Slideshow Gadget but the difference between them is that method 2 shows you how to use a selected part of your Flickr photostream to create a Blogger slideshow for your blog instead of your whole Flickr photostream. Hope you have lots of fun with this Blogger slideshow gadget. Enjoy!

Related Articles
List of Blog Know How Tutorials for Blogger Blogs

Add a Twitter Profile Widget to Blogger

If you use Twitter then you are going to want to let your Blogger readers know about it. One effective way to show your Twitter updates on Blogger is to add a Twitter profile widget to the sidebar of your blog. This widget is quite a bit more fancy than the current Twitter Updates Widget available through Blogger which I showed you how to insert into your blog in my recent article Add a Twitter Updates Widget to Blogger. On the minus side the widget may slow your blog down so test it out first if fast loading time is crucial to you.

How to Insert a Twitter Profile Widget into Blogger

Go to Twitter Widgets and sign in
Choose Profile Widget and you will be taken to a default profile widget page where you can customize your Twitter widget according to your needs.
Choose Settings and make sure that your username is correct
Choose Appearance and make any custom color changes you need to so that the widget will blend into your blog. At the very least you will need to change the shell background and the links colors to suit your blog
Choose Dimensions and change the sizing of the widget if it is too large to fit into your Blogger sidebar. The default setting is 250x300
Click on Test Your Settings to ensure your new widget looks the way you want it to
Click the Finish and Grab Code button
Copy the code by right click the mouse in the code box and choosing Select All. Right click again and choose Copy
Sign in to Blogger. From the Dashboard go to Layout | Page Elements
In the sidebar choose Add a Gadget and then a HTML/Javascript widget
Paste the Twitter code into the gadget content box and click Save
Your Twitter Profile Widget will now be showing in your Blogger sidebar so click on View Blog to admire it