Tag: How To?

How To Use Like Button In Your Blogger.com Blog

Hi! Everyone, hope you all are fine.
In this post I will tell you how you can use Facebook Like Button in your Blogger.com blog. Few people asked me how they can use Facebook like button on their blogger blog so here it is. If you don’t have a blog in Blogger then you can create it now.

1.       Go to your Blogger Dashboard –> Design –> Edit HTML –> now tick the Expand Widget Templates for the following blog in which you want to use Facebook Like Button.
2.       Search for the following code (to bring the browser search box press Ctrl + F or F3)
a)       If you want to use it before post and after title
<p class='post-header-line-1'>
b)       If you want to use it after post ends
<data:post.body/>
3.       Now place the following code just after any of the above code
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=true&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:70px;'/>
</b:if>
a)      Things you might need to change
(1)    layout=standard
You can change standard to button_count if you only want to show the button with no. of likes
(2)    show_faces=true
You can change true to false if you don’t want to show the face
(3)    action=Like
You can change Like to Recommend if you want to show recommend instead of like
(4)    font=arial
You can change arial to
(a)    lucida+grande
(b)   segoe+ui
(c)    tahoma
(d)   trebuchet+ms
(e)   verdana
Use anyone of follow font you like
(5)    colorscheme=light
You can change light to dark depending on your template color
(6)    change the width:450px and height:70px depending on your template
(7)    If you want to show Like Button in home page also then remove the following codes
<b:if cond='data:blog.pageType == "item"'>
</b:if>
4.       Now click on SAVE TEMPLATE, now check your blog everything is working fine
5.       Now everything is fine now again come to Edit HTML page for the same blog
6.       Now find opening head tag you will get it at the top of the page.
<head>
7.       Paste it just below the head tag
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.title' property='og:site_name'/> 
<meta content='Your Profile ID' property='fb:admins'/> 
<meta content='Category of your Blog' property='og:type'/>
i)        Things you need to change
(1)    Your Profile ID change it with your profile ID (If you want then you can remove the Profile ID line)
(2)    Category of your Blog choose the category of your blog from Facebook open graph page to go to Facebook open graph page Click here.
Note:- Before editing your Blogger template take the backup of your template by going to Blogger Dashboard –> Design –> Edit HTML –> now click on Download Full Template for the safe side.

Tweet Button For Your Web Browser

Hi! Everyone, hope you all are fine.
In this post I am going to tell you how you can add tweet button in your web browser. As few days back I told you how you can add Twitter tweet button in your Blog, website and Google Chrome Browser. Now twitter has released tweet button for browser, where you just need to drag and drop a link in your browser’s bookmark bar (supports all major web browser).

Just drag and drop the below Tweet button in your web browser’s Bookmark bar.

And now whenever you visit a webpage, where you can’t find the tweet button to tweet, you can just use this bookmark tweet button to tweet. However this will also work as twitter tweet button works. When you will click on it a twitter pop-under window will appear by which you can tweet as you tweet using twitter tweet button in a webpage.

And if you didn’t liked this bookmark button then you can also use a Chrome extension by Shareaholic in Google Chrome. This also works as the Twitter tweet button works and it also shows how many tweets have been done in the following page.

How To Use Picnik Editor In Picasa

Hi! Everyone, hope you all are fine.
In this post I am going to tell you about Google’s new update added in Picasa is an online photo editor Picnik. Google have integrated Picnik which is the best online image editor application. And now it is also available in desktop version in Picasa.


To edit your image in Picnik using Picasa:-
1.        Open the Picasa application in your computer or download it from picasa.google.com
2.       Now find and select the image you want to edit
3.       Right click on the image (you want to edit)
4.       Click on View and Edit (shortcut key is Enter)
5.       Now in left-hand side you will see bunch of option in that you will see an option of Edit in Picnik under Basic Fixes tab
6.       Click on Edit in Picnik

7.       Now you will see they are asking you Would you like to edit a copy of this image in Picnik? If you don’t want they ask you every time you edit in Picnik then tick the box of Don’t ask me about the in future. , now click on Yes

8.       Now you will see its getting loading it might take little time to get load

