How To Add Cool Facebook Fan Page JavaScript For Blogger

Facebook is a most popular social network in world. Facebook has come up with  a new set of Social plugins...The Facebook Fan Page Box is One of them. so today i'm gonna tell you how to add new pretty cool fanpage java script to your blog.It's very easy. and very cool look. And Facebook Fanpage can abstract your visitors to your facebook fan page. If you are already having the Defualt facebook fan page box on your blog, and wish to upgrade to the this cool design of the facebook fan page box! I think all you guys will love this gadget! read below steps to add this gadget..Thank you.

1.Login to your blogger Dashboard and go to Design --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script> 
<script type="text/javascript">FB.init("32eb3732082b27e7c314feb421a56208");</script> 
<fb:fan profile_id="Your Fan Page ID" connections="10" width="300" height="270" css="?"></fb:fan>

Note: Replace Your Fan Page ID With Your  Facebook Fan Page ID

4. Now Click On Save 'JavaScript' You are done.

How To Protect Your Blog Page Using Password

How To Protect Your Blog Page Using Password



1. Login to your blogger Account >> Dashboard >> Edit Post >> Edit Pages

2. Now add the one of code given below to your page

<script language="JavaScript">
var password;
var pass1="PASSWORD-HERE";
password=prompt('Enter your password in order to view this page!',' ');
if (password==pass1) alert('Correct password, OK to enter!');
else {
  window.location="SITE-LINK";
}
</script>

Note: Replace PASSWORD-HERE with your password and SITE-LINK with your page

SITE-LINK : 2011/04/how-to-protect-your-blog-or-page-using.html

3.Now Save your "Page" and You are done.

How To Add JavaScript Confirm Box to Your Blogger

How To Add JavaScript Confirm Box to Your Blogger

1.Login to your Bogger Dashboard and go to Design >> & Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<script type="text/javascript">function show_confirm(){confirm("YOUR MESSAGE HERE!")}</script><input type="button"onclick="show_confirm()"value="Show confirm box"/>

Note: Replace YOUR MESSAGE HERE! with your alert message.

Result:



4.Now Save your "Html Javascript" and you are done.

How To Add Google Friend Connect javascript Gadget to Blogger

How To Add Google Friend Connect javascript / Gadget to Blogger



1.Login to your Bogger Dashboard and go to Design >> & Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-Your Blog Id Here" style="width:265px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript"> 
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#222';
skin['ENDCAP_TEXT_COLOR'] = '#fff';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#eeeeee';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-Your Blog Id Here',
   site: '14369203123335141502' },
  skin);
</script>

Note: Replace Your Blog Id Here with your blogger ID

4. Now Click on Save "Html Java Script" and You are done.

How To Add Blue Html Color Scroll Box to Your Blogger

How To Add Blue Html Color Scroll Box to Your Blogger

1.Login to your Bogger Dashboard and go to Design >> & Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<div style="height:90px;width:600px;overflow:scroll;background-color:#0080FF;">Hello This is Html Color Scroll Box </div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>

Note: Replace Hello This is Html Color Scroll Box with your text or anything.

4. Now Click on Save "Html Java Script" and You are done.