Solutions our Mission! ® > Feedback e Supporto

problema lite box facebook

(1/5) > >>

radiojuba:
Ragazzi sto creando delle pagine web con dreamweaver e volevo inserire il lite box di facebook,ho effettuato la procedura per creare il codice html
da copiare all\'interno del codice sorgente della pagina.
 
1 Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
 

--- Codice: ---<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, \'script\', \'facebook-jssdk\'));</script>

--- Termina codice ---

2 Inserisci il codice del tuo plugin in qualsiasi punto della pagina in cui vuoi che esso appaia.

--- Codice: ---<div class="fb-like-box" data-href="http://www.facebook.com/ProLocoOttaviano" data-width="292" data-height="300" data-show-faces="true" data-colorscheme="dark" data-stream="true" data-border-color="#006666" data-header="true"></div>

--- Termina codice ---

ho seguito la procedura ma quando vado a visualizzare su chrome o explorer,mi da errore e non la visualizzo...
come potrei risolvere?
 
 
ora vi posto il codice sorgente con le parti evidenziate:
 

--- Codice: ---
<!DOCTYPE HTML>
<html>
 
<head>
  <title>CSS3_six_dark</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <!-- modernizr enables HTML5 elements and feature detects -->
  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
</head>
 
<body>
 
 
[color=#ff0000]<div id="fb-root"></div>[/color]
[color=#ff0000]<script>(function(d, s, id) {[/color]
[color=#ff0000]var js, fjs = d.getElementsByTagName(s)[0];[/color]
[color=#ff0000]if (d.getElementById(id)) return;[/color]
[color=#ff0000]js = d.createElement(s); js.id = id;[/color]
[color=#ff0000]js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";[/color]
[color=#ff0000]fjs.parentNode.insertBefore(js, fjs);[/color]
[color=#ff0000]}(document, \'script\', \'facebook-jssdk\'));</script>[/color]
 
  <div id="main">
<header>
 <div id="logo">
<div id="logo_text">
 <!-- class="logo_colour", allows you to change the colour of the text -->
 <h1>No Profit... </h1>
</div>
 </div>
 <nav>
<div id="menu_container">
 <ul class="sf-menu" id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="Chi Siamo.html">Chi Siamo</a>
 <ul>
<li><a href="#">Statuto</a></li>
<li><a href="#">Organigramma</a></li>
<li><a href="#">La nostra storia</a></li>
 </ul>
</li>
<li><a href="Eventi.html">Eventi</a></li>
<li><a href="Storia.html">Storia</a></li>
<li><a href="#" class="sf-menu">Gallery</a>
 <ul>
<li><a href="galleria1.html">Percorso diVino</a></li>
<li><a href="galleria2.html">Boom! Festial</a></li>
<li><a href="#">Drop Down Three</a>
 <ul>
<li><a href="#">Sub Drop Down One</a></li>
<li><a href="#">Sub Drop Down Two</a></li>
<li><a href="#">Sub Drop Down Three</a></li>
<li><a href="#">Sub Drop Down Four</a></li>
<li><a href="#">Sub Drop Down Five</a></li>
 </ul>
</li>
<li><a href="#">Drop Down Four</a></li>
<li><a href="#">Drop Down Five</a></li>
 </ul>
</li>
<li><a href="contact.php">Contatti</a></li>
 </ul>
</div>
 </nav>
</header>
<div id="site_content">
 <div id="sidebar_container">
<div class="sidebar">
 <h3>News</h3>
 <h4>New Website Launched</h4>
 <h5>January 1st, 2012</h5>
 <p>2012 sees the redesign of our website. Take a look around and let us know what you think.<br /><a href="#">Read more</a></p>
</div>
[color=#ff0000]<div class="fb-like-box" data-href="http://www.facebook.com/ProLocoOttaviano" data-width="292" data-height="300" data-show-faces="true" data-colorscheme="dark" data-stream="true" data-border-color="#006666" data-header="true">[/color]
[color=#ff0000]</div>[/color]
<div class="sidebar">
 <h3>Link Utili</h3>
 <ul>
<li><a href="#">First Link</a></li>
<li><a href="#">Another Link</a></li>
<li><a href="#">And Another</a></li>
<li><a href="#">Last One</a></li>
 </ul>
</div>
 </div>
 <div class="content">
<img src="images/prolo.jpg" alt="home" width="89" height="90" style="float: left; vertical-align: middle; margin: 10px 10px 0 0;" />
<h1 style="margin: 15px 0 0 0;">Benvenuti nel sito della Pro Loco</h1>
<p> </p>
<p>INDIVIDUARE LE RISORSE TERRITORIALI, COGLIERNE LE POTENZIALITA\' E SVILUPPARLE IN PROGETTI INTEGRATI SIGNIFICA VALORIZZARE LA VOCAZIONE TURISTICA DI UN TERRITORIO.<br>
 <br>
E\' questa la leva che ha spinto un gruppo di giovani (ma anche meno giovani) ottavianesi a dare vita alla PRO LOCO OTTAVIANO, desiderosi di contribuire allo sviluppo sociale e turistico di questa assopita cittadina.</p>
<p>This simple, fixed width website template is released under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0 Licence</a>. This means you are free to download and use it for personal and commercial projects. However, you <strong>must leave the \'design from css3templates.co.uk\' link in the footer of the template</strong>.</p>
<p>This template is written entirely in <strong>HTML5</strong> and <strong>CSS3</strong>.</p>
<p>You can view more free CSS3 web templates <a href="http://www.css3templates.co.uk">here</a>.</p>
<p>This template is a fully documented 5 page website, with an <a href="examples.html">examples</a> page that gives examples of all the styles available with this design. There is also a working PHP contact form on the contact page.</p>
 </div>
 
</div>
<footer>
<iframe src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/ProLocoOttaviano"
scrolling="no" frameborder="0"
style="border: none; width: 450px; height: 20px"></iframe>
 <p>Copyright &#169; Pajimi<a href="http://www.css3templates.co.uk"></a>  </p>
</footer>
  </div>
  <p> </p>
  <!-- javascript at the bottom for fast page loading -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript">
$(document).ready(function() {
 $(\'ul.sf-menu\').sooperfish();
});
  </script>
 
</body>
</html>

--- Termina codice ---

strano^^:
Ti ho modificato il post con il tag code, senò non si capisce niente! :D

strano^^:
Cosa vuoi inserire, non ho capito.

radiojuba:
voglio inserire il like box di facebook ti mando il link
 
http://developers.fa...ugins/like-box/
 
in pratica io imposto colore ,grandezza e cose varie e poi genero il codice,una volta generato va inserito all\'interno del codice sorgente della pagina,la prima parte subito dopo il l\'inizio del body,la seconda dovo voglio  che appaia(lato destro sotto ecc..),fatto sta che facendo la procedura quando lo vado a visualizzare su chrome  mi da errore,vorrei capire cosa sbaglio

radiojuba:
identico problema anche quando uso solo l\'iframe in html:
 

--- Codice: ---<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FProLocoOttaviano&amp;width=292&amp;height=590&amp;show_faces=true&amp;colorscheme=dark&amp;stream=true&amp;border_color=FFF&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>

--- Termina codice ---

Navigazione

[0] Indice dei post

[#] Pagina successiva

Vai alla versione completa