1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Google and Facebook Button

Discussion in 'HTML & Website Design' started by iBullet, Oct 14, 2011.

0
  1. #1
    [​IMG]

    As you can see in this picture we need to put the google and facebook buttons in the right hand side. You can see the 2 black box they are for google and facebook buttons we need the right code

    Thank you
    Regards
    iBulletg
     
    iBullet, Oct 14, 2011 IP
  2. ademmeda

    ademmeda Active Member

    Messages:
    354
    Likes Received:
    3
    Best Answers:
    3
    Trophy Points:
    70
    #2
    If you want help, you should provide the code of the page so that we can work on it. If you want to hire someone to do it, you should post on BST section.
     
    ademmeda, Oct 14, 2011 IP
  3. iBullet

    iBullet Member

    Messages:
    153
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #3
    Here you go this is the code of the page

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="&&path&&&&Template&&js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="&&path&&scripts/global.js"></script>
<script type="text/javascript" src="&&path&&&&Template&&js/main.js"></script>
<script type="text/javascript" src="&&path&&&&Template&&js/ui.js"></script>
<script language="JavaScript" type="text/javascript" src="&&path&&scripts/ajax.class.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>&&title&&</title>
<meta name="keywords" content="&&meta_keywords&&" />
<meta name="description" content="&&meta_desc&&" />
<link href="&&path&&&&Template&&css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="main">

<div class="header">


<div class="logo"><a href="{Website_URL}"><img src="&&path&&&&Template&&images/logo.jpg" /></a></div>
<div class="rt-bnr">
<div class="bookmark"><a href="#" onclick="bookmark(location.href, document.title); return false;">Add to BookMark</a></div>
<div class="add">&&adslot_1&&</div>
</div>

</div>
<div class="nav">

<ul class='topnav'>
	<li class='main_nav'><a href="&&path&&index.html"><img src="&&path&&&&Template&&images/home.png" id='sub1' border="0" /></a></li>
	<li class='main_nav sub'>
		<a href="#"><img src="&&path&&&&Template&&images/account1.png" id="sub2" border="0" /></a>
		<div class='subContainer'>
			<ul class='subnav'>
			  <php>if(functions::check_logged() == false) { $php = '
			    <li><a href="&&path&&login.html">Login</a></li>
			    <li style=\'border:0;\'><a href="&&path&&signup.html">Signup</a></li>
			    '; } else { $php = '
			    <li><a href="&&path&&user/">{top_navUsr1}</a></li>
			    <li><a href="&&path&&user/edit.html">{top_navUsr2}</a></li>
			    <li><a href="&&path&&user/gallery.html">{top_navUsr3}</a></li>
			    <li><a href="&&path&&user/inbox.html">{top_navUsr4}</a></li>
			    <li style=\'border:0;\'><a href="&&path&&user/logout.html">{top_navUsr5}</a></li>
			    '; }
			    </php>
			</ul>
		</div>
	</li>
	<li class='main_nav'>
		<a href="#"><img src="&&path&&&&Template&&images/wallpapers1.png" class="wptop" id="sub3" border="0" /></a>
		<div class='subContainer'>
			<ul class='subnav'>
				<php>if(&&show_top_wallpapers&& == 1) $php = '<li><a href="&&path&&top_wallpaper1.html">Top Wallpapers</a></li>';</php>
				<php>if(&&show_latest_wallpapers&& == 1) $php = '<li><a href="&&path&&latest_wallpaper1.html">Latest Wallpapers</a></li>';</php>
				<php>if(&&guest_submit&& == 1) $php = '<li style=\'border:0;\'><a href="&&path&&submit.html">Submit Wallpaper</a></li>';</php>
			</ul>
		</div>
	</li>
	<li class='main_nav'><a href="&&path&&search.html"><img src="&&path&&&&Template&&images/search.png" border="0" id='sub4' /></a></li>
	<li class='main_nav'><a href="&&path&&contact.php"><img src="&&path&&&&Template&&images/contact1.png" border="0" id='sub5' /></a></li>
</ul>

</div>
<div class="body-container">
<div class="body-tp">

	<div class="searchContainer">
		<form action="&&path&&search.html" name="searchtop" method="get">
		<div class='searchCap'>SEARCH WALLPAPERS:</div>
		<input name="terms" type="text" class="searchbox" />
		<div class='search' onclick='document.searchtop.submit();'><div class='btn1'></div><div class='btn2'>Submit</div><div class='btn3'></div><div class='clear'></div></div>
		<input type='submit' value='Submit' style='display:none;' />
		</form>
	</div>

</div>
<div class="body-md">

<div class="bdtxt">
<div class="rightbox">

&&adslot_2&&
    PHP:
    Here is the Facebook code
    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fhq-wallpaper.com%2F&amp;send=false&amp;layout=button_count&amp;width=600&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:600px; height:21px;" allowTransparency="true"></iframe>
    PHP:
    Here is the Google Plus code
    <!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" annotation="none"></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
    PHP:
     
    iBullet, Oct 15, 2011 IP
  4. you-me

    you-me Peon

    Messages:
    67
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    use two divs one for menu with float left and other div with float right to place both google and facebook button.
     
    you-me, Oct 15, 2011 IP
  5. ademmeda

    ademmeda Active Member

    Messages:
    354
    Likes Received:
    3
    Best Answers:
    3
    Trophy Points:
    70
    #5
    Try adding this code just before the closing ul tag for topnav.

    <li style="float:right"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fhq-wallpaper.com%2F&amp;send=false&amp;layout=button_count&amp;width=600&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:600px; height:21px;" allowTransparency="true"></iframe></li>
<li style="float:right"><g:plusone size="medium" annotation="none"></g:plusone></li>
    HTML:
    also add the following code just before the closing body tag.

    <script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
    HTML:
    If it doesn't work, please take another screenshot of the result.
     
    ademmeda, Oct 15, 2011 IP
  6. iBullet

    iBullet Member

    Messages:
    153
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #6
    [​IMG]
     
    iBullet, Oct 15, 2011 IP
  7. nanmal

    nanmal Greenhorn

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #7
    I'm guessing you're working in WP so there is a plug in for this.
     
    nanmal, Nov 9, 2011 IP