Hola esta vez les traego un nuevo tutorial de como agregar a tu blog los sistemas de comentarios de Google+, Facebook y Blogger dándole así al usuario muchas mas posibilidades para comentar.
Para agregar este truco a tu pagina blog ve a Plantilla, Editar HTML (* Presionar CTRL + F dentro del editor para activar el cuadro de búsqueda) y busca el siguiente código:
<b:include data='post' name='post'/>
Debajo del anterior código colocas pega lo siguiente:
<b:if cond='data:blog.pageType == "item"'>
<div id='com-header'>
<div align='center' style='padding-top: 5px;font-size: 16px;'><b>Para Comentar Elige el Sistema de Comentario de tu Agrado:</b></div>
</div>
<div class='commentacon'>
<script language='javascript' type='text/javascript'>
function show(id) {
var oc = document.getElementById(id).style;
hide();
oc.display = "block";
}
function hide() {
document.getElementById('gpluscomments').style.display = "none";
document.getElementById('comments').style.display = "none";
document.getElementById('comentariosFacebook').style.display = "none";
}
</script>
<style type='text/css'>
#com-header {width: 550px;margin-left:10px;padding: 2px;float:left;margin-bottom: 10px;text-align: center; }
.commentacon {width: 550px;margin-left:10px; background:#edeaea ;margin-top: 5px; border: 1px solid rgb(229, 229, 229);
border-radius: 3px; }#comments, #comentariosFacebook, #gpluscomments {display:none;}#goog{margin-left:65px;display:block;}#blog{margin-left:210px;margin-top:-45px;} #face{margin-left:355px;margin-top:-45px;}#comentariosFacebook{margin-left:15px;margin-top:10px;}</style>
<div id='goog'>
<a class='googl' href='javascript:show('gpluscomments')'><img alt='comentarios google' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGMiq1o6irl75PWoYiDrrIzT5osadRc3C6qbLNRe3OZOb7LKM5oTZkY5lm6Ot2o9tuy0yoYMiJ4WF08BA55AxdgYdhB_J3mZCsDUz-KNr8Y8BohckQ7XFXX25jm3u6cyMd_D9yBI84fME/s1600/comentarios-google.gif'/></a></div>
<div id='blog'>
<a class='blogg' href='javascript:show('comments')'><img alt='comentarios blogger' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHWDhAHPl5u4d_Me-U_pGlJ0cJzpZBSRn5JjpKny7nxk3KeymUmrK64EmWY7MOZHa619H9IbtTD6KBv3KlDsyLztPjaavtj1Oep15nYLfaqjuWy8ssB3ecMZBYVA04f_rxUPOB3uLcRR0/s1600/comentarios-blogger.gif'/></a></div>
<div id='face'>
<a class='faceb' href='javascript:show('comentariosFacebook')'><img alt='comentarios facebook' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmO2_6qsxZ0yifQKuG5-NoBDf6ebix6LloWT2PFsIPyxXw4HG4S7gGNbRFAinWCN9zQ5JJJYklLWFeGCbbPSk-p4w1eB89GJn_ea5OIdXc1CAKBli26sv4XTbC1kdUFRBjr9LRavypjHY/s1600/comentarios-facebook.gif'/></a></div>
<div class='comentarios' id='gpluscomments'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
</div>
<div class='comentarios' id='comentariosFacebook'>
<div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='520' expr:href='data:post.canonicalUrl'/></div>
</div>
</b:if>
Ahora Cerca del anterior código se vera otro código similar al siguiente codigo:
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
Ahora coloca Justo debajo del anterior código pega lo siguiente:
<b:if cond='data:blog.pageType == "item"'>
<div class='comentarios' id='comentariosFacebook'>
<div class='fb-comments' data-colorscheme='light' data-num-posts='1' data-width='540' expr:href='data:post.url'/></div> </b:if>
Ahora coloca debajo de <body> agrega lo siguiente:
<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/es_ES/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
Comparte este post con tus amigos!
...o tambien puedes seguir el blog en:
5 comentarios:
Perfeito muito Obrigado!
betmatik
kralbet
betpark
tipobet
slot siteleri
kibris bahis siteleri
poker siteleri
bonus veren siteler
mobil ödeme bahis
BP2L
betmatik
kralbet
betpark
tipobet
slot siteleri
kibris bahis siteleri
poker siteleri
bonus veren siteler
mobil ödeme bahis
X5K1TK
bahis siteleri
https://bahissiteleri.io
youwin
bets10
1xbet
7BBZP
bursa
malatya
denizli
şirinevler
esenyurt
5ACC8J
Comparte tu opinion con los demas, deja un comentario. ↓
Los comentarios no son moderados, sin embargo si contienen insultos o son ofensivos, pueden ser borrados.