Archive for the ‘ Designs ’ Category

How to add google plus one button on websites

Adding Google plus one button on websiteshow-to-add-google-plus-one-1-button

Step 1: Log on to :

step 2: Select the size of the button

step 3: Enter full link



and Copy paste the code

<—Head Section code on <head> tag–>

and place you need google button on the site

finally google plus one button added on your website.




IDEs Built from Text Editors

Integrated Development Environment

An integrated development environment (IDE) also known as integrated design environment or integrated debugging environment is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of:

  • a source code editor
  • a compiler and/or an interpreter
  • build automation tools
  • a debugger.

Some IDE are :


Languages: C, C++, Python, Perl PHP, Java, Ruby and more

Price: FREE

Eclipse is the free and open-source editor upon which many development frameworks are based. It’s one of the granddaddies in its field and comes highly recommended by many a professional developer. Eclipse began as a Java development environment and has greatly expanded through a system of lightweight plugins.


Languages: Java, JavaScript, PHP, Python, Ruby, C, C++ and more



NetBeans is neck-and-neck with Eclipse as the most-recommended IDE in this category. It’s free and open-source, supports tons of languages with more plugins coming all the time, and is incredibly simple to install and use, even for a beginner.


Languages: Perl, Python, Tcl, PHP, Ruby, Javascript and more
Price: $295


This enterprise-level tool might be best for the pro developer because of its higher price point. For beginners, you might also want to check out the Komodo-based, FOSS editor Open Komodo or Komodo’s FOSS version, Komodo Edit.


Languages: HTML, CSS, JavaScript, AJAX and others via plugins
Price: FREE


Aptana is a popular choice for web app development. Aptana Studio2 can be used as a stand-alone IDE or can be plugged into Eclipse. Aptana comes with Firebug support built-in, and its developer community seems to release plugins for other languages as needed.


Languages: Python and Ruby
Price: $59.99 (personal developer license)


This IDE is designed for Python and Ruby devs creating apps for Windows and Linux. It includes a text editor as well as a GUI designer that uses pyQT and QT Designer. The makers of BlackAdder allow you to test drive the IDE in a limited demo version.


Languages: C, Java, PHP, HTML, Python, Perl, Pascal and a boatload more
Price: FREE


Geany bills itself as a “small and fast” IDE, but it is by no means a lightweight. Its list of supported languages is about a block long; it’s highly customizable; and it features a robust set of plugins which is open for hacking.

Here’s a chart showing the differences and similarities between a few multi-language IDEs. An asterisk denotes the need to use a third-party or other plugin to achieve the desired functionality. The .NET column indicates support for .NET languages, particularly C#. “FOSS” is the acronym for “free and open-source.” Click the image to see a slightly larger version.

PlayStation Move demos impress as Sony disses Kinect

The PlayStation Move hits store shelves on September 17, and Sony is hard at work convincing gamers that it’s something they need. The company has been aggressively touring the different trade and community events, showing the press and gamers a series of tech demos in order to highlight what the hardware can do. A new video with some of these demos has been posted to the PlayStation Blog. (We had a chance to test-drive some of this content at E3, and it’s an impressive use of the technology.

5 New URL Shortening Services to Shorten Web Links

5 New URL Shortening Services to Shorten Web Links


An URL shortener is a service that can take in webpage links which are big and clumsy looking and converts them into small web addresses. This makes the links slimmer and convenient for us to share everywhere on internet like Facebook, Twitter, MySpace etc. Specially the URL shortner services

2) has a very nice interface. It does not provide any bookmarklet or direct sharing to social networks, but the unique service it provides is creating custom links adding a password to link and limiting maximum number of visitors who can click on that link.


It gives simple interface to input web links to be shortened. It also provides a bookmarklet to shorten links directly from your browser. There is no service for sharing the shortened links from this site.


Its shorten the link and share with many social metworking sites facebook,twitter,declious etc,,,,


Go2.t provides two fields of information that can be filled in one is the mandatory field for inserting the original webpage link that you want to shorten and other is a optional field for creating Custom Alias. It provides two bookmarklets one for shortening links directly from your browser and other to tweet links directly from browser. You can create an account to keep track of your converted links. It can store 25 links that were recently converted.

12 Great Free Video Tutorial Sites to improve your Tech Skills


free video tutorials

Woopid is our first stop for free technology video tutorials. Woopid’s video tutorials cover categories from Windows, Microsoft Office, Mac OS X, Linux and others for hardware and the web. The tutorials are designed both for the beginner and the advanced user. There are some really nice features which makes video instructions easier to manage. Woopid arranges related videos together in Bundles.

