Digital Tech Inspiration - Technology Blog

10 Unique Low-power Lighting Options For Festivals

2013-10-31T11:22:00.000+05:30

Make this festival look special by lighting up your house with unique accessories.

Diwali is the festival of lights and people from all castes and faiths are seen celebrating it with great joy. Preparations are done well in advance and you see people flocking markets buying gifts, sweets and decorations for their house. Speaking of decorations, you will usually find houses lit up with candles, diyas, string bulbs and a lot more. However, most of the lighting accessories available are very much the same and you will not find much difference between two decorated houses, except for the arrangement and the color of the lights. Most of these lights are not eco-friendly and tend to silently eat into your electricity bills, but the spirit of the festival blinds you towards such additional expenses and this fact is usually ignored. Lighting up your house with eco-friendly and low-powered lights are recommended as they not only cut down on your power bills, but will also light up efficiently and with a pleasant glow. Moreover, it will also be less taxing on the environment. Lighting options currently available in the market consist of regular filament-based bulbs and LEDs. These are usually imported from China and are definitely cheaper as they last you a few years. With Diwali around the corner, and Christmas and New Year following soon, why not be different this season and get yourself some lights that are cheap and completely different, and pique the interest of others. Here are some options.

Click here for full story >

Stylish Custom Popular Post Widget For Blogger

2013-10-25T22:29:00.002+05:30

Blogger allows us to easily add a "Popular Posts" widget, which we select from its list of gadgets, and we can do that by going to the "Layout" of our blog.

I will provide you step by step procedure and method for how to add a stylish custom popular post widget in blogger templates.

Add the gadget, if you haven't done it yet!

1. Select the "Layout" tab and add the "Popular Posts" gadget in that part of your blog you want to appear, such as in your sidebar, by clicking on "Add a Gadget".

2. Configure the widget to show only the post titles. You can do this by clicking on the "image thumbnail" and "snippet" checkboxes, as shown in the following image.

3. After configuring the widget, save the changes by clicking on Save, and then Save arrangement.

Styling popular posts widget to blogger

STEP #1: Go to your blogger dashboard.

STEP #2: Select Template option.

STEP #3: Select Edit HTML.

STEP #4: In the template code find (ctrl + f) for ]]></b:skin>

STEP #5: Just above it paste the following CSS

#PopularPosts1 ul{

list-style:none;

counter-reset:li;

padding:25px;

}

#PopularPosts1 li{ /* Styles of each element */

width:100%;

position:relative;

left:0;

margin:0 0 6px 10px;

padding:4px 5px;

}

#PopularPosts1 ul li:before{ /* Style of the numbers */

content:counter(li);

counter-increment:li;

position:absolute;

top:3px;

left:-39px;

font-size:21px;

width:28px;

height:28px;

border-radius: 50%;

color:#000; /* Text color */

-webkit-border-radius: 999em;

-moz-border-radius: 999em;

border-radius: 999em;

border: 2px solid #ddd;

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

padding:0;

text-indent:9px;

}

#PopularPosts1 ul li a{

display:block;

position:relative;

left:-45px;

width:100%;

margin:0;

min-height:28px;

padding: 5px 3px 3px 39px;

color:#333; /* color of the links */

text-decoration:none;

font: 11px/150% "Arial" Georgia,Times,serif;

letter-spacing: 1px;

}

#PopularPosts1 ul li a:hover{

text-decoration: underline;

color: black;

}

STEP #6: Now click on Save template and it’s done.

So execute steps correctly and you are done. Head to your blog and check the trick executed. So don't forget us. We will only survive with your generosity. Like, Share, Follow and Subscribe. If you are facing any problem with implementing these codes just comment below for help. Stay tuned for more posts.

The 101 Most Useful Websites On The Internet Worth A Bookmark

2013-09-22T17:30:00.000+05:30

The list primarily highlights the lesser known or undiscovered websites and misses out all-time favorites like Google, Wikipedia or IMDB that most of us are already aware of.

1. alertful.com – quickly setup email reminders for important events.
2. aviary.com/mynaaviary.com/myna– an online audio editor that lets record, and remix audio clips online.
3. awesomehighlighter.com – easily highlight the important parts of a web page.
4. bing.com/images – automatically find perfectly-sized wallpapers for mobiles.
5. bounceapp.com – for capturing full length screenshots of web pages.
6. boxoh.com – track the status of any shipment on Google Maps – alternative.
7. bubbl.us – create mind-maps, brainstorm ideas in the browser.
8. buzzfeed.com – never miss another Internet meme or viral video.
9. chipin.com – when you need to raise funds online for an event or a cause.
10. copypastecharacter.com – copy special characters that aren't on your keyboard.
11. coralcdn.org – if a site is down due to heavy traffic, try accessing it through coral CDN.
12. dabbleboard.com – your virtual whiteboard.
13. disposablewebpage.com – create a temporary web page that self-destruct.
14. downforeveryoneorjustme.com – find if your favorite website is offline or not?
15. e.ggtimer.com – a simple online timer for your daily needs.
16. encrypted.google.com – prevent your ISP and boss from reading your search queries.
17. errorlevelanalysis.com – find whether a photo is real or a photoshopped one.
18. everytimezone.com – a less confusing view of the world time zones.
19. example.com – this website can be used as an example in documentation.
20. faxzero.com – send an online fax for free – see more fax services.
21. fb.me/AppStore – search iOS app without launching iTunes.
22. feedmyinbox.com – get RSS feeds as an email newsletter.
23. flightaware.com – live flight tracking service for airports worldwide.
24. flightstats.com – track flight status at airports worldwide.
25. followupthen.com – setup quick reminders via email itself.
26. fontsquirrel.com – a good collection of fonts – free for personal and commercial use.
27. formspring.me – you can ask or answer personal questions here.
28. ge.tt – quickly send a file to someone, they can even preview it before downloading.
29. goo.gl – shorten long URLs and convert URLs into QR codes.
30. google.com/dictionary – get word meanings, pronunciations and usage examples.
31. google.com/history – found something on Google but can't remember it now?
32. gtmetrix.com – the perfect tool for measuring your site performance online.
33. historio.us – preserve complete web pages with all the formatting.
34. homestyler.com – design from scratch or re-model your home in 3d.
35. iconfinder.com – the best place to find icons of all sizes.
36. imo.im – chat with your buddies on Skype, Facebook, Google Talk, etc. from one place.
37. isendr.com – transfer files without uploading to a server.
38. isnsfw.com – when you wish to share a NSFW page but with a warning.
39. iwantmyname.com – helps you search domains across all TLDs.
40. join.me – share you screen with anyone over the web.
41. joliprint.com – reformats news articles and blog content as a newspaper.
42. kuler.adobe.com – get color ideas, also extract colors from photographs.
43. livestream.com – broadcast events live over the web, including your desktop screen.
44. lmgtfy.com– when your friends are too lazy to use Google on their own.
45. localti.me – know more than just the local time of a city
46. lovelycharts.com – create flowcharts, network diagrams, sitemaps, etc.
47. mailvu.com – send video emails to anyone using your web cam.
48. mywot.com – check the trust level of any website - example.
49. namemytune.com – when you need to find the name of a song.
50. noteflight.com – print music sheets, write your own music online (review).
51. nutshellmail.com – Get your Facebook and Twitter streams in your inbox.
52. office.com – download templates, clipart and images for your Office documents.
53. onlineocr.net – recognize text from scanned PDFs and images – see other OCR tools.
54. pastebin.com – a temporary online clipboard for your text and code snippets.
55. pdfescape.com – lets you can quickly edit PDFs in the browser itself.
56. polishmywriting.com – check your writing for spelling or grammatical errors.
57. printwhatyoulike.com – print web pages without the clutter.
58. privnote.com – create text notes that will self-destruct after being read.
59. random.org – pick random numbers, flip coins, and more.
60. regex.info – find data hidden in your photographs – see more EXIF tools.
61. scr.im – share you email address online without worrying about spam.
62. screenr.com – record movies of your desktop and send them straight to YouTube.
63. scribblemaps.com – create custom Google Maps easily.
64. seatguru.com – consult this site before choosing a seat for your next flight.
65. similarsites.com – discover new sites that are similar to what you like already.
66. sizeasy.com – visualize and compare the size of any product.
67. snapask.com – use email on your phone to find sports scores, read Wikipedia, etc.
68. snopes.com – find if that email offer you received is real or just another scam.
69. spypig.com – now get read receipts for your email.
70. stupeflix.com – make a movie out of your images, audio and video clips.
71. sumopaint.com – an excellent layer-based online image editor.
72. sxc.hu – download stock images absolutely free.
73. tabbloid.com – your favorite blogs delivered as PDFs.
74. tempalias.com – generate temporary email aliases, better than disposable email.
75. teuxdeux.com – a beautiful to-do app that looks like your paper dairy.
76. timerime.com – create timelines with audio, video and images.
77. tineye.com – this is like an online version of Google Googles.
78. tinychat.com – setup a private chat room in micro-seconds.
79. topsy.com – a better search engine for twitter.
80. translate.google.com – translate web pages, PDFs and Office documents.
81. truveo.com – the best place for searching web videos.
82. tubemogul.com – simultaneously upload videos to YouTube and other video sites.
83. typewith.me – work on the same document with multiple people.
84. typingweb.com – master touch-typing with these practice sessions.
85. untiny.me – find the original URLs that's hiding behind a short URLs.
86. urbandictionary.com – find definitions of slangs and informal words.
87. viewer.zoho.com – Preview PDFs and Presentations directly in the browser.
88. virustotal.com – scan any suspicious file or email attachment for viruses.
89. vocaroo.com – record your voice with a click.
90. warrick.cs.odu.edu – you'll need this when your bookmarked web pages are deleted.
91. wetransfer.com – for sharing really big files online.
92. whatfontis.com – quickly determine the font name from an image.
93. whichdateworks.com – planning an event? find a date that works for all.
94. whisperbot.com – send an email without using your own account.
95. whoishostingthis.com – find the web host of any website.
96. wobzip.org – unzip your compressed files online.
97. wolframalpha.com – gets answers directly without searching - see more wolfram tips.
98. woorank.com – everything you wanted to know about a website.
99. wordle.net – quick summarize long pieces of text with tag clouds.
100. youtube.com/leanback – enjoy a never ending stream of YouTube videos in full-screen.
101. zoom.it – view very high-resolution images in your browser without scrolling.

