facebook ,twitter,whats appp icon html code

Copy the below HTML for the above 30x30 Twitter bird icon:

<a target="_blank" title="follow me on twitter" href="http://www.twitter.com/PLACEHOLDER"><img alt="follow me on twitter" src="//login.create.net/images/icons/user/twitter_30x30.png" border=0></a>

Copy the below HTML for the above 40x40 Twitter bird icon:

<a target="_blank" title="follow me on twitter" href="http://www.twitter.com/PLACEHOLDER"><img alt="follow me on twitter" src="//login.create.net/images/icons/user/twitter_40x40.png" border=0></a>

Copy the below HTML for the above 30x30 Twitter 't' icon:

<a target="_blank" title="follow me on twitter" href="http://www.twitter.com/PLACEHOLDER"><img alt="follow me on twitter" src="//login.create.net/images/icons/user/twitter-b_30x30.png" border=0></a>

Copy the below HTML for the above 30x30 Facebook 'f' icon:

<a target="_blank" title="find us on Facebook" href="http://www.facebook.com/PLACEHOLDER"><img alt="follow me on facebook" src="//login.create.net/images/icons/user/facebook_30x30.png" border=0></a>

Copy the below HTML for the above 40x40 Facebook 'f' icon:

<a target="_blank" title="find us on Facebook" href="http://www.facebook.com/PLACEHOLDER"><img alt="follow me on facebook" src="//login.create.net/images/icons/user/facebook_40x40.png" border=0></a>

html code for facebook icon

html code for facebook icon
Facebook encourages users to post badges, or icons, on their Web pages to link others to Facebook content. Individual users can make badges for their profiles, for photos or for pages they like. Businesses can use similar badges to promote their own pages. Facebook generates the HTML code for these icons, letting you customize their text and layout. Use this badge code to add an icon to your website or blog.

Step 1

Navigate your browser to the Facebook Badges Web page (link in Resources).

Step 2

Click "Page Badge" to open a list of your pages.

Related Reading: How to Embed HTML Links and Badges

Step 3

Click "Edit this badge" beside the page that your icon will promote.

Step 4

Click the option button labeled "Vertical," "Horizontal" or "2 Columns" to set the badge's layout.

Step 5

Click to enable any or all of the following check boxes: "Name," "Status," "Picture" and "Fans."

Step 6

Click "Save."

Step 7

Click the button labeled "Other" beside your page thumbnail to open a text box containing the badge's HTML code.

Step 8

Click the text box to select the code, then press "Ctrl-C" to copy it.

Step 9

Open the Web page where you want to post the icon, using a text editor such as Notepad or an HTML editor such as Dreamweaver.

Step 10

Press "Ctrl-V" to paste the code on to your page and add the badge.

how to creat own website on blogger

how to creat own website on blogger

Is it possible to create login page for user in blogger ?

Please tell me is there any chance to create a login page for users in blogger which is free hosting service provided by google.If anyone knows it please help me.

No it is not possible to create a login button for user but if you want you can add bloggger login button in widgets . you just need to log in to your dashboard cllick on lay out tab after lay out click on edit HTML button you wil see the add a Gadjet tab and just add the below mentioned code in add a gadget tab.

[/html]<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>

Hope this article help..

First u select jscrept or Html Gadget and Coppy And Past This following Code in It

---------------------------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>
Login page
</title>
</head>
<body>
<h1 style="font-family:Comic Sans Ms;text-align="center";font-size:20pt;
color:#00FF00;>
Simple Login Page
</h1>
<form name="login">
Username<input type="text" name="userid"/>
Password<input type="password" name="pswrd"/>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
<script language="javascript">
function check(form)/*function to check userid & password*/
{
/*the following code checkes whether the entered userid and password are matching*/
if(form.userid.value == "chirag" && form.pswrd.value == "jethwani")
{
window.open('target.html')/*opens the target page while Id & password matches*/
}
else
{
alert("Error Password or Username")/*displays error message*/
}
}
</script>
</body>
</html>

---------------------------------------------------------------------------------------------------------------------------------------------------