Watch Live Tarawih Prayers From Makkah on YouTube

In this blessed month of ramadan, a YouTube channel named MakkahLive has been launched that shows live prayers from Al Masjid al-Haram in Saudi Arabia.  This is indeed a Ramadan gift from Google To Muslims worldwide. The prayers from the holy city are recorded live and broadcasted live through YouTube. Both audio and translation makes your heart feel as if you are in Makkah. The video stream was made live on July 31 2011. For the time being HD quality is not available but sound quality and buffering seems good.

Masjid ul haram is the largest Mosque in the world. Where often the largest human gathering takes place during Hajj pilgrimage.

Watch Live Stream from Al-Masjid al-Haram in Mecca

You can watch and hear the prayers going on live on our blog too. Just hit the play button to take a live tour.

2012 Live Tarawih Prayer

I wish peace and blessings for everyone in this beautiful month of ramadan. Be blessed and stay happy. Peace out! :>

Read More

Back To Top and Back To Bottom Buttons For Blogs

I wondered why don't we use back to bottom buttons just like back to top and this idea led me to jump at Photoshop again. The collection today consists of 20 high quality PNG static images that will allow your visitors to scroll up or scroll down thus making site navigation more easy and enjoying. Visitors are often too lazy to click Home or End button in the keyboard to scroll up or down the page and therefore these buttons will offer a much better flexibility to users to jump up or down as they wish and enjoy browsing through your blogs.

Live Demo

 

Download

How To These Buttons in Blogger?

Whether you are a blogger user or wordpress or you use any other CMS, the code below works for all platforms and is compatible with all browsers.

1. Go To Blogger > Design
2. Choose HTML/JavaScript widget
3. and paste these two codes inside it and hit save. That's it!

For scrolling Down use this code:

<a rel="nofollow" style="display:scroll;position:fixed;top:10px;right:5px;" href="#footer" title="Back to Top"><img src="ADD URL OF BACK TO BOTTOM BUTTON HERE"/></a>

Make sure to replace the bolded text with the link of your button. If for some reason the button didn't work then replace footer with credits. You can upload your button on blogger by read this post:

• Upload images on blogger

For scrolling Up use this code:

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="ADD URL OF BACK TO TOP BUTTON HERE"/></a>

Again fill up the required detail with the link/url of back to top button.

Download The Buttons

Kindly submit your Email ID below if you have not previously subscribed,

 

Next post the same Email ID in the comments box below to receive a free download copy instantly. By subscribing once you will get access to all our resources. We respect our subscribers and treat them the best we can.

You will also enjoy this post:

1. Feedback buttons
2. how to add Back to top button in blogger

Read More

Add Country Flag & Frames To Google Plus Profile Photos

When it is Google things are always extra ordinary. Google recently added Picnik to Google+ which is a image editing tool to add amazing effects to your G+ profile photos. You can crop, resize, rotate, fix red eye and do a lot more with this cool tool. One of the unique feature of Picnik is that it allows you to add text to your profile photos and not just that, you can also stick your country flag or any sports logo to your photo. You can even paint your profile pic! We edited the photo on the left side using Google+. Lets learn how.

 

How To Stick Country Flag To Google Plus Profile Photo?

I assume that you have read our previous post on Picnik, if not kindly read it first so that you may know how to launch this tool,

• Learn how to use Picnik?

Click the Create button on picnik and then click on Stickers. You will then see many options appearing on the left. Choose your country from the drop down menu under Select Team. Then click con USA Stickers (In your Case it will be your country name instead of USA) A small adjustable image resizer will appear on your image. Simply drag it or expand it to enlarge the flag size. That's it you are done!

Note:- To go back click Undo from top right to undo any editing changes you have made. If you wish to delete the flag then click on the flag and click on the Delete button that appears next to it.

 

How To Add Text To Profile Photos?

For Adding text select TEXT from the menu at the top of your picnik tool and then write any text you want in the box and hit apply. You can then drag the text anywhere you want and can also change its size and colors. You can also change the font family.

 

How To Add Frames Across Profile Photo?

Similarly Click Frames from the Top and then select any outline you want for you photo. At present only limited frames are available for free and other frames can be purchased by upgrading your picnik account for premium options.

How to Add Creative Common Attribution License?

You can add copyright symbols, no redistribution or no copy symbols using the photo license option.

Go To Stickers again and choose Photo Licenses from the options on the left and then you can play with dragging and resizing again as we did for previous effects.

You can do almost anything with your image to crop or resize the image you can click the Edit button next to create button. Then you will have multiple editing options like eyedropper, auto resize, exposure, contrast, color etc. It is simply a tool you can play with. I hope you found this tutorial helpful and if you have any questions just post us a question and it would a pleasure to help you out with your Plus experience. More Google+ tricks will be published soon so make sure you subscribe to receive all updates straight in your inbox.

Read More

Add Cool Image Effects To Google+ Profile Photos In Picnik

