blog mbokne ancok: Simply Google

Showing posts with label Simply Google. Show all posts

Saturday, 29 May 2010

How to embed a google wave in blogger?Image based tutorial

I do not know if many people use it but we'll see how to insert a wave on a blog as a widget so that any visitor can use it. Tell them that this wave will only be visible and may be used by visitors using Firefox or Chrome.

How to embed Google wave in blogger as widget?Image based tutorial

Step[1]Create a wave in your wave client by clicking on new wave button.

Click Image to enlarge

Step[2]You will be asked to add any email address to a wave

Step[3]Add public@a.gwave.com to the left most window and click Done

Step[4]Copy the url of the wave (the address which appears in the address bar of your browser) and go to Google wave element page.

Step[5]Paste the copied URL, select the values you want to use as wide and high, if we want to have header and footer, etc.

On that same page it provide the code to copy and add in an HTML element on our blog.

If you does not know how to use Google wave or Need Google Wave Invitation comment below !!

Sunday, 23 May 2010

Use Google Font API for decorating your Post Title and sidebar title

Google announced their new Font API yesterday, including a font directory and preview tool to make open sourced fonts available to everybody on the web.You can get more such blogger tricks directly to your mailbox os you can subscribe to my RSS feeds.
Some more Tutorials on This Blog-

Add Reply to comment Option to blogger Like Wordpress
Adding Animated Gif's to blogger

Steps for Adding Google Font to change Blogger Post Title

Step[1] Choose Your Font
Just go to the Google Font Directory and pick the desired font there are already prety nice font and will be expanded with the popularity and time.
Use preview tool to Test different Fonts with all available options.You can Capitalize,Lower Or upper your text.Use this preview tool to check how your text look with letter spacing,line spacing,and word spacing.And don't forget to check the shadow option.

Step[2] Get Code
Once you have selected Font from Google Font Directory click on Get Code .

just copy it and paste between your <head> and </head> tags. Like this:
<head>
<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
</head>

Cantarell was selcted by me.

Note-This code will not be excepted by blogger and might give you an error to close the link tag, just add a little "/" in the end like this:
<head>
<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'/>
</head>

Step[3] Decorate your Post Titles
From Your Dashboard. Go to Layout > Edit HTML And Expand Widget Templates.
Use your Browser search to find .post h3 or .post h2 which ever present in your template.This post h3 or h2 defines your post Title properties.

Look for Font-family in your post h3 and add the font name you have selected from Google.

font-family: 'Cantarell',Tahoma,Verdana, Arial, Lucida Grande, sans-serif;

Click on Save Template

This Is It.

Do you like this tutorial? Do you like Google Font ? Use below comment form to send your suggestions or queries to me.

Friday, 12 February 2010

Add Google Buzz button on blogger

Google Buzz (Google Buzz) seems to be an interesting new way to share content with your Gmail friends, so why not have a button for sharing blog posts to the service?
Officially Google have not provided any script for adding a Buzz button or link below each post. This tutorial will help you to add a "Buzz this" icon below every post on your blogger blog.

Goto layout then Edit HTML from dashboard in blogger account.

Click on expand widget Template check box on the top right(see image)

And find <data:post.body/>there.

Now paste the code given below after <data:post.body/> statement.

<a expr:href='"http://www.google.com/reader/link?url=" data:post.url "&title=" data:post.title "&srcURL=http://myfundoo-blog.blogspot.com/"' rel='nofollow external' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFVNIuH0ej8YDt0PdgV8Dru-6NaysfNsbLAZmufyJqCwx1JS6yHO8nL-ci4DQ0BngIuquULLrCbqks493diq-9KEYBBh8QgoQ5iaLKzuInrnb0fGf7LfHBiOVJFQsCfOrX76RXMiXQS7o/s1600/google-buzz.pngl'/></a>

Replace http://myfundoo-blog.blogspot.com/ with your blog url.

Click on preview to check if everything is fine and then click save template .

Customization:

You can Increase size pf the button by changing the image url.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFVNIuH0ej8YDt0PdgV8Dru-6NaysfNsbLAZmufyJqCwx1JS6yHO8nL-ci4DQ0BngIuquULLrCbqks493diq-9KEYBBh8QgoQ5iaLKzuInrnb0fGf7LfHBiOVJFQsCfOrX76RXMiXQS7o/s1600/google-buzz.pngl

Here are some blogger buzz buttons with different shapes and sizes:
1.

<a expr:href='"http://www.google.com/reader/link?url=" data:post.url "&title=" data:post.title "&srcURL=http://myfundoo-blog.blogspot.com/"' rel='nofollow external' target='_blank'><img alt='' src='http://1.bp.blogspot.com/_nqp-0VCwy0c/S3UubmtTiVI/AAAAAAAABDI/9-Zai440dkY/s1600-h/Google+Buzz+125+(medium).png'/></a>

4.Text link
<a expr:href='"http://www.google.com/reader/link?url=" data:post.url "&title=" data:post.title "&srcURL=http://myfundoo-blog.blogspot.com/"' rel='nofollow external' target='_blank'>G-buzz</a>

where G-buzz is the anchor text and you can replace it with any other text.

Sunday, 31 January 2010

Making Mobile Friendly version of your blog using google reader