Stylish Pure CSS3 Image Slider For Blogger

2013-09-01T18:12:00.000+05:30

Here I came up with a stylish pure CSS3 image slider for blogger. The slider is easier to customize for newbie, with a basic knowledge HTML and CSS. This stylish slider is created by smashingmagazine.

The blogger version is here, now just need to follow few easy steps to install this slider on blogspot blog.

How to add this stylish pure CSS3 image slider to blogger?

Cougar
Lions
Snowalker
Howling
Sunbathing

STEP #1: Log on to Blogger.

STEP #2: Go to Dashboard > Layout

STEP #3: Click on Add a Gadget

STEP #4: Select HTML/Java Script widget

STEP #5: Paste the following code inside it

<style type="text/css" media="screen">

.container {

    margin: 0 auto;

    overflow: hidden;

    width: 700px;

#content-slider {

    height: 335px;

    width: 100%;

#slider {

    background: none repeat scroll 0 0 #000000;

    border: 5px solid #FFFFFF;

    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);

    height: 320px;

    margin: 10px auto;

    overflow: visible;

    position: relative;

    width: 680px;

#mask {

    height: 320px;

    overflow: hidden;

#slider ul {

         margin:0;

         padding:0;

         position:relative;

#slider li {

         width:680px;

         height:320px;

         position:absolute;

         top:-325px;

         list-style:none;

#slider li.firstanimation {

         -moz-animation:cycle 25s linear infinite;

         -webkit-animation:cycle 25s linear infinite;

#slider li.secondanimation {

         -moz-animation:cycletwo 25s linear infinite;

         -webkit-animation:cycletwo 25s linear infinite;

#slider li.thirdanimation {

         -moz-animation:cyclethree 25s linear infinite;

         -webkit-animation:cyclethree 25s linear infinite;

#slider li.fourthanimation {

         -moz-animation:cyclefour 25s linear infinite;

         -webkit-animation:cyclefour 25s linear infinite;

#slider li.fifthanimation {

         -moz-animation:cyclefive 25s linear infinite;

         -webkit-animation:cyclefive 25s linear infinite;

#slider .tooltip {

         background:rgba(0,0,0,0.7);

         width:300px;

         height:60px;

         position:relative;

         bottom:75px;

         left:-320px;

         -moz-transition:all 0.3s ease-in-out;

         -webkit-transition:all 0.3s ease-in-out;

#slider .tooltip h1 {

         color:#fff;

         font-size:24px;

         font-weight:300;

         line-height:60px;

         padding:0 0 0 20px;

#slider li#first:hover .tooltip,

#slider li#second:hover .tooltip,

#slider li#third:hover .tooltip,

#slider li#fourth:hover .tooltip,

#slider li#fifth:hover .tooltip {

         left:0px;

/* PROGRESS BAR */