For instance, Beginners Guide to Excel 2007 is a bundle of 17 videos. The other nice thing is that you can request a tutorial using their Request a Personal Tutorial page. The one feature that I really like is the Take a Step Back and Moving Forward feature in all videos. Just like going forward or backwards between chapters, it links you to other previous or later videos.


free video tutorials

This is a video tutorial resource with a huge list of videos arranged in video channels. Though it is a bit heavy with free graphic designing video tutorials, you also get many on web designing (HTML, CSS, and XML) and some on Windows. Mac OS and iTunes also are covered quite well.

For the true blue geek, you have loads of tutorials on application development and C++ programming…and more. You can sign-up and create your own playlists. The site also lets you upload your own instructional videos and earn money through AdSense.

Video Tutorial Zone

free video tutorial sites

Video Tutorial Zone says it is a ‘Video Professor for Tech Geeks’. The professor is quite knowledgeable over categories ranging from SEO to Office Tools. There are some unique categories that may be sparse on other sites like tutorials on VOIP Telephony and Content Management which covers CMS like Joomla and Drupal.

You can also request a tutorial and also check out the current request list. Looking through the videos, I found that it’s a great place for the geek who knows the basic stuff and wants something more advanced.


As soon as I landed on Tubetorial’s homepage, I was greeted with quite a few WordPress tutorials. The site has a heavy leaning towards web apps and internet marketing videos. The site has a lot of blog style arrangement of free step-by-step video tutorials on internet marketing techniques. In between them, you might find a few on things like mindmapping.

The first video I checked out was on Blogger Law. I came away better educated. The one turn off could be the relatively high number of ads on the site. But hey, the knowledge is free.


I wouldn’t recommend TutorialParadise for its interface. It’s very ad-heavy. But here’s the good word on the tutorials. There are lots of them around lots of categories. You have a few hacking tutorials too. The other categories are Program Tutorials (graphic applications), Language Tutorials, OS Tutorials, and Database Tutorials.

Some of the tutorials come with source files which makes it easier to learn the step by steps. The site allows you to make a bit of money by submitting tutorials and they also have some competitions running.

Adobe TV

It’s straight from the horse’s mouth, so to speak. If you are a user of Adobe products, then you should have Adobe TV bookmarked. It brings you the absolute best from the Adobe community. Also, there’s the advantage of getting the latest uses of the latest products. Videos are updated daily. Many videos are presented as features. Take a dekko at the number of channels and you realize the learning that’s there for free. For young learners, I can recommend the one that says Students & Educators.

When you are at Adobe, also visit the Adobe Design Center. And just hop over to another great site called Kelby TV, if you want loads of insider tips from Photoshop gurus.

WordPress TV

It’s the video learning channel for those who work with the WordPress platform. Videos cover interesting tips, tricks and developments that are floating around the WordPress universe. The videos are in two languages – English and French. A lot of the videos also cover WordCamp, which is the WordPress meet-up.

CBT Cafe

When we are on graphic and web design, let’s also visit the Computer Based Training Café. The site gives you free online lessons on Flash, Fireworks, Dreamweaver, Photoshop, Cleaner, QuickTime, Ebay, and PowerPoint. I am not sure about the number of video tutorials because the tutorials come bunched together with the HTML tutorials. Video tutorials have a QuickTime link.

Got My Idea

Got My Idea is a category-rich video tutorial knowledge bank. You also get video tutorials on Wii, Xbox, and iPod, amongst others. Most of the videos lessons are sourced from YouTube but the site saves you the trouble of searching them out by putting it all in one central repository.


Showmedo is a peer-produced video-tutorials and screencasts site for free and open-source software. Many tutorials are presented as series of episodes. The focus of the site is on how to use open source software. For example, this is the place you can land if you want to learn something on Inkscape or GIMP.

Showmedo also brings in a feature that I believe should be a necessary part of all learning websites. The Learning Paths structures the video content in a way that you know where to start, where you are heading to and what skills you will require.

You might also like to Meet the GIMP if you are on the learning curve with the free image editor.

Go To And Learn

The site is about Flash and ActionScript tutorials. It will be a waste of time for someone who isn’t interested in either. But for the person who is into Flash programming this site is a good resource because it offers two things – free downloadable video tutorials and lesson files for download (at least some of them).

Best Tech Videos