After it get totally load up now you can enjoy editing your image using Picnik tools and after finishing editing you can save it in Picasa by clicking Save to Picasa button on the right-top of the window.

Or if you want to edit the image which is uploaded in your Picasa web album, then you need to go to that image page (in Picasa web album) you want to edit then above that image you will see an Edit drop-down click on it then you will see its written Edit in Picnik click on it and editor will start getting load in browser then start your editing. After editing get completed click on Save to my album on the top-right of the editor, it will get save in the following album (in the album of that image you were editing).

Note: 1. If you are editing image using Picnik then you need to have internet connected.
2. In this application (Picnik) all the editing tool is not for free to use most of the tool are chargeable, so you need to pay to use those tools.
3. If you are already editing something using Picnik in Picasa (both web and desktop) and if you try to edit one more image at the same time then you won’t be able to do it will show you the same image you are editing at that time with the same edited effects you have given in it, as because it works online so it don’t allow you to edit the same image at the same time.

How to Post to a groop in Google Buzz

Hi! Everyone, Happy Independence Day.
In this post I am going to tell you how you can post to a certain group of people in Google Buzz.

Here are the steps how you can send the BUZZ massage to certain number of people you want.
1.       Sign-in to Gmail.com
2.       Go to Contacts tab in left

3.       Now type this (http://www.google.com/profiles) in search box on top and clack on Search Contact or Click here to go search result
4.       Now there you can see the results of those people in your contacts that those who have Google Buzz profile.
5.       And now select the people you want to put in that group
6.       Now click on Group drop-down menu button then click on Create new and give the name to that group
7.        Now go to Mail –> Buzz in the left side

8.       Type the massage you want to post to them (to those who are in that group)
9.       Now click on Public on the web (if there is not written Private) now select Private
10.   After selecting private you will see Post to a group will appear
11.   Now select the Group(s) to which you want to post then click on Post

The post will only show to the people whose IDs are in that group(s). There is one more easy way to make the group is by going to Mail –> Buzz then click on the text box given to post massage now see the Step 9. and 10. Then click on Create a new group, type the name of that group add the people you want to add to the group then Click on Done.

You can also use this group to send mails to the people of that group or if you already have a group made then you can use that group to post the Buzz massage.
Hope you like it, please let me know what you think.

Twitter Tweet Button For Your Blog, Website And Browser

Hi! Everyone, hope you all are fine.
In this post I am going to tell you how you can use Twitter’s new twit button in your blog or website. You might have show many retweets button from 3rd party service (like: tweetmeme). But twitter have official bought there retweet button in 3 sizes (Vertical count: 55x62 px, Horizontal count: 110x20 px and No count: 55x20 px).

You can use this retweet button in 3 different ways.
1.       By using JavaScript

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a class="twitter-share-button" href="http://twitter.com/share">Tweet</a>

2.       By using iframe

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html" style="width:130px; height:50px;"></iframe>

                               
3.       By customizing your own retweet button

<a href="http://twitter.com/share">Tweet</a>

For WordPress.com Users
In Word Press you can only use tweet button in Horizontal size (110×20 px)
1.       Login to your wordpress.com (wp) account
2.       Go to the following blog in which you want to place your tweet button
3.       Now go to Appearance –> Extras
4.       There you will see few tick box option
5.       In that you will see its written Show a Twitter “Tweet Button” on my posts.
6.       Tick that box then click on Update Extras »

7.       And it’s done
8.       Now you will see the tweet button in the bottom of your wp blog post
For Blogger Users
1)      Login to your Blogger.com account
2)      Go to Design –> Edit HTML –> then click on Expand Widget Templates for the following blog in which you want to use tweet button
3)      Search for the following code (to bring the browser search box press Ctrl + F or F3)
a)      If you want to use it before post and after title

<p class='post-header-line-1'>

b)      If you want to use it after post ends

<data:post.body/>

4)      Place the code just after the above code

<b:if cond='data:blog.pageType == "item"'>
  <div style='float:right; padding:10px;'>
    <a class='twitter-share-button' data-count='vertical' data-related=Jajodia_Saket:Tecko Blog...' data-via='SaketJajodia' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
  </div>
</b:if>

5)      Things you might need to change
a)      If you want to show this tweet button in home page then remove the following codes

