Bloggers'-Addons

Embed Google Map Locations Using YourGMap

2006-07-04T10:23:00.000-05:00

YourGMap lets you enter your locations in Google Maps and link to your map in their site or embed the map into your website using IFRAME TAGS.

1. Register with YourGMap.
2. Create a map.
3. Enter the Locations in your map. You can also add texts to describe your locations.
4. Customize how your map will look like by choosing a map type, zoom level, center location, and UI options (allow dragging?, show navigation/zoom controls, show type selector -map/-satellite/-hybrid) in Map Settings.
5. Customize your Marker Settings.
6. Now, change the Export Settings for your map. You can customize the size of the map and how you want your map to be exported - you can have a link to a page on their servers or embed the map into your website.
7. Finally Preview & Publish your map. Here you will be given a code that you can use on your website to embed or link your map.

You can view an example of an embeded YourGMap in a website here.

Create Javascript Picture Galleries

2006-07-03T08:53:00.000-05:00

Here's an easy way to add picture galleries (with thumbnails) into your blog site. Note that the procedure presented here is for Blogger and Hello users only. This tutorial will help you easily embed picture galleries which you have uploaded using Hello. Follow the step by step procedures below on how to create your picture gallery using javascript.

1. Post/Upload your pictures to your blog using Hello.

2. After uploading, Edit/View your post source code in your Blogger account (Posting->Edit posts).

