Sunday, June 27, 2010

How to Add Facebook Badge to Blogger/Website?

Like to Share your Facebook information on other websites or blogs. If so, here is a tip to add your facebook profile badge on your blog like blogger, wordpress, Typepad and others blogging platforms as well.

How to add Facebook profile badge on my blog/website?
How to create Facebook profile badge?
How to include Facebook profile on website?

Answer: "To create a badge, just click on the "Create a Profile Badge" link at the bottom of your facebook profile page which will take you to your Facebook Badge page. On this page, select the "Create Badge" option. You will be walked through the creation process".

So now to add the facebook profile badge on your blog or website you need to follow the steps given.

It will then provide you with a script which you've to copy and add to your blogger/website [gadget on the layout settings page].

That's all! You've created your own facebook profile badge on your blog. Comment for any queries.

Also You can show the Widget/Gadget only on certain pages of your blogger.

Wednesday, June 23, 2010

How to Add Google Buzz This Button for Blogger

Google Buzz is an innovative social media platform that allow users to share personalized updates, blog posts, images, videos and more with their friends (those who follow them). This is similar to Twitter and Facebook which helps to drive additional traffic to your site. You can find this Buzz directly in your mailbox. You'll get additional exposure for your posts If you add Google "Buzz this" button to your blogspot posts.

The process of adding Buzz button to blogspot is very simple and completes in just few minutes. Follow the below instructions.

* Login to your Blogger Dashboard using your Google account.
* Click on “Layout” (changed to "Design" recently) >> “Edit HTML”
* Search (Cntrl + F) for following code inside your template (Press “CTRL + F”)

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

* Now add the following code just below the above line

for Large Button (add this code)

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png'/></a>

for Small Google Buzz button (add this code)

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/9c/09/57/2854010/0/buzzthis.gif'/></a>

* Save the template and you are done.

Now Google Buzz this button will appear in all your blog posts. Go on and Buzz Now!

Also Read How to Improve Page Rank