Here is some gag dummy text to use.

Gag ipsum dolar sit amet michelle in feel like a sir men. Sit good guy i see what you did there gasp scared male le girlfriend not okay movies woman. Alcohol cool college close enough final week dog happy captain lois. LOL sandwich dolar a pizza dummies weekend german gag i’m watching u. Too mainstream avenger okay bottom search coffee pokeman creepy me gusta 140% genius. Vegan food bra megusta problem? Grey in class just poker face ba dumm tss silent hill aww yeah donut. Lose people if you know what i mean asian no bad forever alone admire nap twitter. Y U NO oboma rebecca black that so close hammer super rage easter. Hulk humor like a boss homer meme collection architect female basic math. Happy derp top monday rainbow anonymous for panda charlie sheen le friend pikachu the avengers. Impossibru.

Finals feel like a sir final week happy unlock movie collection y u no just. Monday cereal sandwich venenatis alcohol true story peter griffin weekend poker face i know that feel. Ipsum monocle if you know what i mean right yao lose sit amnesia pikachu lol simpson. Homework fun bart rebecca black one does not simply bra read problem? Pizza viverra woman on panda le friend like a boss nyan cat. Gentlemen forever alone movies trolololo clinton left cereal guy varius. Men charlie sheen facebook i see what you did there cookie monster cellphone michelle dog. Crying challenge accepted money iron man asian portfolio close enough games happy silent hill. Father mom people unsave nother to do here note super rage le me sister gag. German grey facepalm good guy in phone megusta hammer russia essay. Easter avenger oh stop it, you.

Crying hammer men computer not bad tank german win people on jackie chan. Friendzoned amet simpson nap anonymous not okay donut unsave so close. Le me note read hulk cereal essay cat captain avenger college. For fun money one does not simply monocle search male viverra dead. Face why students star wars freddie mercury portfolio nother to do here 9000 gentlemen always. Angry birds morbi architect no father in class amnesia woman lois. Dad lose wodka phone easter house twitter joke. Admire facepalm cool challenge accepted finals troll the avengers pizza. Elephant puking rainbows creepy me gusta you don’t say? Geek mom weekend ba dumm tss bottom dog strangers final week movies sister poker face. Silent Hill peter griffin unlock panda monday.

And if you want more here is a funny little tool to do some interesting dummy text for you.

THE GENERATOR

Oh and if you just don’t know anything about this then this is where you can get all details. Lorem  Ipsum Wiki

Disclaimer: I just woke up too early and have nothing else to do  

Here goes the 2nd part of the wiki.

1st part can be found here.

1. 21 Ridiculously Impressive HTML5 Canvas Experiments – http://net.tutsplus.com/articles/web-roundups/21-ridiculously-impressive-html5-canvas-experiments/
2. Periodic Table of the Elements – http://joshduck.com/periodic-table.html
3. HTML5 Boilerplate – is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site. – http://html5boilerplate.com/
4. Stylish CSS3 progress bars -  stylish-css3-progress-bars
5. CSSPrefixer – adds vendor prifixes automatically if we give W3C standards properties and value for needed browser specific property. – Link
6. jQuery Tooltip, 100 fresh resources – http://www.webdesignshock.com/jquery-tooltip/
7. CSS3 Graph Animation – http://www.alessioatzeni.com/blog/css3-graph-animation/
8. lungojs – Meet the first Mobile Framework that uses the actual features of #HTML5, #CSS3 and #JavaScript. – http://www.lungojs.com/
9. HTML5 file upload with progress bar – http://www.matlus.com/html5-file-upload-with-progress/
10. New Semantic Elements in Html5 – http://codeheaven.org/new-semantic-elements-in-html5.html

Search is ON to update the list so keep an eye on the list.

As todays most mobile sites will be webkit compatable so my best bet is that you will be using safari for tetsing.

All you need to do is copy the file below to the given folder and restart safari.

Step 1) Download File: http://www.mediafire.com/?zt074d4ls20g2a2

Step 2) Place it in the following folder (Copy the above file to the following folder):

PC:C:Program Files (x86)SafariSafari.resources

MAC: Applications » Safari » Contents » Resources folder

Step 3) Restart Safari. (Done). Make sure you enable developer menu in safari from