Making the mobile version of your blog using google reader.
You may have heard about mofuse.com on which you enter your blog address,Sign up for free account and you get a mobile version of your blog just for free.I am a google fan and love to use google services.Nothing will be better if you could use google to make mobile version of your blog.

Things You require :

A google reader account which is same as your google account
A feedburner account connected with your blog.

Interesting and easy thing about this is that all you have to do is append your blog feed address to the following URL[without brackets]

http://www.google.com/reader/m/view/feed/[feed_address]
Replace feed_address with your blog feed address (http://myfundoo-blog.blogspot.com/feeds/posts/default)

Example :
http://www.google.com/reader/m/view/feed/http://myfundoo-blog.blogspot.com/feeds/posts/default

Now all you have to do is link any image or text with this url .Click image to see mobile version of this blog.

Some more posts you may like to read :

Create image hover effect by changing opacity
Add devider image between your posts

Thursday, 19 November 2009

Add a Gtalk live chat button to your blog

Google Talk chatback badge will let visitors to your web page chat with you. They’ll be able to chat with you whenever you’re signed in to Google Talk.” The badge will display your online status (whether you're available to chat or not) and, optionally, your status message.

What U need in order to create one for your blog?
U need to be an Gtalk user.
If you're not a current Google Talk user, you'll need to create a new Google Account. If you have Gmail on your Google Account, you can use Google Talk with your Gmail account.

Lets Get this one for your blog :
to create read the below details and visit : gtalk badge

Title: Text appearing in blue.

Your nickname: Name Displayed to guest.

Style :click on the drop down list to select to select from 6 options.

Click Update badge

Copy the HTML code From below And paste in your gadget list

Sunday, 1 November 2009

Using Google Docs to Make Contact Me Form For Your Blogger/website

Yes! this is true You can use Google doc to create your contact me form without need to have knowledge about HTML or forms just use Easy user interface for your work and the best part is that you are the Boss here you can customize it according to your way to give it a personal effect to your web page.

So Lets Make Our Contact me Form:
1.Go to GoogleDocs.U might be asked to login to Google.
2. Add the fields in your Form according to your requirement.You can change the themes of your form if you want which totally depends on you.
3.Click on MoreAction then Embed to get the Code.It will be something like this.

<iframe src="http://spreadsheets.google.com/embeddedform?key=t4wmB5H0ZYtznVr-1NTPQ7w" width="760" height="753" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

Note: Donot use Above code this it will not Work.
4.Copy the link at the bottom of the page and make a note of it - this is the URL you'll need to link to if you want people to click on a link and fill in your form. If you want your readers fill in your form.

5.Set notifications rules.(how u will be notified whenever anyone fill your form).
6.Paste the code from step 3 in your blogger.
See an example below:

Note:Please do not fill this form to contact me.this is Dummy form.You can contact me here
If you have any problem making this form.Just drop a comment I will surely try to help You.

Sunday, 4 October 2009

How to send Your Gmail to Your cell phone[via SMS]

The TUT covers how to forward Gmail to your phone. Mail forwarding
is a common function of Gmail service.

STEP 1.For Starting This YOu Need an ID(ex. 91XXXXXXXXXX@m3m.in).If u already have such ID then move on to step 2 else read my last article to get your free ID.

STEP 2.LOGIN to your GMAIL account.

STEP 3. Navigate your way through. SETTINGS then FORWARDING and POP/IMAP

STEP 4.TICK forward a copy incoming email to.option.
Enter the ID obtained in STEP 1. and click save changes.

STEP 5.NOW U will recive your emails directly on your cell phone

Receive Free SMS for Comments Awaiting Moderation

Many bloggers want a means by which they get informed when any comment is kept in moderation &, or When they are busy with their work staying away from their blog.

Just Follow the below steps and your problem will be solved ...

Note:This Can BE Used For Word press And Blog spot Blogs.

1.Getting your ID

For INDIAN Users Register a Free account in M3M.in.

Fill in the details and a message[SMS] will be sent to you with your PASSWORD.
Once u have Your account created ,u will get a ID (ex.91xxxxxxxxxx.m3m.in).
REMEMBER It for future use.

For other USers:

Read this article to get your personalized ID
How To Send Email To Any Cell Phone (for Free)

2.Open your Gmail Account associate with your blog)in which u get comment moderation e-mail)

3.Navigate through Settings-->Filters -->Create a New Filter

For Wordpress User’s:

From-wordpress@yoursitename.com

word-Comment

For BLOGGER User's

From-blogger.bounces.google.com

word-Comment

Fill above Information Correctly Without Any Mistakes .

4.Click Next Step button.

5.Tick the "forward it to" check box

and add your id from step 1 and click Create filter

6.Sitback and enjoy because a message will be sent to u each time u comment is kept for moderation

Friday, 2 October 2009

Restore Accidently deleted Google gmail blog(or Gmail Account)

If u have accidentally deleted Your Gmail Account And had forgot that Your Gmail Account Is tied Up With It then don't loose hope below link is the solution for
you.

http://www.google.com/support/accounts/bin/request.py?ctx=accounts_hc&contact_type=ara

and Provide All The Informtion as accurately as possible...Because details you are submitting willl determines that your blog will be restored or not.

Else Leave a Comment I will Surely try to help You!!

blog mbokne ancok