<b:if cond='data:blog.pageType == "item"'>
</b:if>

b)      Change or remove as per your suitability

style='float:right; margin-left:10px;'

If you want to change it then
In style change right to center or left
In padding change 10 to any number as you feel suitable with your template
c)       If you want to change the size
data-count=’ data-count=’vertical‘ ‘
Change vertical to horizontal or none as you feel suitable
d)      Change SaketJajodia with your twitter username
6)      Here is one more plain and simple tweet button you can use

<style media='screen' type='text/css'>
  #custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    width:40px;
    background: url('http://a0.twimg.com/images/favicon.gif')left center no-repeat;
    border: 1px solid #ccc;
  }
</style>
<div id='custom-tweet-button'>
  <a rel='nofollow' expr:href='"http://twitter.com/share?text=" + data:post.title + " &via=SaketJajodia&related=Jajodia_Saket:Tecko%20Blog... "' target='_blank'>Tweet</a>
</div>

Change the SaketJajodia with your twitter username
Note: Before editing your template, 1st backup your template for safe side, by clicking on Download Full Template in Edit HTML page
To add in self hosted website
To add in self hosted website
1)      Go to the page where you can have access to edit you website HTML
2)      Now find the place where you want add tweet button
3)      Now place the following code as per your suitability
a)      Using JavaScript

<a rel='nofollow' href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="SaketJajodia" data-related="Jajodia_Saket:Tecko Blog">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

i)        To add the Horizontal count: 110×20 px
Change vertical to horizontal
ii)       To add the No count: 55×20 px
Change vertical to none
b)      To add the plain and simple tweet button

<style type="text/css" media="screen">
  #custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    width:40px;
    background: url('http://a4.twimg.com/images/favicon.gif')left center no-repeat;
    border: 1px solid #ccc;
  }
</style>
<div id="custom-tweet-button">
  <a href="http://twitter.com/share?text=&via=SaketJajodia&related=Jajodia_Saket:Tecko%20Blog..." rel='nofollow' target="_blank">Tweet</a>
</div>

c)       Using iframe

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html" style="width:130px; height:50px;"></iframe>

4)      Change the SaketJajodia with your twitter username
To customize your own tweet button
You can customize your own tweet button using this link http://twitter.com/share
For more info Click here
For Chrome users
To use tweet button in your Google Chrome browser, you can use a Chrome extension by Shareaholic. It works as the Twitter tweet button works and it also shows how many tweets have been done in the following page.

If you have anything to tell about Twitter new tweet button please let us know. Even if you have customize your own tweet button.

Blogger Now Help In Filtering Comment SPAM

Hi! Everyone, hope you all are fine.
Today Blogger have launched a new feature, which will helps you all in filtering Comment Spam. As many of you must have a blog in Blogger.com, in which you all must gets some Comment Spam. To reduce those spam you might have enabled Comment moderation, Show word verification for comments? or Registered Users.

But now Blogger have bought a new feature by which your blog’s Comment get filtered using Google’s spam filtering technologies in Blogger.com. In Blogger.com you will see a new tab (It is not available to everyone yet but soon it will be) where it’s written Comment.

By going to that tab you will see 3 sub-tabs Published, Awaiting Moderation and Spam. By which you can control all types of comments in your blog.

Published: – In this, you will see all the comments in your blog which are published. You can make them as SPAM, DELETE or REMOVE CONTENT by selecting the comments on which you want take the following action
Awaiting Moderation: – works like Comment moderation
SPAM: – All the filtered spam comments by Blogger and You will go here

You can report issues by Clicking here
And if you need any help you can go to help center.
Let us know what you think about this new Blogger feature.

Get to know who is sleeping when on twitter

Hi! Everyone, hope you all are fine.
In this post I will help you in finding out, who is sleeping when and how long they sleep. With an application called Sleeping Time.

Just go to sleepingtime.org and enter the twitter name of the person of whom you want to know the sleeping time…

It uses the timestamp of the last 500 or so updates of a twitter user to calculate that person’s sleeping time.

I have searched for mine ( @Jajodia_Saket ) and here what they tells 3am and 11am (or 8 hours) according to my long-in time its right.
From Digital Inspiration.