Preferences >> Advanced >> Show developer menu on menu bar.

Once done you should be seeing something like this:

The author says:

Enhance your New Tab Page with ultimate customizability and power. Awesome, like you.

Ya its awesome.

Here are few more facts:

Features
========
- A New Tab Page with more than just icons; meet dynamic widgets
- Move things around to fit your needs. Remove things that don’t.
- Create custom shortcuts (just like apps) anywhere on the web
- Make your own widgets (if you’re a developer) using HTML5/CSS3, just like a Chrome extension (because widgets *are* Chrome extensions!)

Weather Widget
==============
https://chrome.google.com/webstore/detail/goeepbfnllchoihkoiecpkkekbpfiboc

Developing a widget?
===================
This may help get you started:
https://github.com/michaelhart/ntp-widget-shell

When you’re ready to publish your widget to the Chrome Web Store, be sure to mention that it is or contains a widget for Awesome New Tab Page. Be sure to include the text “Awesome New Tab Page”

This way, widgets can be found here:
https://chrome.google.com/webstore/search/%22Awesome%20New%20Tab%20Page%22?utm_source=google-chrome-extension&utm_medium=awesomenewtabpage&utm_campaign=antp-download-widgets

Source:  Awesome New Tab Page

Quoted from V1.o

This plugin lets you show a different greeting message to your visitors depending on their referrer url. For example, when a Digg user clicks through from Digg, they will see a message reminding them to digg your post if they like it. Another example, when a visitor clicks through from google search they will see a message suggesting them to subscribe to your RSS feed. Having these targeted suggestions will help your blog increase exposure, loyal readership, and reader interaction so all together it should increase your page hits.

For anyone who don’t know much about the previous version should check this URL. It all started more than 2yrs back. If you want to check all previous versions here it is.

Here is how it looks now.

To give a try click this link and go to the first site.

Today this Greet Box is used by thousands of sites which gets tracked in my  analytic account. Not sure how many are using after removing my analytic code. So end of the day its serves the purpose.

Whats new in 4.0?

1. All Jquery using Google API.
2. Animations used where required
3. Theme option with multiple colors so that it suits your website
4. Google font  support
5. Multiple font support
6. Addthis bookmarking service enabled
7. Readability enabled
8. Facebook + Twitter + Google Plus enabled
9. New icon set
10. Best part is almost everything is configurable

Features Overview:

Video 1: Greet Box Universal 4.0 features overview

Video 2: Some last minute addition

Configurations:

1) var themeColor = ‘yellow’; <– This can be red, grey, yellow, green, white. White is default.
2) var font = ‘Josefin’;  <– This can be Josefin or Tangerine. Blank will use the websites default
3) var fntColEnb = ‘true’;  <– This will give theme font color when true and default page color font when false
4) var fontSize = ’21′; <– Change font size which suits your website look and feel
5) var feedURL = ‘http://feeds.feedburner.com/classictutorials/feed’;   <– Replace with RSS feed of your site
6) var addThisShare = ‘true’;  <–  To enable share on Facebook, twitter and MySpace make ‘true’. To disable make it ‘false’
7) var isReadability = ‘true’;  <– Switch between Readability and social network site

Code snippet:

[code lang="html"]<!-- Code for Blogger Greet Box from classictutorials.com - Start -->
<script type="text/javascript" src="http://bloggergreetbox.googlecode.com/files/css_js.js"></script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=theKaushik"></script><script type="text/javascript">// <![CDATA[
//Configure ur theme here
var themeColor = 'yellow'; // can be red,grey,yellow,green,white. White is also default
var font = 'Josefin'; // can be Josefin or Tangerine. If you are not specifying anything it will use the websites default
var fntColEnb = 'true'; //This will give theme font color when true and default pagecolor font when false
var fontSize = '21';
var feedURL = 'http://feeds.feedburner.com/classictutorials/feed';
var addThisShare = 'true'; //To enable share on facebook, twitter and mySpace make 'true'. To disable make it 'false'
var isReadability = 'true'; // If you want to show Readability button set it to true else it will show socialnetwork button
// ]]></script>
<script type="text/javascript" src="http://bloggergreetbox.googlecode.com/files/generator_jq_v6_min.js"></script>
<!-- Code for Blogger Greet Box from classictutorials.com - End -->[/code]