The user driven social content website has 9675 videos on all things tech related. The collection of videos arranged in multifaceted categories makes it a great resource for not only learners but also for other varieties of IT workers. For instance, you have videos on Conferences held, IT best practices, and lectures on sub-disciplines line math and science.

Video lessons not only educate, but they also entertain. But the greatest benefit, both for educators and learners is that, online education using short videos makes it possible to emphasis what education should be about – anywhere, anytime, and absolutely free. Tell us if you are continuing your education with any online computer tutorial website

Banner Designs


How to Add Multimedia to Your Blog

The Basics

For most blog hosting sites, including WordPress and Tumblr, most multimedia is handled through embed codes. Don’t worry, you don’t need to know HTML; you just need to know where the button for viewing and editing HTML on your blog post is. All embeds can be handled as simple copy-and-paste jobs using these resources.

WordPress, Tumblr and any other half-decent blog host will have ways to add multimedia in their dashboard. Some of these are better than others. Tumblr tools are pretty intuitive whereas WordPress sometimes glitches when switching between HTML and visual formats. To save you all sorts of headaches, the following resources work off embed codes. This means you can see and edit all your multimedia visually, then copy-and-paste the final code into your post as HTML. Simple as that.

1. Audio

Audio is often overlooked as a multimedia device when compared to photo and video. There are, however, some great ways to include your favorite songs, or even some original audio, into your blog.

SoundCloud, an online platform for receiving, sending and distributing music, offers a ton of options, allowing you to upload any track from your computer and share it instantly. You can add track descriptions, catalogue numbers, a website to purchase (if applicable), keywords, artwork and even BPM and track type. While it’s a format more geared towards musicians, it’s a terrific way to include an audio intro or CEO interview in your post. After you save changes, click share to get the embed code or click any of the icons in the dropdown menu.

SoundCloud is completely free and includes smart features like the ability to add comments at specific time markers (perfect for breaking a long clip into chapters).

2. Photo

When dealing with photos, two services immediately come to mind—Picasa (from Google) and Flickr. Rather than taking those routes, we wanted to find you some completely free options that don’t require you to post your photos to a cloud account.

Uploading individual photos is a snap on most blog sites. Adding an embeddable slideshow, however, can make your post look more dynamic. It’s also a way to include a collection of photos without stretching your post well beyond the page break. let’s you create slideshows with a variety of effects from images on your computer. You can further customize by theme, size, background, and color, and even add music and establish privacy settings. A preview will pop up as you edit. Hitting “save” will bring up your embed code, or you can post directly to your blog using the icon menu on the left.

For those looking for a more professional approach, check out Photopeach. Slideshows can be customized with opening titles and end credits, giving the impression of a complete show. There are fewer options for editing the appearance of the slide, but sharing is still a synch from the menu that pops up on the right side of the slideshow.

3. Video

When it comes to video, the easiest option is usually to go straight to the source. Three popular video sites—YouTube, Vimeo and—all come with a simple “embed” button prominently displayed near the bottom of their videos. Most will allow you to edit the background and size of the video before you create your code.

Using Google can help you find exactly what kind of video you’re looking for. You can search by keyword, duration, date posted and host site (excluding Vimeo and

Mixpod is also an interesting alternative for creating video (or audio) playlists. Originally designed as an audio tool, Mixpod’s player also allows you to create a video playlist. If you want to use a video that isn’t by a musician, simply click on “add URL” to directly add whatever videos you want to embed. You can even rename and reorder your playlist however you’d like. Mixpod gives you a ton of freedom to select different players, themes and detailed color palettes. Word of advice: If you’re using video, make sure you select a player that can play it—some aren’t compatible.

BONUS: Twitter Widgets and Suitable Fonts


Embedding a Twitter widget can be a great, simple way to show news around a specific keyword. While there are tons of ways to add a specific stream—including Hootsuite and built-in devices from your blog—Twitter provides the easiest one to use. From Twitter’s site, we recommend selecting “search widget.” This lets you choose a title, search keyword, color scheme and widget size.

Fonts can convey a lot about your brand or personal identity. “The Lebron James/Comic Sans angry letter” is one example of someone choosing an inappropriate font. As silly as it seems, font choice can hurt the impact of your message.

If you like playing with fonts, try comparing a ton of variables using Typetester. While you can’t directly embed your preferences, it can give you a good sense of what typeset suits you. WordPress also has a handy resource for figuring out which fonts you can actually use and how to go about setting your general preferences in HTML.

%d bloggers like this: