Route 66 maps + Navigation by TomTom on Android App - "Follow me"
Route 66 maps + Navigation by TomTom on Android App - "Follow me" - Route 66 joined forces with TomTom at the end of last year in order to create a few new products.
This is default featured post 2 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured post 3 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured post 4 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured post 5 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Friday, October 8, 2010
Facebook Movie + New Groups
LightBox Effect For Blogger
That effect is called LightBox. You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect. Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers. Light box is a really elegant image viewer addon using javascript and the prototype framework. First of all i would like to give the credits to the original maker of Light box.
After clicking one of the images.
Installation Steps
1.Login to your Blogger Dashboard or Draft Blogger Dashboard2.Goto Design > Edit HTML
3.Find this code
</head>
and replace it with
<style>
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMTE7c1Y7pnW4hvyRRPpwovT2rxA3thchOyUq1hMmjONr72qHg-GZbV52Rs0TFxslqWDPJBxxnX7rMt1ASjUw9gYRjPc5DQqFOYdQecnNJJdAMuem2vRA-p6rfGyYY_8BoXK-YVVZf210/) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYjDTy3KAcWrY9n5XSxzK8dbztyfHui7CLGuPPETM8aX6g22yl8ogA_2oCXdciifNEENx_z7GFaMA28Ya4Ro8ws7znXqsxuNU7p95PdArz3238c6MqcIAlqGtxMEGguLHHd5jzV-noaU/) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }
lute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js' type='text/javascript'/>
<script src='http://files.bloggerplugins.org/lbox/js/scriptaculous.js' type='text/javascript'/>
<script src='http://blogergadgets.googlecode.com/files/lightbox.js' type='text/javascript'/>
</head>
Adding Images for the Lightbox Viewer
Now you have added the scripts and styles needed for the lightbox.Next part is to add our images..
You can also add captions to your images and also group multiple images into something like a gallery..
First upload your photo using the blogger photo upload tool.Now switch to the edit html view from the post editor
Now follow the 2 instructions in this image(Click to view a bigger version.. :))

Be sure to delete the -h from s1600-h .Now you should see the light box viewer on your blog.
Options Explained...
adding rel="lightbox" title="Your image Caption" will create a light box viewer for the single image.If you are planning to add multiple images use rel="lightbox[albumname]" title="Your Image Caption"
now if you want to add another image to this album,upload the second image and use
rel="lightbox[albumname]" title="Caption for Second image of albumname" If you do this, lightbox will work like a gallery with next and previous links
Thursday, October 7, 2010
Wednesday, October 6, 2010
Article: How to Promote Your Facebook Fan Page - The Savvy Book Marketer
About the Author
|
What Do Rich Authors Know That Poor Authors Don't? --Teleseminar Oct 7
|
[Motown Writers Network] =?utf-8?B?RXZlbnQ6IFppbmdlcm1hbuKAmXMgR3VpZGUgdG8gR29vZ
![]() |
WordCamp Detroit 2010 - WordCamp Detroit SOLD OUT #WCDET
|
Tuesday, October 5, 2010
Follow Me on Twitter Button For Blog Site
Follow Me Button of Twitter is very useful in every blogger because their followers can update your new blog post.
Sample Situation:
If I have 500 followers in Twitter. Every time I post a new entry for my blog I tweet the link of my blog entry. If only 250 followers of mine can see my updated tweet they will click the link I tweet. And automatically my blog traffic on the day I post a new entry is 250 visitors.
Followers in Twitter is very helpful in increasing the blog traffic.
Twitter Follow Me
There are many buttons available online buy getting the code of the chosen button. In the Twitter Site you can also get the button code and put it on the blog if you like.
Steps Putting the Button for Blogger Site:
- Choose a button you like
- Copy the code
- Go to your blogger account. Sign In if not log in yet.
- Go to Design Tab
- Then click the "Add Gadget"
- Click The "HTML/JavaScript"
- Put the Title(e.g. Follow Me) and code
- Then Save
- And put the Gadget in the place you want.
In Wordpress, you can also put the code you copied in your wordpress site. But eventually, you can do it in a simpliest way.
- Click the Plug-in in your Dashboard site
- After Click Add New
- You can search by putting the keywords: "twitter", "follow me", "twitter button" or any related words
- Then choose the following search results.
- Click Install Plug-in
- In changing the user of the Follow Me Button you can edit it "Setting" Page
The Approaching Giant- Learn and Get Paid!
This will be the next Go Daddy and Beyond
Think about the market! There are over 76 million network marketers world wide and most of them are trying to figure out how to use the internet. The platform at GVO can teach anyone how to market on line and set up their websites. I was stumbling in the dark with my MSLP and Aweber and it wasn't until I got involved with GVO that all the lights went on and I understood how everything tied together. They are all great compliments for each other. GVO is getting ready to launch and It will be Huge.
Check out the links that I have and see for yourself. There is so much that can be done with GVO that it is hard for me to explain. I will post some GVO links down below for you to check out. The opportunity and the company are incredible.
GVO Main Page GVO Pre Launch Web Conferencing Pre launch with Joel




















