Add your readers/friends with their snaps on geographical map

A very useful tool to know the geographical locations of all your friends,readers to your blogs or websites from Frappr Map. You can plot your location, add a photo, post a shoutout to everyone else on the map, or edit your map profile on Frappr.com.

You too can join my personal Frappr Map and map-socialize.

Add ClusterMap To Your Blogs And Webpages

Get ClusterMap to display a world map on your blog or website, giving details of geographical location of all visitors to your pages.

- Visit ClusterMap website.(http://clustrmaps.com/admin)
- Register with your website URL and password sent by ClusterMap which you can change later.
- Get HTML code and paste inside your webpages/blogs.
- You can change the frequency of refresh of this service daily/weekly/monthly/never.
- It also provides Archiving facility as well as daily/weekly/monthly/yearly.

 

Some Important Tools

When you are through with basic layout and putting information on your pages/blogs , you would like to add some cool tools.These tools not only make your blogs/websites interactive with your readers but also gives significant information like who are visiting your blogs,which geography they belong to,what do they think about contents you are publishing and their important feedbacks will help you improve your site contents and sometimes may give you more ideas.

Here is a list of cool tools that you would like to add on your site:

Counter Stats
Guestbook
Tell A Friend
Mailing List
Message Forum

Get a Google Horizontal or Vertical Personalized Video Bar

1. Upload your videos on Google Video.Ensure that you give all of them unique names so that could easily be listed when searched on Google video on the basis of your unique keyword.
2. Go on AJAX Search API Link for AJAX Video BarIt gives you two formats : Horizontal and Vertical.
3. Make a smart search on all your uploaded videos on Google Video and get the code and paste it into a relevant webpage of yours.
   
   I have listed here one of my videos uploaded in Horizontal Video format, being searched on keyword 'Zeil,Frankfurt'.
   
   <!-- Video Bar Code and Stylesheet --><br /><br /> <script type="text/javascript"><br /><br /> window._uds_vbw_donotrepair = true;<br /><br /> </script><br /><br /> <script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new" type="text/javascript"></script><br /><br /> <style type="text/css"><br /><br /> @import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css");<br /><br /> </style><br /><br /><br /><br /> <style type="text/css"><br /><br /> #videoBar-player .playerInnerBox_gsvb .player_gsvb {<br /><br /> width : 320px;<br /><br /> height : 260px;<br /><br /> }<br /><br /> </style><br /><br /> <script type="text/javascript"><br /><br /> function LoadVideoBar() {<br /><br /><br /><br /> var videoBar;<br /><br /> var options = {<br /><br /> largeResultSet : !true,<br /><br /> horizontal : true,<br /><br /> autoExecuteList : {<br /><br /> cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM,<br /><br /> cycleMode : GSvideoBar.CYCLE_MODE_RANDOM,<br /><br /> executeList : ["zeil frankfurt"]<br /><br /> }<br /><br /> }<br /><br /><br /><br /> videoBar = new GSvideoBar(document.getElementById("videoBar-bar"),<br /><br /> document.getElementById("videoBar-player"),<br /><br /> options);<br /><br /> }<br /><br /> // arrange for this function to be called during body.onload<br /><br /> // event processing<br /><br /> GSearch.setOnLoadCallback(LoadVideoBar);<br /><br /> </script><br /><br /><!-- ++End Video Bar Wizard Generated Code++ --><br /><br />
   
   

Embed Google Reader

1. If you already do not know about Google Reader,please read.
2. Register your self on Google Reader.
3. Add subscriptions for which links you would like to read.
4. Share Items
5. There is link in right section of webpage saying 'Put a clip on your site or blog', once you will click this item,you will get the code to be inregrated in your blog or webpage.Here is sample of item which I have in my Google reader and could be incorpaorated anywhere in a webpage:
   
   <script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><br /><br /><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/06411556745368620180/state/com.google/broadcast?n=5&callback=GRC_p(%7Bc%3A'green'%2Ct%3A'Dharmendra%20shared%20items'%2Cs%3A'false'%7D)%3Bnew%20GRC"></script>
   
   

Adding a Google Map to your site

1. Create a Google page as you please.Write "MyGoogleMap" somewhere in the page and save,publish it.


2. View this page Live.Do right click and copy and paste the code to a new text editor page.


3. Get your personal Google maps API-key. At Google Code.


4. Go to word editing tool and search for . Paste the following code JUST IN FRONT (no spaces,...) of the head-tag:
   <br /> <script src="http://maps.google.com/maps?file=api&v=2&key=" type="text/javascript"></script><br /><br />
   


5. Next, locate the words "MyGoogleMap" which you typed in in the beginning. Remove it and paste the following code in its place:
   <br /> <div id="map" style="width: 400px; height: 300px"></div><br /><br /> <script type="text/javascript" defer="defer"><br /><br /> //<![CDATA[ var map = new GMap(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.setCenter(new GLatLng(50.1579, 8.6899), 13); //]]><br /><br /> </script><br /><br /> </div><br /><br />
   


6. If you want to show a specific location on map, you will need latitude and longitude data for your location. You can find these here or by using Google Earth. The first number is your latitude (E) , the second your longitude (N), the third number is the zoom.
   
   

Add Clock To Your Site

1. You can put both analog and digital clocks on your website, if you like.
2. Here are few links which may solve your purpose:


• http://24timezones.com/online_clock.php


• www.timeanddate.com/clocks/free.html


• http://www.clocklink.com/

A slideshow from Flickr

1. Register yourself on Flickr.If you have Yahoo id then registering on Flckr is simple process otherwise you have to register yourself afresh.


2. Upload your photos and make a slideshow with desired layout.


3. Copy and paste the following code in HTML editor:
   
   <br /> <style type="text/css"><!-- .dtop,.dbottom{display:block;background-color:#ffffff /* change the color of the corners here */} .dtop b,.dbottom b{display:block;height:1px;overflow:hidden;background:#000} .d1{margin:0 5px}.d2{margin:0 3px}.d3{margin:0 2px}.dtop .d4,.dbottom b.d4{margin:0 1px;height:2px} --></style><br /><br /><div style="text-align:center"><div style="background:#000;width:550px"><br /><br /><b class="dtop"><b class="d1"></b><b class="d2"></b><b class="d3"></b><b class="d4"></b></b><br /><br /><br /><iframe style="margin-top:10px" src="http://www.flickr.com/slideShow/index.gne?user_id="XXXXXXXX@NXX" frameborder="0" width="500" height="500" scrolling="no"></iframe><br /><br /><br /><a style="font-size:10px;text-decoration:none;color:#555" href="http://blogger-templates.blogspot.com/2005/09/flash-slideshow.html">Flash Slideshow</a><br /><br /><b class="dbottom"><b class="d4"></b><b class="d3"></b><b class="d2"></b><b class="d1"></b></b><br /><br /></div></div><br /><br /><br /><br />
   
4. 
   Replace the XXXXXXXXXX@NXX by your Yahoo ID.Flickr provides you copy paste code with all these details which one can analyze easily and even ypu face any problem then write to me. Your User ID is always a part of the URL.
   
5. If you want more than one slideshow, you'll have to split up your pictures in Sets in Flickr. Now you have add a little part of code (Set ID) to the code above:
   Example
   When the URL of a set is like this: http://www.flickr.com/slideShow/index.gne?nsid=7189987@N05&set_id=72157594571259813
   Then the Set ID is 72157594571259813
   
   

How to create password protected area?

The safest and easiest way to make some area of your website password protected is given on this Link.

There are other crude scripting ways to do that but they are not secure.

Playing Videos in you site

1. Upload your video files on Google Video.
2. Go and View your video from your account on Google Video.
3. On Google Video on the right side of the site you will see a button/link with text 'Email-Blog-Post to MySpace', when you click it you see a link 'Embed HTML'.
4. 'Embed HTML' link will give you an HTML script which you can place in your website where you want to display Video in your web-pages.
   

Playing background music on your webpages

1. Upload your background music files(MIDI,MP3 etc.) on Google Pages.


2. Add following script in "body" tag :
   
   <embed src="yourbgmusicfile.mp3" autostart="true" loop="true" width="2" height="0"></embed><br /><br /><br /><br /><noembed><br /><br /><bgsound src="yourbgmusicfile.mp3" loop="infinite"><br /><br /></noembed>
   


3. Save and publish your page.You have to put this code on all pages where you want to have background music.

Playing Music Live From Your Website/Blogs

1. Upload your music files on Google Pages.Only MP3 files are supported by script posted here.


2. Add following script in "body" tag :
   
   <script type="text/javascript" src="http://del.icio.us/js/playtagger"></script>
   


3. If it still does not work,go on my site in 'Music' section, right click and view code and see the location of the script.