Picnik is a great image editing online tool that helps you to add amazing effects to your pictures on Google Plus. You can edit your profile photos by adjusting color and contrast, fix red-eye or even add stickers and text.  At present picnik can be used to edit profile photo only and with time I am sure Google will allow its use for editing other photos in your albums. You have complete control on the appearance of your profile pictures now with this useful tool. You can crop and auto fix it to give it a clear look and if you are too patriot then you can even add your Country Flag to your profile pic by choosing the Create Option in picnik as discussed below.

 

How To Edit Profile Photos in Google Plus?

1. In your Profile page click the Edit Profile button and then click the link "Change Photo" below your profile picture
2. Upload your profile photo and click the link Edit Photo in Picnik

    3.   It will take 1-2 minutes for picnik to load and then you will see an amazing image editing tool in front of you with multiple editing options.

You can rotate, crop, resize, add exposure and colors and fix red eye on your photos. You can try this out and play around yourself. I will recommend that you use Google Chrome for fast editing. If you observe carefully Picnik provides two options i.e. 1) Edit and 2) Create

The first option will allow you to add effects I already discussed and the second option i.e Create will allow you to add stickers and and text to your profile pictures. Amazing isn't it? I will share a detailed post on how can you add your website title or your name to your profile pic. Stay tuned. Have fun! :)

Read More

Make Your Google Plus Profile Picture Full size

I did a detailed analysis of what image dimensions are supported by Google+ for Profile Pic and scrapbook thumbnail images. Unfortunately the maximum image size supported by Google Plus is comparatively much smaller to Facebook which is 540px by 180px. The maximum profile image resolution in Google+ is 202px by 192px. This is my mere approximation and I can be wrong by 1 pixel more or less but as far as I could calculate the image dimensions using Photoshop, this was what I observed. So If you wish to use a clear cut image of yourself or your brand or product then make sure that you keep these image details in mind.

 

Following image formats are supported:

1. PNG
2. GIF
3. JPEG

Following are some Image Size Details:

1. Profile Picture: Maximum Width = 202px    &  Maximum Height = 192px
2. Scrapbook Photo size: Maximum Width = 126px & Maximum Height = 126px

What are Scrapbook Photos?

Just like your profile photo which appears to the left of your profile, your scrapbook photos are small thumbnail images that appear as featured images on the top of your profile just below your name. See the following picture to get an idea

You will be interested to know how I created that photo stream just like Facebook Photo Stream. I will share a detailed post on my next tutorial so make sure you subscribe and do not miss any trick on Google Plus. Have Fun! :)

Read More

How To Use Google Plus On iPhone and Android?

Google+ Project has become viral by supporting latest mobile technologies. You can easily use Google plus with all its features like uploading photos, videos, sharing streams, creating circles and hangouts with latest mobile phones such as Google Android, Apple iOS, blackberry, Nokia Symbian and Windows Phone 7. Google Plus's instant photo upload lets you take pictures on your smart phone and instantly/automatically upload them on your Google plus profile and thereby share it with all your friends in the circle. All you need is to download Google+ applications for your smart Android and iphone mobile.

 

Availability

By far the following major mobile devices are supported

• Android™
• iPhone®
  
• Blackberry®*
  
• Nokia™/Symbian*
  
• Windows® Mobile*

Google+ Applications for Android and iPhone

Download the following app for Android 2.1 and up

• Android Market
  

Download the following app for iPhone iOS 4+

•  App Store

Receive Google Plus Notifications Via Mobile SMS

So far if you have a SMS enabled device, you can subscribe to SMS notifications or use SMS for posting to Huddle. To do this just go to the SMS account settings page to enable SMS.

Note: Standard SMS rates apply..

Watch this video for better illustration:

Read More

Find out Background Colors Of Images and Fonts on a Website

I am sharing another of my favorite Firefox add-on that will help you find out the colors used on different sections by a website or blog. This add-on is know as colorzilla and it offers many options. You can pick up a color used on a webpage, you can also zoom a page and enlarge its size but the best thing I like about it is its selection option which gives you important information regarding the webpage div sections and CSS classes.  This tool comes with Advanced Eyedropper, ColorPicker, Page Zoomer and other useful options for web designers. Kindly first download it by clicking here.

How To Find Colors of elements on a webpage?

Once you install the add-on then restart your browser. This add-on will appear at the bottom of your status bar. Now whenever you want to find out the background color of any element or object used on a blog page simply Left click on colorzilla and then take your mouse cursor and click on that image or object. You can then right on colorzilla to copy the hexadecimal or rgb color code of the element. See these screenshots,

 

The above method activates eyedropper and if you wish to choose a color of your choice then double click on colorzilla and you will then have a wide range of colors to choose from.

How To Zoom out or Zoom in a webpage?

To Zoom a webpage simply right click in colorzilla icon and choose Zoom and then select the resolution in percentage like 300% 200% etc.

You will also enjoy this post:

• Find out What Web Font a Page is using

Read More