Bug Tracker:

Bug Tracker URL

Hope you like the release. Would like to hear from all of you.

To learn about Mozilla location share you can check this: Mozilla Geo Location

OR for Chrome you can check this: Chrome Geo Location

To understand the basics:

A DOM object is provided in all new browsers (FF 3.5+ and chrome 7+[I don't count IE as browser, as usual it doesn't supports this feature also]) called navigator.

A document about the same is provided here for more understanding of extended features but i will try to cover the basics in this post.Geolocation API Specification

Note: Each time such code is executed your browser will ask for permission.

Enough of those reading stuffs, lets do some coding.

navigator.geolocation

The above object is all about location.

A sample code would be

if (navigator.geolocation) {
 navigator.geolocation.getCurrentPosition(function(position) {
 doStuff(position.coords.latitude, position.coords.longitude);
 });
 }

In the above code

position.coords.latitude, position.coords.longitude

will give you your current latitude and longitude. We can pass this to something and use. Say for example in my doStuff function I pass the same to google map and show the current map location.

Demo: Geo Location Demo

For more HTML5 resources check this.

Note: Using the same data and Google map API we can use it to pre-fill registration pages like Google do for orkut registration page.

A QR Code is a matrix barcode (or two-dimensional code), readable by QR scanners, mobile phones with a camera, and smartphones. The code consists of black modules arranged in a square pattern on white background. The information encoded can be text, URL or other data.

-Quoted from wikipedia.org

Now as you can see in this site i have added a dynamic QR code on each post. So for each post a dynamic QR code gets generated. Very simple use of third party sites.

I did a bit of web search and figured out there are mainly 2 websites which provide QR <Embed> code. I just modified them a bit with javascripts. You can use any one of the two.

TO USE:  Just copy-paste any where in your website and it should start working.

1) goqr.me

To change the image size just modify the “size=150×150” to what ever equal value you want.

Code:

<script type="text/javascript">
var uri=window.location.href;
document.write("<img src='http://api.qrserver.com/v1/create-qr-code/?data="+encodeURI(uri)+"&size=150x150'/>");
</script>

2) kaywa.com

To change the image size just modify the “s=5” value to what ever you want. Highest is 12.

Code:

<script type="text/javascript">
var uri=window.location.href;
document.write("<img src="http://qrcode.kaywa.com/img.php?s=5&d="+encodeURI(uri)+"" alt="qrcode" />");
</script>

NB: The bigger the image better for lower end mobiles because of there lower camera capability.

I am using the same theme in this blog but for my requirement i have modified the theme and as a part of contribution i want to share this theme with every one Many of my regular visitors and some of DD visitors liked this modification and emailed me to share the theme and here it goes. Please find the download link below.

What has been modified:

1) Single post page has been single column now.

2)Landing page post content has more width then before.

3)Search box yellow background was breaking in various browser and that has been fixed.

4) Landing page navigation to older post has been removed as it was not working. A link has been added for navigation. Modify it with your link. Navigation works on other pages.

DownloadLink: http://www.mediafire.com/?3nnzmn3ejmj

You can suggest some mod and i shall try to make them happen

Some inspiration Emails worth publishing else i wont have published this theme :

Hi Kaushik,
I saw your msg at http://designdisease.com/blog/tipz-theme-released/ , Mate can you send me the increased width theme files? i would love to try that on my blog.

Email me them if you can, here: ************
Thanks,
Regards
Royan

hi, saw your comment over at Designdisease.com and saw the
changes you made to the Tipz theme. Can you pls share how you
increased the width of the 1st column? Also how do one make
this a 2 column theme?

–Lakshmipathy  Bhat

Hi Kaushik,

I saw your comment on the design desease theme page.
Seems you haven’t got any problem to use the feature
post and the feature-image function with the tipz theme.
Smarter than me … Could you give me a hint about choosing
the featured post and the featured image ? I tired to create the
category and a custom field but it doesn’t work. I can’t get any
answer on the theme page, so i try to find help among users of
this theme …
Thanks.

–Francois  Delattre

I am posting Francois email here because i know many of us faced the same problem.

