Na parte que diz
ESTE SCRIPT USA O ID DO APLICATIVO devem selecionar o aplicativo que criamos nos primeiros passos (o que eu postei é exemplo).
Após selecionar o aplicativo salvem os dois códigos pois eles serão usados na parte de implementação que começa no próximo bloco do tutorial...
Terminada a parte de criação do aplicativo, vamos iniciar agora a implantação no site, como eu havia dito no inicio do tópico, vou usar como base para demonstrar o sistema de Templates do MuSite (Daldegam).
Selecionei aqui o arquivo: readNotice.tpl.php vou dividir em duas informações, a primeira será o arquivo original o segundo será o arquivo já com o código implantado, o que estiver marcado de vermelho no segundo código é o que deve-se alterar para as informações que vocês salvaram conforme pedido no tutorial, e o que estiver em azul não precisa alterar.
Vamos lá, o código padrão do template que estou usando de exemplo o ja_sanidine_free é o seguinte:
Código:
{#INCLUDE:header}
<div id="ja-containerwrap-fr">
<div id="ja-container" class="clearfix">
<div id="ja-mainbody" class="clearfix">
<div id="ja-content">
<div id="ja-content-top">
<div id="ja-content-bot" class="clearfix">
<div id="ja-current-content" class="clearfix">
<div id="notice_read">
{#ResultNotices}
</div>
</div>
</div>
</div>
<div id="ja-content-top">
<div id="ja-content-bot" class="clearfix">
<div id="ja-current-content" class="clearfix">
<div id="notice_read">
<h1>Comentários</h1>
<div id="commentSelectReturn"></div>
<script>
function loadComments() {
Verify('?page=ajax&require=noticeselectcomments&idNotice=<?=$_GET['id'];?>', 'commentSelectReturn', 'get');
}
loadComments();
</script>
<div class="quadros">
Deixe seu comentário sobre essa notícia:<br />
<textarea id="comment" style="width: 100%; height: 80px;"></textarea>
<input type="button" value="Postar comentário" class="button" onclick="javascript: Verify('?page=ajax&require=noticecomment&idNotice=<?=$_GET['id'];?>&comment='+encodeURI(document.getElementById('comment').value), 'commentReturn', 'get');" />
<br /><div id="commentReturn"></div>
</div>
</div>
</div>
</div>
</div>
</div>
{#INCLUDE:menuLeft}
<br />
<div id="ja-tabs" class="clearfix"></div>
</div>
</div>
</div>
{#INCLUDE:footer}
Abaixo segue o código já alterado com o sistema de comentários do Facebook, lembrando que deve-se alterar apenas o que estiver em vermelho:
Código:
{#INCLUDE:header}
<div id="ja-containerwrap-fr">
<div id="ja-container" class="clearfix">
<div id="ja-mainbody" class="clearfix">
<div id="ja-content">
<div id="ja-content-top">
<div id="ja-content-bot" class="clearfix">
<div id="ja-current-content" class="clearfix">
<div id="notice_read">
{#ResultNotices}
</div>
</div>
</div>
</div>
<div id="ja-content-top">
<div id="ja-content-bot" class="clearfix">
<div id="ja-current-content" class="clearfix">
<div id="notice_read">
<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/pt_BR/all.js#xfbml=1&appId=485145718191156";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<?php
$server = $_SERVER['SERVER_NAME'];
$endereco = $_SERVER ['REQUEST_URI'];
$urlatual = "http://".$server.$endereco;
?>
<h1>Comentários</h1>
<!-- <div id="commentSelectReturn"></div>-->
<div class="quadros">
<div class="fb-comments" data-href= <?php echo $urlatual;?> data-width="600" data-num-posts="20" data-colorscheme="dark"></div>
<br /><div id="commentReturn"></div>
</div>
</div>
</div>
</div>
</div>
</div>
{#INCLUDE:menuLeft}
<br />
<div id="ja-tabs" class="clearfix"></div>
</div>
</div>
</div>
{#INCLUDE:footer}
Lembrando que os códigos alteradores, deverão ser modificados pelos dados que vocês obtiveram na seguinte imagem:
O resultado será mais ou menos o seguinte:
Qualquer dúvida eu ajudarei no que for possível, peço sinceras desculpas, pois tenho um grande programa para explicar em poucas palavras algo quando estou criando tutoriais em texto, por isso acho que pode ter ficado meio confuso ou grande de mais o tutorial, em todo caso, se possível eu farei um vídeo depois com os passos certinhos direto para melhor entendimento. Mas uma vez peço desculpas se o tutorial ficou muito longo, no mais é isso ...
Abraços
Créditos:
@ Facebook (código base)
@ Daldegam (MuSite)
@ BeoWulf (Tutorial e implantação do pequeno código PHP para trabalhar as URL's amigáveis no mesmo site)