3. Copy the URL path to your pictures. You shuold see two URL path for your uploaded pictures: (Here's what it looks like on my account. Note: get only the folder path)
3.a. "http://photos1.blogger.com/hello/83/4276/1024/" -- This should point to your large image folder(Note: the "1024" may change on your account, it may be "1600" or any other value depending on the full picture size you have set in your Hello Settings).
3.b. "http://photos1.blogger.com/hello/83/4276/100/" -- This should point to your thumbnail image folder(Note: the "100" may change on your account, it may be "400" or any other value depending on the thumbail size you have set in your Hello Settings).

4. Now copy the codes below to your favorite text editor.

<p align="center"><script> var preurlimage="http://photos1.blogger.com/hello/83/4276/1024/"; var preurlthumb="http://photos1.blogger.com/hello/83/4276/100/"; function changeimage(towhat){if (document.images){document.images.targetimage.src=towhat.src; gotolink=towhat.src;}} function warp(){window.location=gotolink;}var myimages=new Array(); var gotolink="#"; function preloadimages(){for (i=0;i<preloadimages.arguments.length;i++){myimages[i]=new Image(); myimages[i].src=preurlimage+preloadimages.arguments[i]; document.write('<a style="cursor:hand;" onClick="changeimage(myimages['+i+'])"><img width="50px" height="50px" border="0" class="phostImg" src="'+preurlthumb+preloadimages.arguments[i]+'" alt="'+preloadimages.arguments[i]+'"></a>');}}</script> <script>preloadimages('kitanglad01.jpg', 'kitanglad02.jpg', 'kitanglad03.jpg', 'kitanglad04.jpg', 'kitanglad05.jpg', 'kitanglad06.jpg', 'kitanglad07.jpg', 'kitanglad08.jpg', 'kitanglad09.jpg', 'kitanglad10.jpg', 'kitanglad11.jpg', 'kitanglad12.jpg', 'kitanglad13.jpg', 'kitanglad14.jpg', 'kitanglad15.jpg', 'kitanglad16.jpg', 'kitanglad17.jpg', 'kitanglad18.jpg', 'kitanglad19.jpg', 'kitanglad20.jpg', 'kitanglad21.jpg', 'kitanglad22.jpg', 'kitanglad23.jpg', 'kitanglad24.jpg')</script>
<a href="javascript:warp()" width="100%"><img width="100%" src="" alt="Click on the thumbnails above to preview and load the images here." name="targetimage" border=0></a></p>

5. Change the two quoted URL paths listed below to the URL path you retrieved in step 3.
5.a. "http://photos1.blogger.com/hello/83/4276/1024/"
5.b. "http://photos1.blogger.com/hello/83/4276/100/"

6. Also, change the image filenames inside the "preloadimages()" functions to the jpeg file names that you have uploaded using your Hello. In my example I have: 'kitanglad01.jpg', 'kitanglad02.jpg', 'kitanglad03.jpg', 'kitanglad04.jpg', 'kitanglad05.jpg', 'kitanglad06.jpg', 'kitanglad07.jpg', 'kitanglad08.jpg', 'kitanglad09.jpg', 'kitanglad10.jpg', 'kitanglad11.jpg', 'kitanglad12.jpg', 'kitanglad13.jpg', 'kitanglad14.jpg', 'kitanglad15.jpg', 'kitanglad16.jpg', 'kitanglad17.jpg', 'kitanglad18.jpg', 'kitanglad19.jpg', 'kitanglad20.jpg', 'kitanglad21.jpg', 'kitanglad22.jpg', 'kitanglad23.jpg', 'kitanglad24.jpg'

7. Check your code and delete any breaklines that you may have included during editing. Note that this step is optional and is needed if you have set in your blog posting settings to automatically insert "<BR />" on carriage returns in your posts.

8. Save your post. You may be warned "Your HTML cannot be accepted: Tag is not allowed: <script>", just check the "Stop showing HTML errors for this post" option and save again.

9. Preview your post in your blog site and see if your picture gallery was successfully created.

You can see my working example here.

List of All Blogger's Addons

2006-06-20T09:21:00.000-05:00

Here are the list of all Blogger's Addons featured in this site. The list also shows in which category it belongs plus some short descriptions.

List of Spreadsheet Addons for Blogger

2006-06-20T08:51:00.000-05:00

Here is a list of game addons for your Blogger(Blogspot) site.

List of Survey Addons for Blogger

2006-06-20T08:38:00.000-05:00

Here is a list of survey addons for your Blogger(Blogspot) site.

List of Map Addons for Blogger

2006-06-20T08:24:00.000-05:00

Here is a list of map addons for your Blogger(Blogspot) site.

List of Online Status Addons for Blogger

2006-06-20T08:15:00.000-05:00

Here is a list of online status addons for your Blogger(Blogspot) site.

List of Database Addons for Blogger

2006-06-20T08:00:00.000-05:00

Here is a list of database addons for your Blogger(Blogspot) site.

List of Game Addons for Blogger

2006-06-20T07:38:00.000-05:00

Here is a list of game addons for your Blogger(Blogspot) site.

List of Quiz Addons for Blogger

2006-06-20T07:32:00.000-05:00

Here is a list of internet quiz addons for your Blogger(Blogspot) site.

List of Trackback Addons for Blogger

2006-06-20T07:27:00.000-05:00

Here is a list of trackback addons for your Blogger(Blogspot) site.

List of Smilies and Emoticons Addons for Blogger

2006-06-20T07:24:00.000-05:00

Here is a list of smilies and emoticons addons for your Blogger(Blogspot) site.

List of Guestbook Addons for Blogger

2006-06-20T07:23:00.000-05:00

Here is a list of guestbook addons for your Blogger(Blogspot) site.

List of Ads Addons for Blogger

2006-06-20T07:20:00.000-05:00

Here is a list of ads addons for your Blogger(Blogspot) site.

List of Music Recommendation Addons for Blogger

2006-06-20T07:18:00.000-05:00

Here is a list of Music Recommendation addons for your Blogger(Blogspot) site.

List of To-Do List Addons for Blogger

2006-06-20T06:57:00.000-05:00

Here is a list of to-do list addons for your Blogger(Blogspot) site.

List of Video Addons for Blogger

2006-06-20T06:45:00.001-05:00

Here is a list of video addons for your Blogger(Blogspot) site.

List of Poll Addons for Blogger

2006-06-20T06:45:00.000-05:00

Here is a list of Poll addons for your Blogger(Blogspot) site.

List of Site Rank Addons for Blogger

2006-06-20T06:44:00.000-05:00

Here is a list of site rank addons for your Blogger(Blogspot) site.

List of Site Meter Addons for Blogger

2006-06-20T06:42:00.000-05:00

Here is a list of site meter addons for your Blogger(Blogspot) site.

List of Tagboard Addons for Blogger

2006-06-20T06:39:00.000-05:00

Here is a list of tagboard addons for your Blogger(Blogspot) site.

List of Photo Album Addons for Blogger

2006-06-20T06:26:00.000-05:00

Here is a list of photo album addons for your Blogger(Blogspot) site.

List of Calendar Addons for Blogger

2006-06-20T06:22:00.000-05:00

Here is a list of calendar addons for your Blogger(Blogspot) site.

About Blogger's Addons

2006-06-19T19:29:00.000-05:00

Firstly, this site is in no relation with Blogger, Blogspot and Google. That is why we attached the "(unofficial)" suffix to our site name.

This site was created to guide Blogger users in adding more features to thier blog sites. Our list of Blogger Addons will continue to grow as time goes by. We will be featuring recent and previously available addons to spice up your blogspot site. In addition we will be posting How-Tos to guide everyone on their addons.

This site, Blogger, Blogspot and Google will not be responsible to any mishaps that may occur on your site using the UNOFFICIAL Addons featured in this site.

In launching this site, as support to Blogger, we hope to bring in most of the bloggers out there to use(continue using) Blogger(Blogspot).