Image Source: wnuff.blogspot.com
1) Firstly go to Layout menu on Blogspot page editing menu
2) The click on Add a Gadget from the Layout.
3) Select Slideshow
from the list of basic gadget features available.
4) Now you can configure the slideshow by
displaying the photos of your own. By default it is rotating with Sunset
images.
How To Configure The Blogspot Slideshow To Display Your Own Photos?
1) To allow the Slideshow to display your own photos, first of all you need a
source which stored your images.
2) There are a few available sources such as “Picasa Web Albums”, “Flickr”,
“Photobucket”, and Other.
3) In this article, I will only explain on how to
display your own photos using the source from Picasa Web Albums.
4) Hence, it means you will need to have a Picasa Web Albums before you can select
it as a source of displaying your photos. For more information about Picasa you may refer to another section
of this article about Picasa Web Albums.
5) There are 2 methods to display the photos you
stored on Picasa Web Album via the Source
in slideshow configuration. The first method is pointing the source to “Picasa Web Albums” itself, while the
second method is pointing the source to “Other”.
6) I prefer to use the “Other” source method as it will be much easier by referring to the
URL of your album, instead of required your Username.
Please
take note that before you able to point to the source of your photos, you need
to ensure the photos you added in your Picasa
Web Albums are display as public. Method 1 – Pointing Source to “Picasa Web Album”:
1) Select the Source = “Picasa Web Albums” from the dropdown list.
2) Then choose the Option as “Album”,
instead of Keyword.
3) Input your Picasa Web Albums Username.
Note: Your
Picasa Web Albums Username will be
something like this:
Username =
123456789012345678901
4) Select your albums from Album dropdown list (if you have more than 1 album in your Picasa
Web Albums).
Finally
your image will load on the Preview,
where you can choose the speed of rotation from Slow, Medium, or Fast.
Method 2 – Pointing Source to “Other”:
1) Select the Source = “Other” from the dropdown list.
2) Go to your Picasa Web Albums and select the album which you stored your photos
to be displayed.
3) Open the Album and you will navigate to a link
with something like this: https://picasaweb.google.com/...
4) Click on the small RSS icon on the right of
the screen. Then copy the URL of the page you landed on. The URL looks
something like this: https://picasaweb.google.com/data/feed/base/user/123456789012345678901/albumid/1234567890123456789?alt=rss&kind=photo&hl=en_US
5) Now paste the URL the Feed URL of the slideshow configuration.
6) Wait for the Preview loading, and finally you will see your photos displayed on
the Preview, where you can choose the speed of rotation from Slow, Medium, or
Fast.
Image
Source: wnuff.blogspot.com
How To Upload My Photos On Picasa Web Albums?
1) You need to have a Gmail account before you
can use Picasa Web Albums.
2) Since you are looking for information on how
to solve the issues you encountered on Blogspot, I presume you already own a
Blogspot account and by default you should have already own a Gmail account.
3) Open the URL https://picasaweb.google.com/home,
then click on Upload button.
4) Create an album to store the photos which you
would like to be displayed as a Slideshow on your blogspot. Then upload the
photos you would like to be viewed as Slideshow on the album.
5) Remember to set your album permission to be Public.
6) Here you done and now you can point the Slideshow source to your Picasa Web
Albums created.
After done successfully configure your
customized photos to be displayed on Blogspot Slideshow Gadget, now I guess you will be wondering the same like
me as previously. Where encountering the issue of “Why the image displayed on
the Slideshow are so small and it is not fitting the size of what I want?”.
To solve this you need to manually
change the slideshow width and height. Don’t worry, this don’t require you to
have another Bachelor Degree on Programming before you can change the code.
Just follow a few simple steps below and you will achieve what you want the
Slideshow to be.
How To Change Blogspot Slideshow Width and Height?
1) Go to your Blog’s Dashboard.
2) Click on Template
from the left menu panel.
3) Click on Edit
HTML in your Template and toggle to “Expand Widget Templates”.
4) You will see a bunch of colourful HTML codes.
To make it simple, search for the exact code that we are going to change. Press
CTRL+F, then search for: <div
class='slideshow-container'
5) At the end of this line of code, before the >,
add: style='width:160px;
height:300px;'>
6) Change the Width and Height to the
size which fit your preference.
7) Save the template and you are done with the
end results of what you want to achieve.
8) Below is the sample of the Template code
changes on the section for the widget which should looks something similar like
this:
Image
Source: wnuff.blogspot.com
Hope this article helps to solve your problems, if you have any feedback or suggestion on a better way of achieving this, do
feel free to drop your comments below. It would be my pleasure to learn from
you and exchange experience with.
No comments:
Post a Comment