.progress-bar {

         position:relative;

         top:-5px;

         width:680px;

         height:5px;

         background:#000;

         -moz-animation:fullexpand 25s ease-out infinite;

         -webkit-animation:fullexpand 25s ease-out infinite;

/* ANIMATION */

@-moz-keyframes cycle {

         0%  { top:0px; }

         4%  { top:0px; }

         16% { top:0px; opacity:1; z-index:0; }

         20% { top:325px; opacity:0; z-index:0; }

         21% { top:-325px; opacity:0; z-index:-1; }

         92% { top:-325px; opacity:0; z-index:0; }

         96% { top:-325px; opacity:0; }

         100%{ top:0px; opacity:1; }

@-moz-keyframes cycletwo {

         0%  { top:-325px; opacity:0; }

         16% { top:-325px; opacity:0; }

         20% { top:0px; opacity:1; }

         24% { top:0px; opacity:1; }

         36% { top:0px; opacity:1; z-index:0; }

         40% { top:325px; opacity:0; z-index:0; }

         41% { top:-325px; opacity:0; z-index:-1; }

         100%{ top:-325px; opacity:0; z-index:-1; }

@-moz-keyframes cyclethree {

         0%  { top:-325px; opacity:0; }

         36% { top:-325px; opacity:0; }

         40% { top:0px; opacity:1; }

         44% { top:0px; opacity:1; }

         56% { top:0px; opacity:1; }

         60% { top:325px; opacity:0; z-index:0; }

         61% { top:-325px; opacity:0; z-index:-1; }

         100%{ top:-325px; opacity:0; z-index:-1; }

@-moz-keyframes cyclefour {

         0%  { top:-325px; opacity:0; }

         56% { top:-325px; opacity:0; }

         60% { top:0px; opacity:1; }

         64% { top:0px; opacity:1; }

         76% { top:0px; opacity:1; z-index:0; }

         80% { top:325px; opacity:0; z-index:0; }

         81% { top:-325px; opacity:0; z-index:-1; }

         100%{ top:-325px; opacity:0; z-index:-1; }

@-moz-keyframes cyclefive {

         0%  { top:-325px; opacity:0; }

         76% { top:-325px; opacity:0; }

         80% { top:0px; opacity:1; }

         84% { top:0px; opacity:1; }

         96% { top:0px; opacity:1; z-index:0; }

         100%{ top:325px; opacity:0; z-index:0; }

@-webkit-keyframes cycle {

         0%  { top:0px; }

         4%  { top:0px; }

         16% { top:0px; opacity:1; z-index:0; }

         20% { top:325px; opacity:0; z-index:0; }

         21% { top:-325px; opacity:0; z-index:-1; }

         50% { top:-325px; opacity:0; z-index:-1; }

         92% { top:-325px; opacity:0; z-index:0; }

         96% { top:-325px; opacity:0; }

         100%{ top:0px; opacity:1; }

@-webkit-keyframes cycletwo {

         0%  { top:-325px; opacity:0; }

         16% { top:-325px; opacity:0; }

         20% { top:0px; opacity:1; }

         24% { top:0px; opacity:1; }

         36% { top:0px; opacity:1; z-index:0; }

         40% { top:325px; opacity:0; z-index:0; }

         41% { top:-325px; opacity:0; z-index:-1; }

         100%{ top:-325px; opacity:0; z-index:-1; }

@-webkit-keyframes cyclethree {

         0%  { top:-325px; opacity:0; }

         36% { top:-325px; opacity:0; }

         40% { top:0px; opacity:1; }

         44% { top:0px; opacity:1; }

         56% { top:0px; opacity:1; z-index:0; }

         60% { top:325px; opacity:0; z-index:0; }

         61% { top:-325px; opacity:0; z-index:-1; }

         100%{ top:-325px; opacity:0; z-index:-1; }

@-webkit-keyframes cyclefour {

         0%  { top:-325px; opacity:0; }

         56% { top:-325px; opacity:0; }

         60% { top:0px; opacity:1; }

         64% { top:0px; opacity:1; }

         76% { top:0px; opacity:1; z-index:0; }

         80% { top:325px; opacity:0; z-index:0; }

         81% { top:-325px; opacity:0; z-index:-1; }

         100%{ top:-325px; opacity:0; z-index:-1; }

@-webkit-keyframes cyclefive {

         0%  { top:-325px; opacity:0; }

         76% { top:-325px; opacity:0; }

         80% { top:0px; opacity:1; }

         84% { top:0px; opacity:1; }

         96% { top:0px; opacity:1; z-index:0; }

         100%{ top:325px; opacity:0; z-index:0; }

/* ANIMATION BAR */

@-moz-keyframes fullexpand {

    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }

    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }

   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }

   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }

   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }

@-webkit-keyframes fullexpand {

    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }

    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }

   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }

   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }

   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }

</style>

<div class="container">

         <div id="content-slider">

         <div id="slider">

         <div id="mask">

            <ul>

                 <li id="first" class="firstanimation">

            <a href="#">

            <img src="https://photos-2.dropbox.com/t/0/AACletMHiB5RDu7scdHybtZn1J84DdnVYOFp2vClFqV8mw/12/114983599/jpeg/32x32/3/_/1/2/img_1.jpg/jI0Y-OV8Ii2nsbj7-KSOK9UCizOuwrk8AjElCPyooEk?size=1280x960" alt="Cougar"/>

            </a>

            <div class="tooltip">

            <h1>Cougar</h1>

            </div>

            </li>

            <li id="second" class="secondanimation">

            <a href="#">

            <img src="https://photos-5.dropbox.com/t/0/AAB9ux-gGfKsrns3M5UTITfcVRvg5YZ8z6ohGxKoIhJ_Mw/12/114983599/jpeg/32x32/3/_/1/2/img_2.jpg/2fGa00YxrB9USJINnFxs5BwniOkjYpul4Mu7Z7ep7so?size=1280x960" alt="Lions"/>

            </a>

            <div class="tooltip">

            <h1>Lions</h1>

            </div>

            </li>

            <li id="third" class="thirdanimation">

            <a href="#">

            <img src="https://photos-5.dropbox.com/t/0/AACyhTmspajGxB8qVYKpSL_rZOQhxUMNg_Ur5u-UyL02Vg/12/114983599/jpeg/32x32/3/_/1/2/img_3.jpg/V-QBBPV7b9PKrslsLKhm32Gxl-x5v6mAds2KBOyVJZ0?size=1280x960" alt="Snowalker"/>

            </a>

            <div class="tooltip">

            <h1>Snowalker</h1>

            </div>

            </li>

            <li id="fourth" class="fourthanimation">

            <a href="#">

            <img src="https://photos-6.dropbox.com/t/0/AABQwBjsZsxIkrcuNEYfeNySBKxFRA1SDJ2Sy4mX5b4GEA/12/114983599/jpeg/32x32/3/_/1/2/img_4.jpg/6Mk_YHVJ8gylCijXOh1ykUIcjN9bgW5saKZ405QQjCs?size=1280x960" alt="Howling"/>

            </a>

            <div class="tooltip">

            <h1>Howling</h1>

            </div>

            </li>

            <li id="fifth" class="fifthanimation">

            <a href="#">

            <img src="https://photos-4.dropbox.com/t/0/AAACsagvDkXcGEnvSs1Zyh9TGD4KJ8GyGvowzJyuTFNg2w/12/114983599/jpeg/32x32/3/_/1/2/img_5.jpg/Xmr5FIGoFg0m0hj_ScGqQlufvn3b4hlh0CC7y3yTfaI?size=1280x960" alt="Sunbathing"/>

            </a>

            <div class="tooltip">

            <h1>Sunbathing</h1>

            </div>

            </li>

            </ul>

            </div>

            <div class="progress-bar"></div>

        </div>

    </div>

</div>

Customization:

Change the blue colored link with yours and red colored images link with your images.

STEP #6: Now Save the template.

So execute steps correctly and you are done. Head to your blog and check the trick executed. So don't forget us. We will only survive with your generosity. Like, Share, Follow and Subscribe. If you are facing any problem with implementing these codes just comment below for help. Stay tuned for more posts.

Top 10 Indian Bloggers Of 2013

2013-08-30T22:51:00.001+05:30

Many of these bloggers you probably already know. If not, visit their sites to see how they are building their success online. The blogs that was introduced here will have different niches because some of them on bloggers, Technologies, news, books and other professional activities.

Bloggingtips has this cool idea to have an infographic created of the top 10 Indian bloggers of 2013.

Some Useful Ways To Rescue Your Drowned Phone

2013-08-29T22:07:00.001+05:30

Dropping your phone in the toilet is admittedly embarrassing, but you’re not alone. In fact, 1 out of 10 people have made the blunder at some point. When you have to fix a phone that fell in water, it’s important to do it right or you could do more damage.

This fantastic infographic is a great guide on how to fix a phone that fell in water. The biggest key is to dry it in rice, which will pull all the moisture from it. Don’t turn it back on or charge it until it is dry and don’t use a heat source like a blow drier to fix a phone that fell in water because you might damage the electronic components.

Sources: PartSelect

All In One Social Subscription Widget For Blogger

2013-08-08T07:41:00.000+05:30

So here I am sharing a new all in one social subscription widget for blogger which is quite appealing and compact. Social subscription links are most important for any website to bring much social points to your social accounts. It never been easier to do so but adding code to the website or blog can bring much positive response to your site.

As you can see this widget contains links to your Google+ Follow Button and Recommendation Button, Facebook Like Button, Twitter Follow Button, RSS, Twitter and Google Plus page links and most importantly an attractive subscription form that will further increase the number of your Email subscribers.

How To Add Social Subscription Widget to Blogger?

STEP #1: Log on to Blogger.

STEP #2: Go to Dashboard > Layout

STEP #3: Click on Add a Gadget

STEP #4: Select HTML/Java Script widget

STEP #5: Paste the following code inside it

<style type="text/css">
/*<!CDATA[*/
#soc-mega{width:320px;margin:auto;padding:0;}
.soc-googleplus {height: 51px;width:320px;margin-top:-2px;}
.soc-facebook {background:#ffffff;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}
.soc-gplusone {background-color: #ffffff;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;}
.soc-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 14px;font-family: "Arial","Helvetica",sans-serif; font-weight: bold;}
.soc-twitter {background-color: #ffffff;border: 1px solid #c7dbe2;border-top: 0;}
.soc-twitter a.twitter-follow-button {display: block;}
.soc-twitter iframe {margin: 9px 11px;}
.soc-email{
background:#444444 ;
width:100%;
padding:10px 0 10px 0;
float:left;
font-size:18px;
text-align:center;
font-weight:bold;
margin:0 0 20px 0;
color:#ffffff;
}
.soc-emailsubmit{
background:#E98313;
border:1px solid #E98313;
cursor:pointer;
color:#fff;
padding:3px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:14px sans-serif;
}
.soc-emailsubmit:hover{
background:#686B6C;
border:1px solid #686B6C;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
.social-widget
{
width:318px;
border:1px solid #d7d7d7;
}
.social-widget img
{
padding:0px 15px 2px 2px;
}
/*]]>*/
</style>

<div id="soc-mega">
<div class="soc-email">
Get free tutorials via email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="http://feedburner.google.com/fb/a/mailverify?uri=WIKITECHNOL', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" value='Enter email address here' onblur='if (this.value == "") {this.value = "Enter email address here";}' onfocus='if (this.value == "Enter email address here") {this.value = "";}' />
<input type="hidden" value="WIKITECHNOL" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="soc-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<div class="social-widget" align="center">
<a href='http://feeds.feedburner.com/WIKITECHNOL' target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPWxTyWjnkbswafrPAxo2-8KACWRiN9r3DrEd_D38_qn31MJcFfGBY1ss1lDQlBP_US9rw3VfaIvmab0fOy6sbBhQQ0VYiOBnYVXHPZzumkOe1OGNLiuRbirZJMeLTlPspJRBUKCKd5Tei/s1600/rss.png" alt="Subcribe to our RSS feeds" /></a>
<a href='http://www.facebook.com/WIKITECHNOL' target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD1U2LBmDSqNhyRiGqDbFxlOF0jD5SeBnUdtuZvg3D_Xy4S6snFJ5f9K2nkeRpOqdAx_dhYFht5y1YsFHTFKCeqyyAV9TWzJziST4NmuXhGegoZfgLAiLFVIEuWm51Obqb4n2ChoaZ-tsb/s1600/fbook.png" alt="Join Us on Facebook" /></a>
<a href='https://twitter.com/WIKITECHNOL' target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIDY6P_LVWUnmz570Im9Y9_OvSN5RCdpV8gqM8q5qcOY_Tem5X-ZUtI1DwfqP9NIbbhFHpKsBdwM6j_eC5Kd_ohd0CjHtKrhK7cvfb-LkmtZhUk0qdR0f2I3oxE8bWBAFXkS566pnGklDw/s1600/twit.png" alt="Follow us on Twitter" /></a>
<a href='https://plus.google.com/107244857879006042054' target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw6vwJ0Zyp6S6i51j16UC1rlKJMDdB0fSOL42JMsjI0TMkYtGHDLSLbL_ohoTCLvxVrhUCC8PxsSgOXRUE_Uix7pZki6SO1NC7MTdaUK-yFBF8vLfgqWSBlWSA0M1VxCgmXeNBriOZaZIU/s1600/gplus.png" alt="Add to Circles" /></a>
<a href='http://www.youtube.com/WIKITECHNOL' target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhliUlj0ysGixyyDMj9nwN_WpR7oubVRhuv5zSpzu_b4CQmbYAXrIp3rY09pI1LJ22HkjoDEDalYii6JoM7ug6FJre-don4ZFuvj3WxOi52Z1QK97MnAgJJEgXBzwEaOgKeZsUPby1lx0vw/s1600/ytube.png" alt="Watch us on Youtube"/></a>
</div>

<div class="soc-twitter">
<a href="https://twitter.com/WIKITECHNOL" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @WIKITECHNOL</a>
<script type="text/javascript">/*<![CDATA[*/!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script>
<br/>
</div>

<div class="soc-googleplus">
<script type="text/javascript">
/*<![CDATA[*/
window.___gcfg = {lang: 'en'};
(function(){
var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
/*]]>*/
</script>
<div class="g-plus" data-href="https://plus.google.com/107244857879006042054" data-width="320" data-height="69" data-theme="light"></div>
</div>

<div class="soc-gplusone">
<script type="text/javascript">/*<![CDATA[*/
(function() {
var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
})();/*]]>*/
</script>
<span>Recommend On Google</span> <div class="g-plusone" data-size="large" data-href="http://www.digitaltechinspiration.com/"></div>
</div>

<div class="soc-facebook">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FWIKITECHNOL&width=300&height=200&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=136993703047102" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:155px;" allowTransparency="true"></iframe>
</div>

<div class="soc-googleplus">
<script type="text/javascript">
/*<![CDATA[*/
window.___gcfg = {lang: 'en'};
(function(){
var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
/*]]>*/
</script>
<div class="g-plus" data-href="https://plus.google.com/103576187731291423463" data-width="320" data-height="69" data-theme="light"></div>
<span style="float:right; padding:10px; margin-right:-10px; font-size:10px;font-family: "arial","helvetica",sans-serif;"><a href="http://www.digitaltechinspiration.com/">.</a></span>
</div>
</div>

Customization:

Replace http://feeds.feedburner.com/WIKITECHNOL with your feedburner link.
Replace WIKITECHNOL with your Facebook username.
Replace WIKITECHNOL with your twitter username.
Replace https://plus.google.com/107244857879006042054 with your Google Plus page link.
Replace https://plus.google.com/103576187731291423463 with your Google Plus profile link.
Replace http://www.youtube.com/WIKITECHNOL with your YouTube link.
Replace http://www.digitaltechinspiration.com/ with your blog/website address.

Add Official Google+ Badge Widget To Blogger

2013-08-07T18:26:00.001+05:30

Hello Reader, today in this post we will check out another great social networks widget. Social Networks are playing a vital role in blogging. Social networks allow you to connect with your online readers and share stuff with them. They help your blog to get a good amount of referral traffic and to increase your readership.

Social Network’s fans, subscribers, followers and circles counts show the popularity of your blog and they have become important stats for every blogger. Google plus is one such social network which is growing popularity these days and later in this post we will learn how to add official Google plus badge widget in your blogger blog.

Below you can see my profile and page or community badge in action.

How to Add Official Google+ Badge Widget to Blogger?

Login in to your Google Account.
Navigate to the Google+ Developers page.
Now select the widget type-Profile, Page or community.
To change the look and feel of your widget, use the customization window on the left side of page as shown below:

You can make customizations for the color theme, widget width etc.
You can make more customizations by reading out the documentation of the widgets.
You can see the preview of your widgets on the right side of the page.
When you are finished with the customizations, you can copy the code given below of the widget preview.

STEP #1: Now login in to your blogger account.

STEP #2: Navigate to the layout section of your dashboard.

STEP #3: Add a HTML/JavaScript gadget and paste the code in it.

STEP #4: Save the arrangement and click on View blog to see this widget in action.

I hope this tutorial covers all the mandatory details needed to know to add this widget in your blog. If you still face any problem you can comment here. I will be glad to help you.

Install Blogger Official Contact Form To Static Page With New Style

2013-08-02T15:02:00.000+05:30

Blogger launched it’s official version of the Contact Form Widget but, it works only on the Blogger Sidebar. If you don’t want to add the contact form to your Blog’s sidebar but want it to appear on any static page, then this tutorial will help you out.

How to add the Blogger Official Contact Form to a Static Page

Follow the below steps to move the Contact Form to a separate page. If you would like to see a demo, you can check out my Contact page.

STEP #1: First, add the Blogger Contact Form Widget to your sidebar. My previous tutorial on adding a blogger widget contact form will help you out.

STEP #2: Edit the template (Template > Edit HTML). Now search Ctrl + F for the id "ContactForm", expand the widget by clicking on the black arrow on the left (same with the <b:includable id=’main’>) and then delete the part that I have colored in red (see below):

Part to be removed:

   <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>

    <b:includable id='main'>
<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
        </div>
      </form>
    </div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

STEP #3: After you have saved the template, go to Pages and paste the following code into a new blank page with the title you want:

  <div class='widget ContactForm' id='ContactForm1'>

<div class='contact-form-widget'>

    <div class='form'>

      <form name='contact-form'>

        <p><p>

        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value='Name' onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}'/>

        <p></p>

        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value='Email ID'onblur='if (this.value == "") {this.value = "Email ID";}' onfocus='if (this.value == "Email ID") {this.value = "";}'/>

        <p></p>

        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>

        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/>

        <input class='contact-form-button contact-form-button-submit' type='reset' value='Clear'/>

        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>

        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>

      </form>

    </div>

</div>
</div>

Messages will be sent to the same email that you have registered with Blogger.

Styling the Official Blogger Contact Form

It is easy to modify using Style Sheets (CSS) to the appropriate selectors. Here's an example:

.contact-form-widget {

width: 550px;

max-width: 100%;

margin: 0 auto;

padding: 10px;

border-radius: 3px;

position: relative;

background-color:#f4f4f4;

}

.contact-form-widget, .contact-form-widget:before, .contact-form-widget:after {

background: #F4F3F3;

border: 1px solid #ccc;

}

.contact-form-widget:before, .contact-form-widget:after {

content: "";

position: absolute;

bottom: -3px;

left: 2px;

right: 2px;

height: 1px;

border-top: none;

}

.contact-form-widget:after {

left: 4px;

right: 4px;

bottom: -5px;

box-shadow: 0 0 2px #ccc;

}

.contact-form-name, .contact-form-email, .contact-form-email-message {

width: 100%;

max-width: 100%;

margin-bottom: 10px;

}

.contact-form-name{

background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG30VxeYW09mLe6UHypXiGAgCPgWC4lXyU8N3EnYkM_dRzu7opxYYaeFop7KRPzN39Qh67tofaOLyuUqzcROwe4be8uzVBCrE8RKr9cz0WuvrGykdoFhA70s7KZYPCdJjDnx7JCXL_vuE/s320/name.png) no-repeat 5px 4px;

background-color: #FFF;

border: 1px solid #ddd;

box-sizing: border-box;

color: #A0A0A0;

display: inline-block;

font-family: Arial,sans-serif;

font-size: 12px;

font-weight:bold;

height: 24px;

margin: 0;

margin-top: 5px;

padding: 5px 15px 5px 28px;

vertical-align: top;

}

.contact-form-email {

background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP8Po9JahmgbHKoCwGQdznyOoXBhOfj5U_r6Bx_6GWQki23Clri0qs1tiQ_eJ7pdKuJpsFPV098cpHLTqcn_CRD8DLUL0dWSY_tjctjeW4KGBtv5CmO28DLtnwBt-hOgEFpMdLs8GN3s4/s320/email.png) no-repeat 5px 4px;

background-color: #FFF;

border: 1px solid #ddd;

box-sizing: border-box;

color: #A0A0A0;

display: inline-block;

font-family: Arial,sans-serif;

font-size: 12px;

font-weight:bold;

height: 24px;

margin: 0;

margin-top: 5px;

padding: 5px 15px 5px 28px;

vertical-align: top;

}

.contact-form-email-message {

background: #FFF;

background-color: #FFF;

border: 1px solid #ddd;

box-sizing: border-box;

color: #A0A0A0;

display: inline-block;

font-family: arial;

font-size: 12px;

margin-top: 5px;

padding: 10px;

vertical-align: top;

height: 150px;

border-radius:4px;

}

.contact-form-button-submit {

border-color: #C1C1C1;

background: #333333;

color: #FFFFFF;

width: 20%;

max-width: 20%;

margin-bottom: 10px;

height: 32px;

line-height: 28px;

}

.contact-form-button-submit:hover{

background: #000000;

color: #ffffff;

border: 1px solid #FAFAFA;

}

To add the style, go to Template > Edit HTML, press Ctrl + F to search for

]]></b:skin> and paste the code just above it. Save template and you are done.

Make Your Computer Greet You

2013-07-20T08:21:00.000+05:30

You can even make Windows Welcome you with a custom voice message at Startup.

To use this trick, follow the instructions given below:

1. Click on Start. Navigate to All Programs, Accessories and Notepad.

2. Copy and paste the exact code given below.

Dim speaks, speech
speaks="Welcome to your PC, Username"
Set speech=CreateObject("sapi.spvoice")
speech.Speak speaks

3. Replace Username with your own name.

4. Click on File Menu, Save As, select All Types in Save as Type option, and save the file as Welcome.vbs

5. Copy the saved file.

6. Go to C:\Documents and Settings\All Users\Start Menu\Programs\Startup (in Windows XP), and for Windows Vista, Windows 7 and Windows 8 go to C:\Users\ {User-Name}\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup

Note: If C: is your System drive. AppData is a hidden folder. So, you will need to select showing hidden folders in Folder options to locate it.

7. Paste the file.

Now when the next time you start your computer, Windows will welcome you in its own computerized voice.

Note: For best results, it is recommended to change sound scheme to No Sounds. You can change the sound scheme to No Sounds by following the steps given below:

Go to Control Panel.
Click on Switch to Classic View.
Click on Sounds and Audio Devices.
Click on the Sounds Tab.
Select No Sounds from the Sound Scheme option.
If you wish to save your Previous Sound Scheme, you can save it by clicking Yes in the popup menu.
Click on OK.

Try it yourself to see how it works. In my personal opinion, this is an excellent trick.

Make Your Computer Speak What You Type

2013-07-19T21:36:00.000+05:30

You are at the right place, this article describes exactly how you can make your computer speak for you.

With this trick, you can make your Computer speak for you anything in its computerized voice.

To use this trick, follow the instructions given below:-

Click on Start. Navigate to All Programs, Accessories and Notepad.
Copy and paste the exact code given below.

Dim Message, Speak
Message=InputBox("What do you want me to say?","Speak to Me")
Set Speak=CreateObject("sapi.spvoice")
Speak.Speak Message

Click on File Menu, Save As, select All Types in Save as Type option, and save the file as Speaker.vbs
Now double click on Speaker.vbs to execute or run.

Type in the input box whatever you want your computer to speak for you.

Try it yourself to see how it works. You can impress your family & friends by making your Computer Speak and be the Computer Wiz.

One Tab Extension For Google Chrome - Save Up To 95% Memory

2013-07-02T15:12:00.000+05:30

If you’re anything like most internet users, you probably have dozens of tabs open on your browser. For Google Chrome users, one of the most efficient new ways of taking care of this immense memory drain is through the use of the One Tab extension.

How it works?

Whenever you find yourself with too many tabs, click the One Tab icon to convert all of your tabs into a list. When you need to access the tabs again, you can either restore them individually or all at once. When your tabs are in the One Tab list, you will save up to 95% of memory because you will have reduced the number of tabs open in Google Chrome. Still, you’ll have any previously opened tab at your fingertips. Best of all, the One Tab extension is free of charge and perfectly secure.

One Tab is a great addition and if you're staring at a screen full of tabs and looking for a simple way to manage them while freeing up system resources, this just may be the solution you've been looking for.

One Tab Website [Official Site]

Top 8 Google Chrome Extensions For Better And Faster Browsing

2013-06-27T17:41:00.000+05:30

Google Chrome has much to recommend it as a browser, but a veteran FireFox or habitual Internet Explorer user may be hesitant to give up the add-ons or plug-ins that make their favorite web browsers more useful. Chrome extensions are the answer here, as they replicate or replace the functionality found in typical browser plug-ins.

Below we list the top 8 Chrome extensions to get you started.

1. Feedly

If you have bookmarked RSS feeds from Google Reader, Twitter, Delicious, YouTube or Amazon, the Feedly Chrome extension is your new best friend. Feedly automatically imports your feeds, then arranges the content into a eye-pleasing magazine page. The Feedly extension also keeps a running tally of your unread items in the address bar, so you know exactly how many stories await in your new personal news site.

2. Send from Gmail

If you're a Google Chrome user, odds are you're a Gmail user, too. This Chrome extension will direct every e-mail link on a website to a Gmail window, rather than firing up MS Outlook. No more copy-and-pasting e-mail addresses into Gmail for you. As an added bonus, you can instantly email the URL to any page you're reading using this extension. This makes it so much easier to spam out that link for the latest LOLcats image or OK Go video.

3. Google Mail Checker

The only real disadvantage to Gmail compared with a desktop-based mail client is that, unless you have Gmail open, you don't get instant notification that new mail has been received. The Google Mail Checker Chrome extension keeps a running tally of your unread Gmail messages next to the Chrome address bar, and clicking the extension icon will open a Gmail tab. Never wonder whether you've got unread Gmail again.

4. IE Tab

Some sites are optimized to run exclusively in Internet Explorer, especially Microsoft products like Outlook Web Access. Don't give up that native IE Web functionality just because you're using Chrome. The IE Tab Chrome Extension creates a virtual IE browser within Chrome, so you get all the Internet Explorer-ness without running two different browsers.

5. FastestChrome

Highlighting text from a page, copying it, opening a new tab, pasting it and hitting enter to search had already branded itself deep into our muscle memory by the time we discovered FastestChrome, which executes the whole routine in a single click. It pops up a bubble full of search sites whenever you highlight text, and does a lot of other cool tricks, too. The qLauncher, for instance, lets you launch any of your favorite bookmarks by combining them with a key.

6. Stop Autoplay for YouTube

There are a lot of Chrome extensions that stop videos from automatically playing when you visit their host pages, but the Stop Autoplay Chrome Extension goes the extra mile: It stops autoplay but still pre-buffers the video. For those of you with slow connections, no longer must you suffer through stuttering YouTube playback while you wait for the entire video to load. Simply wait for the progress bar to fill up, and then hit play; your video will be waiting for you.

7. AdBlock

Some claim that ad blocking is killing the free Web; others say that ad blockers are simply killing bad advertisers. Whatever your position, anyone looking for an equivalent of Greasemonkey for Chrome should start with the AdBlock Chrome extension. It strips out most ads from the majority of websites, making for a cleaner, faster (and, thanks to blocked auto playing video ads, quieter) browsing experience.

8. Google Quick Scroll

Use this extension to help you locate relevant information faster. When you search for something in Google and click a link, Google Quick Scroll will highlight the text that’s most relevant to your query and allow you to jump to that section of the page.

These Chrome extensions will get you started down the road to more efficient, effective Web browsing, but they're just the beginning.

A New Blogger Widget: Contact Form

2013-06-14T20:23:00.000+05:30

Just a few days ago, Blogger introduced a new widget. It is about a contact form that you can add to your blog easily. It is very basic, because - at least for now, does not permit incorporating files or send anything other than plain text.

The contact form for Blogger has the following features:

Field for the user name
Field for email
Field for the message (textarea)
Submit Button

Definitely this new contact form will be challenge to third party provider which has many blogger already created contact form using third party plugin. Moreover it is easy to add this widget into your blog. Follow the steps below.

How to Add Blogger Contact Form into Your Blog

1. Go to Blogger > Select Your Blog > Layout

2. Click Add gadget and select More Gadgets tab in left side.

3. Now click Contact Form and Save it.

This widget is absolutely customizable, so coming days you can expect a good design of customized contact form widget from me. I will share you the customized version of this widget soon.

Recreate Facebook Logo Using CSS

2013-05-17T21:55:00.000+05:30

Facebook is one of the top social networks. Facebook possesses great success in the social networking services and has grown immensely in a short period of time. The website has expanded itself to many countries of the world.

Facebook, originally known as “The Facebook”, was created in 2003 by Mark Zuckerberg, along with his Harvard roommate and classmates Eduardo Saverin, Dustin Moskovitz and Chris Hughes. In 2005, “The” was eliminated, and has since then been called only “Facebook”.

DESIGN ELEMENTS OF FACEBOOK LOGO

Since its inception, Facebook has not made drastic modifications to its logo, except for changing the shade and resolution of the logo. Facebook has successfully held the same brand image and nonpareil recognition for providing people with the ability to share and connect with the world.

COLOR OF FACEBOOK LOGO

The Facebook logo comprises of a blue background and white font. The color of the logo signifies zeal and passion of the youth that formed this network.

I was inspired by the idea that you can make a wide range of shapes using CSS. I created the Facebook’s [ f ] Icon.

HTML

<div id="f"></div>

CSS

#f {
width: 100px;
height: 80px;
background-color: #3B5998;
border-bottom: 20px solid #6d84b4;
position: relative;
}
#f:before {
position: absolute;
top: 15px;
right: 15px;
border: 15px solid #fff;
border-bottom: none;
border-right: none;
border-top-left-radius: 15px;
width: 15px;
height: 65px;
content: "";
}
#f:after {
position: absolute;
top: 44px;
left: 43px;
height: 15px;
width: 42px;
background-color: #fff;
content: "";
}

It works in Firefox 5, Chrome 13, and Safari 5.1. It works in IE8, but the [ f ] is not rounded. See the JS Fiddle version.

Hex Color Code Generator And Color Wheel For Bloggers

2013-05-10T15:56:00.001+05:30

The two tools below will help you get the six digit color code i.e. hexadecimal value. These tools will help you a lot in customizing your Blogger templates and for writing more appealing posts. Kindly follow the instructions for each tool before using it.

Color Code Generator

Instructions:

First drag the bar on the "Hue" selector to the area of your desired color palate.
Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired color. The "Swatch" bar shows you the final color result.
The hexadecimal color code is generated in the "Hex" box. Simply copy the six digit code i.e. #000000
That’s it!

Color Wheel For Choosing Matching Palate Colors

This is a pretty useful tool to achieve matching or cohesive colors for navigation menu, background, hyperlinks, header etc. Instructions:

Simply paste the six digit color code in the form below without the hash (#) sign and then hit Update
The matching color codes will appear inside the four boxes at the right side.
You can then copy the hex values and start using them!

All credits to: 2createawebsite

6 Best Alternatives To Paypal For Money Transfer And Payments

2013-04-15T20:12:00.000+05:30

The first thing you need to realize is that if you are looking for a really good alternative to Paypal, you’re out of luck. The reality is that currently Paypal is the best online payment services provider with lots of features. After that if you are not satisfied with it, and want to know what are the best Paypal alternatives out there for small business owners, online sellers, and self-employed professionals.

Check out this comprehensive list of online payment services-

Google Wallet

At Google wallet online payment is processed at too fast speed. It behaves as digital wallet at NFC terminal in US, where you can pay quickly by tapping the back of your android phone.

Different from Paypal, wallet doesn’t provide money transfer between different wallet users. Further, fees are not charged if you are using wallet online or in-store, this is applicable only on their selected online merchants (who uses Google services) where wallet accepts US credit cards only.

MoneyBookers

MoneyBookers (now known as “Skrill”) has overcome the Google wallet drawback that these were allow you to send and receive money from other users. Moneybookers allows you to do online money transactions with both your credit or debit cards (having MasterCard or Visa certification).

Moneybookers supports any currency money transfers and more concerned about sending money, as there are a small number of merchants who are using its services.

Payza

Payza allows you to send and receive money in almost all countries with near about currencies. Payza supports certain banks for direct cash transfer in limited countries. Payza also supports credit/debit cards for instant payment deposit.

Payza charges small fee for its services as compared to Paypal. Besides of all, Payza allows you to transfer money between its users.

PerfectMoney

PerfectMoney also allows you to transfer money between users. The main drawback of PerfectMoney is that it supports only three currency format i.e. USD, EURO & Gold.

PerfectMoney is best for consumers of Russia and Ukraine, as payment is instantly available at various PerfectMoney terminals in these countries. Debit cards are also accepted but only of limited banks.

Globepay

Globepay also allows you to transfer funds between users. Globepay is widely accepted by businesses all over the world. Globepay only supports its own prepaid card which can be obtained from certain banks. Globepay offers the facility of linking your local bank account with your Globepay account.

Payoneer

Payonner has added some creative features in its services. On sign-up for the service it will permit you to access to a prepaid MasterCard which will be sent to your doorway. On activation, you can load money into this card from your nearby bank. This card can be used for withdrawing money in different countries with their own currencies. There is small annual fee for this card feature. This card is much helpful for travelers.

YouTube Shutting Down In April Fools' Day Prank

2013-04-01T13:48:00.000+05:30

In an elaborate April fool’s prank, YouTube announced Sunday it was going dark for a decade, and that the site was merely an eight-year contest to find the best video.

"It's finally time to pick the winner," YouTube representatives announced in a 3:32 minute video posted on its homepage.

The message was simple: the world's most popular video-sharing website would close at the end of the day to review all the video submissions it has received over the years, and would announce the best one in 2023.

The 10 Smartest Web Analytics Tools

2013-03-26T08:58:00.000+05:30

All website holders want their website to be attractive for the visitors. To make it so successful web analytics tools plays a very essential function. There are lots of web analytics tool are present that support website owners to figure out its visitors in an improved technique. Here, we described top ten web analytics tools that collect and analyses information of your webpage.

1. Google Analytics

With its support you can simply know the visitor’s counties, provinces/states, cities, type of connection, browser, browsing prototype and many more data.

2. Woopra

Woopra is a web analytics tool developed in Java. In this tool the data gathered from your site is represented graphically, supporting you to analyse from where readers are approaching and which tags is bringing them to your website.

3. Piwik

It is an open-source web analytics tool that is developed using the PHP and MySQL. It provides complete information of the visitors on the website.

4. W3Perl

W3Perl is different from another web analytic tool as it calculates the web traffic and parses the log files of email and RSS to calculate whatever you choose. With this tool you can increase real-time stats simply by setting administration interface.

5. Snoop

This is a desktop-based web analytic tool which runs only in the Mac OS X and Windows XP/Vista. Snoop tool properly fits on the status bar/system tray with the audible sound.

6. AW Stats

AW Stats web analytic tool is installed by web hosting companies; if you want to set your own server you can easily download this tool. It’s a best detective tool as it goes deeper into referring websites and monitors whether a person is linking files from your website.

7. W3Counter

W3Counter web analytic tool gets in both free and paid version. This tool allows tracking of page views across websites in a day/month with all the useful stats.

8. Shiny Stat

Shiny Stat web analytic tool offers software packages for individual and professional users who need to track marketing and to monitor sales and ROI. This tool also offers the service for ISPs to install hosting accounts.

9. E-Logic

E-logic web analytics tool provides three level services according to your needs. With this tool you can simply get the stat counter of website. Its basic web stats tool is free that give you tools such as referring sites, a history, demographics and more.

10. Stat Counter

Stat Counter web analytic tool seems to have a simple interface, but it handles several author blogs that allow you to allocate unique codes to authors as their identity.

All these web analytic tools have their own benefit. Webmasters and Website owners can see it and choose the one that suits their necessity.

How To Share Google Doc Files

2013-03-26T08:43:00.000+05:30

Online file storage offers you many benefits above local storage, similar to online backups, ease of access from any location and easy sharing of file with other people. Google Docs permits you to make and share any kind of Google Doc file, so you and others can simply work together on them online without the difficulty of mailing files to each other or frequently downloading and uploading files.

While you can send an email request to any address for sharing a file, recipients must have a Google account to actually access the document.

1. Sign in to your Google Docs account and find the document you wish to share.

2. Open the ‘Share’ option. If you’re screening the document itself, click the blue ‘Share’ button close to the peak of the document. If you’re screening document file list in Google Docs, check the checkbox next to the document you wish to share and then click the ‘More’ drop-down menu close to the peak; there you can choose ‘Share’, then ‘Share’ once more.

3. Choose the individual or group you wish to share the file among. You can click the ‘Choose from contacts’ link to open one more window and choose contacts from your address list or you can start typing a name or email address from your address list and that personnel contact information will automatically comes out. Another option is to type person email addresses distinguished by a comma.

4. Click the drop-down menu to the right of each individual you’re sharing the file with to indicate one of three access rights. ‘Can edit’ permits recipients to see and change the document plus add comments that don’t really change the document’s contents. ‘Can comment’ only permits recipients to see the document and attach comments to it. ‘Can view’ permits recipients to see the document but not change it or attach comments.

5. Click ‘Share & save’ to share the document.

How To Increase Browsing Speed

2013-03-26T08:15:00.000+05:30

This article will show you how to increase your productivity when your connection is slow. Many of these steps are also good tips for how to increase the speed of browsing.

Google Chrome

Enhance Google Chrome speed by clicking on the ‘wrench’ located to the extreme right of the toolbar, selecting ‘Settings’. Then click below on the link ‘show advanced settings’. Under Privacy uncheck ‘Use a prediction service to help complete searches and URLs typed in the address bar ‘, ‘Use a web service to help resolve spelling errors’, ‘Automatically send usage statistics and crash reports to Google’ and ‘Send a ‘Do Not Track’ request with your browsing traffic’.

Selecting ‘Extensions’ then uncheck ‘Enabled’ from the extensions which are not in use from long time. Restart Google Chrome to finish updating.

Mozilla Firefox

Go to ‘Firefox’ button under dropdown menu and go to ‘options’ > ‘options’. Under ‘Advanced’ Tab > go to ‘Network’ tab and set ‘Limit Cache to’ value to 80 MB of ‘disk space’.

Go to ‘Firefox’ button again under dropdown menu and go to ‘Add-ons’ > ‘Extensions’. Disable extensions using ‘Disable’ button in front of extensions for extensions which are not currently in use from long time. Restart Mozilla Firefox to confirm changes.

Internet Explorer

Start increasing your Internet Explorer by using the built in settings. By default, Internet Explorer Performance is installed with the operating system. Close all the programs you are running on your computer. Click ‘Start’, and then select ‘Control Panel’. Choose ‘Find’ and ‘Fix Problems’ located below ‘System and Security’. Click on ‘View All’ on the task panel located on the left. Select ‘Internet Explorer Performance’ and ‘Next’ in the dialogue box. Allow the program to run and fix any issues to optimize your Internet Explorer, and click ‘Close’ when done.

Remove all add-ons not in use at present. Find add-ons by clicking on ‘Tools’ from the toolbar tab scroll down and select ‘Manage Add-ons’. Choose any add-ons that are not in use presently, and remove or disable them as allowable. Each Internet Explorer add-on varies in how you can handle it. ‘Disable’ allow you to continue the add-on in the browser for later reactivation, but not everyone will allow you to do that. In that case, remove the unused program.

Decrease the total of hard drive space the browser use for caching websites. Click on ‘Tools’, then ‘Internet Options’; then, under ‘Browser History’, select ‘Settings’, and lower the disk space to use to 80.

Google Launches "Help For Hacked Sites" To Teach Webmasters Whose Sites Were Hacked

2013-03-22T10:09:00.000+05:30

No site is fully immune to getting hacked, but there are some obvious things every site owner can do to make it a bit harder for hackers to break into a web server and add rogue links or take over a site completely. Google launched its new “Help for Hacked Sites” series to teach webmasters how to avoid getting hacked in the first place – and how to recover their sites if it happens.

The announcement begins with an overview video that describes how and why sites are hacked, followed by a video that describes how to assess what has been changed on your website, and how to fix it. A third video offers tips on how to identify whether your website has been hacked, as well as specific actions to avoid if you discover malware on your website.

One particularly useful tool noted in the third video is Google’s publicly-available website diagnostic tool. To use it, visit the following URL, with your website appended at the end.

www.google.com/safebrowsing/diagnostic?site=

For example, to conduct a quick diagnostic test of whether Digital Tech Inspiration.com has any malware, you'd visit

www.google.com/safebrowsing/diagnostic?site=digitaltechinspiration.com

The announcement concludes with tips for preventing your website from being hacked.

You can watch all the videos below:

The Best Google Doodles Created By Indian Students

2013-03-19T14:08:00.000+05:30

By Arun Kumar Yadav (National Winner 2012), Kendriya Vidyalaya;

India

has diverse cultures, religions, languages, customs and traditions. This diversity can be witnessed in enthusiasm for sports; unique folk culture; extraordinary remarkable handicrafts; wide range of flora and fauna; agricultural practices with worldwide farming output; unparalleled spices and cuisines... Such colossal diversities represent Indias oneness.

By Varsha Gupta (National Winner 2011), Ryan International School, Greater Noida; India is a land of different cultures. In India Music plays a very importatnt role. India has given many musical instruments to the world. Example:- Tabla, Sarod, Veena, Shehnai etc. Goddess Saraswati plays Veena, God Shiv plays damaru. According to our mythlogical stories musical instruments used to be played on all the occassions. Even during war musical instruments were played. Lord Krishna's flute is known in the whole world for its magical music. In mordern days mr. Zakir Hussain is world famous as Tabla Mastro. Pandit Shiv Kumar Sharma is known as a great Santoor player all over the world.

By Gulafsha Bano, St. Anthony's Day School; The G is made of hands of bride, a brother wearing a rakhi, clasping each other providing support. The vermillion alta smeared hands make the Os. A marigold garland, and tilak - a part of all festivities.

By M. Pranshu Tanaya, D.A.V. Public School; Google here presents the unified India showered by uneducated to educated person. G: 'Grapes' from Himachal Pradesh O: 'Orange' from Maharashtra O: 'Olive' from Jammu and Kashmir G: 'Guava' from Uttar Pradesh L: 'Lichi' from Jharkhand E: the sugarcane leaf showing contribution from U.P, Bihar, Odisha and other parts of India

By Vasudevan Deepak, Devgiri CMI Public School; India is like a large banyan tree that shelters and protects everyone who comes to it. It brings different kinds of living things together under the same roof.

By Kajal C. Soni, Queen Mary School; G of google has a Mosque for muslims, a Church for Christians and a Temple for Hindus, in such a way that all religions are united and do not have any violence. Both O's represent Diwali and Holi both of which are festivals celebrated by Hindus. The small 'g' represents a 9 day festival Navratri. The letter L represents Gandhi Jayanti and below has the Emblem of India. E has Santa Claus.

By Saubhagya Kalia, Sri Aurobindo School of Integral Education; India is very rich in fruit. They are of many kinds, shapes and size, and grow in different parts of India depending on their climatic needs.

By Shravya Manjunath, Mitra Academy; The Doodle here represents the different dance forms of India. Dance, being the common topic in this doodle has many sub-divisions.

By Vidhi Binwal, The Orchid School; Indian Villages have diversity in culture, religion and the ways they make their living. Some sell earthen pots, some sell home-made eatables, while some sell coconuts, but they all co-exist and live together.

By Aditi Tiwari, Amity International School; This doodle consists of people from different parts of India having different culture. There is a sikh boy, person from Brij in Krishna Mudra, people doing Bharat Natyam, Kathakali, people doing Yoga showing ancient culture of India

By S. Preetham Paul, Sri Prakash Vidyaniketan, T.P.T. Branch; India is the home to a wide variety of languages, crops, religions, architectural masonry, music and dance forms, and so on, with blurred boundaries between them. Despite such immense diversity of culture across the country, Indians tend to be together, and take the nation forward, towards progress.

By Samiksha Goel, Kendriya Vidyalaya No. 1 Uppal; India is known for its unity in diversity all over the world. Whether it is Gupchup, Golgappa, or Panipuri the flavour, aroma and taste remain the same in any corner of the world but are called different names. Exactly the way Indians are bonded together in unity inspite of their diverse cultures, customs and religions.

By Prasun Jain, Anand Vihar Higher Secondary School; This doodle describes India as a secular country where there is no caste discrimination. All the people of the country celebrate any festival without any discrimination and in India all people live together with joy and happiness and this will make the country India, which shows "Unity in Diversity".

By Md. Aftab Alam, Albany Hall Public School; "In India we have many cultures, sports, religions and activities. Yoga is India's gift to the world. So I made this logo for Google," said the creator.

By Nishi Bordia, The Emrald Heights International School; It is evident from the magnificent number of inventions and discoveries like those in the fields of trignometry, genetics, astronomy, methematics and many others that talent on this land is a natural instinct. India has presented some amazing concepts like chess, snakes and ladders, ahimsa, ayurveda, zero, ten numeral system and yoga, to name a few. These creations which span life and death make its creator itself an extramely special gift, India, a special gift to the world.

By Abhinav R., Stanes AI higher Secondary School;

India

is a cradle of human race, the birthplace of human speech, the mother of history, the grandmother of legend and the great grandmother of tradition.

By Shibajyoti Choudhury, Little flower School; My dream for India to become an excellent country in all fields like peace, nature, education, technology & science, sports, forest, wealth, happiness, friendship and art etc. Besides India, our whole world need to become an excellent place to live, where no shortage of food, no fighting among religions or nations, no damage of nature etc.. The people of the dark (or under) world are being brought in brigher world. All religions will work jointly and all weapons the world will be destroyed. We together will enjoy Holi, Diwali, Id, Christmas etc. and spread love to the whole world.

By Trisha Chatterjee, City Montessori School; This doodle depicts Durga Puja. Here 'G' represents 'DHAKI', the double 'O' represents the beautiful face of 'Goddes Durga', 'g' represents the brightness of the festival, 'l' represents Ma's weapon 'Trishul' and 'e' represents 'DHUNUCHI'. This festival is celebrated by the Bengali's all over the country as well as in abroad. Thus this festival in an important part of Indian culture.

By Raghvi Bhatia, Delhi Public School (R K Puram); It is little known that chess and playing cards, both used throughout the world, originated in

India

. Aryabhatta, an Indian mathematician was the one to discover zero. Buddhism, an important religion, which has also heavily influenced Christianity, and Sanskrit, the basis of all European languages, are also some of India’s many priceless gifts. Indian literature has also been a great contribution to the world. However, as India has not ever invaded another country,

India

’s greatest gift to the world would have to be peace.

By Shubham R Vernekar, St. Aloysius High School; My doodle stands for the contributions & gifts that

INDIA

has contributed to this world. In my doodle, the letter G stands for the saints & holy people who have taught the world to lead a better life; O stand for Indias contribution in the field of medicine, i.e. Ayurveda; the other O stands for zero without which there would be no mathematics or science; the letter G represents yoga which keeps you fit & healthy; the letter L stands for Chess which is a game of Intelegence; letter E stands for hockey that represents the stamina of Indians. It is the national game of India. The other contributions would include Taj Mahal, Qutub Minar which signifies our architecture, basmati rice which originated in

India

, wonderful mythological books like Ramayana & Mahabharata.

By Gayatri Ketharaman, The Bishop's co-ed School;

India

’s greatest gift to the world has been it’s message of peace, universal love and gentleness towards all beings, which has been spread by leaders like the Buddha and Mahatma Gandhi. Its other important contributions are - invention of the concept of ‘zero’, the ‘C.V.Raman Effect’, and providing knowledge of healing through yoga and ayurveda. Both navigation and the game of chess have their roots in India. Truly , its contributions to the world are both numerous and remarkable!

By Rohit Dhote, Bhavan's Bhagwandas Purohit Vidya Mandir;

India

is a sacred land which gifts evertything it has to the world. Indian culture promotes peace and equality amongst all the religions. This sets an example before all non-secular countries. India is moving ahead today for a greener tomorrow. It is also developing in the field of science to help other countries. Many foreign companies invest in the Indian stock exchange and earn good profits. Indian cultural spirits have always influenced the world. In the field of yoga, India has achieved a wide acclaim. It is also famous for its vivid arts. India, our motherland, is a country with diverse religions, cultures, beliefs and ideas. Unity in diversity is her motto.

By Vaibhav Shenoy M, Canara High School; My motherland has many origins and religions. My land is empowered by Non-violence, Peace and Unity. It expects these in all beings. Our Arts, Sculptures and music made the world wonderful. We contributed Ayurveda and Yoga to all beings to live healthy.

Meet the Original Doodler [Video]

Convert Your Mini / Micro SIM Into A Nano-SIM For Apple iPhone 5

2013-03-15T16:52:00.000+05:30

As reported earlier, the iPhone 5 is already selling well in India through the grey market, even though it has not been officially launched. For those of you wondering how the new handset can be used in India, since it comes with a Nano-SIM slot that is smaller and thinner than regular SIMs. The guide describes a step-by-step procedure to craft the smaller SIM variant out of the full-size version using easily available tools such as a felt pen, scale, and sharp scissors. However, be warned that this is a risky method that can potentially render your SIM unusable. Click on the image below to download the template.

[ Video Tutorial ]

How To Design A Unique And Unforgettable Logo

2013-03-13T10:11:00.004+05:30

Good logo designers are not only able to design you a professional logo, but they will also make sure that your logo is distinct and unique to create a long-lasting impression. There are of course a million logo designers out there who all have their unique and personal approach to this endeavor, and one who I have always had great admiration for is Graham Smith.

Graham runs a company called imjustcreative and is one of the very best when it comes to designing memorable, unforgettable and professional logos.

In recent times the term ‘logo’ has been used to describe signs, emblems, coats of arms, symbols and even flags. In this infographic several examples of logotypes are displayed, which may generally be contrasted with emblems, or marks which include non-textual graphics of some kind. Enjoy!

Created by Sothink Team