2 steps to get the image on the top post:
1) Create a custom field for your latest post. feature-image
2) The content of the field should be as shown in the image below.The class used is

class=”alignnone size-thumbnail wp-image-2040″

Cheers!

For previous versions and descriptions please visit:

http://classictutorials.com/?s=greet+box

Go to Google.com and search for search term like “techbhroom.blogspot.com” and navigate to this site and you will see a message saying that you came from google.

Now try this URL for stumble upon welcome message. Stumble Techbhroom

Feature added in this version:

The much needed and talked about close button has been provided. This uses cookie. Default cookie expiry time is 7days and can be configurable in the code below.

Screenshot:

Code:

<script src="http://bloggergreetbox.googlecode.com/files/TextToBeDisplayedDiv-minv3.0.js"
 type="text/javascript">
 </script>
 <div id="mainDisplayDiv" style="background:#F8F8FF;border:1px solid #B6AFA9;display:none">
 <div style="float: right; margin-right: 5px; margin-top: 5px;">
 <href a="#" onclick="closeGreetBox('7')"><img border="0" alt="x"
 src="http://img214.imageshack.us/img214/9837/closebutton.gif"/>
 </href></div>
 <div id="dynamicContentDisplayed">
 </div>
 <script type="text/javascript">
 // Give your feed url here
 var feedURL = "http://feeds2.feedburner.com/blogspot/ct";
 var dynamicHTMLText = displayRequiredText(feedURL);
 document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;
 </script>
 </div>
 <script src="http://bloggergreetbox.googlecode.com/files/HideShowDiv-minv3.0.js"
 type="text/javascript">
 </script>
 <script type="text/javascript">
 showHideDiv();
 </script>

Google Code Page:

Just in case.

http://code.google.com/p/bloggergreetbox/

For previous versions and descriptions please visit:

http://classictutorials.com/2009/04/19/wp-greet-box-plugin-for-blogger-blogger-greet-box-is-live/

Go to Google.com and search for search term like “techbhroom.blogspot.com” and navigate to this site and you will see a message saying that you came from google.
Now try this URL for stumble upon welcome message. Stumble Techbhroom

Screenshots:

Features:

As before I have kept the same features but the best surprise is now Greet Box for Blogger supports 30 Social Networks. You read it write its 30. Even Thaya Kareeson‘s WP Greet Box for WordPress doesnot supports so many social networks.

List of Supported Social Networks:

1. general
2. google
3. yahoo
4. digg
5. stumbleupon
6. delicious
7. facebook
8. flickr
9. friendfeed
10. friendster
11. furl
12. lastfm
13. linkedin
14. livejournal
15. magnolia
16. mixx
17. myspace
18. netvibes
19. newsvine
20. picasa
21. pownce
22. reddit
23. technorati
24. twitter
25. vimeo
26. webshots
27. wordpress
28. yelp
29. youtube

Did i missed anyone?

Same as before. Just copy the code and paste it and it will show up. Just follow two configuration.

1) Search for “Give your feed url here” and replace my fed url with yours.
2) Search for “List your domains where you dont” and replace it with your domain name.

<script src="http://bloggergreetbox.googlecode.com/files/TextToBeDisplayedDiv.js" type="text/javascript"></script>
 <div id="mainDisplayDiv" style="background:#F8F8FF;border:1px solid #B6AFA9;display:none"><div id="dynamicContentDisplayed">
 </div><script type="text/javascript">// Give your feed url here
 var feedURL = "http://feeds2.feedburner.com/blogspot/ct";var dynamicHTMLText = displayRequiredText(feedURL);
 document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;</script>
 </div><script src="http://bloggergreetbox.googlecode.com/files/HideShowDiv.js"
 type="text/javascript"></script><script type="text/javascript">
 //List your domains where you dont want to show up. Suppose
 //when people navigate within your site and you dont want to
 // show up. This is , seperated
 var myRestrictedDomainList = "classictutorials.blogspot";showHideDiv(myRestrictedDomainList);</script>

Get as plain text file

Google Code Page:

I know on previous release i told that all latest updates will be automated but one reason for code change is Google page BW limit. Now the code is hosted on google code page and if B/W exceeds i will buy extra space so it should be fine.

http://code.google.com/p/bloggergreetbox/

Please report any bug.