Plug-in FaceBook, no inicio da página

Versão Imprimível

Mostrar 10 mensagem(ns) deste tópico em uma página

10-03-2013, 05:55 PM
mudestroyer

Plug-in FaceBook, no inicio da página

boa tarde, gostaria de saber como faço para colocar o plug-in do facebook no meu site assim que abre o site igual esta nesse site.

[Only registered and activated users can see links. Click Here To Register...]
10-03-2013, 06:08 PM
Ayrton Ricardo

Código:

<style>#fblikepop {background-color: #fff;display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200;-moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left;font-family: arial,sans-serif; font-size: 13px;} #fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;} .fbflush {cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;} #fblikebg {display: none; position: fixed;_position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;} #fblikepop #closeable {color: #333;float: right; margin: 7px 0 0 0;} #fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} #fblikepop #actionHolder { height: 60px; overflow: hidden;} #fblikepop #buttonArea { background: #F2F2F2; border-top: 1px solid #CCCCCC; padding: 10px; min-height: 50px;} #fblikepop #buttonArea a { color: #999999 !important; text-decoration: none !important; border: 0 !important; font-size: 10px !important;} #fblikepop #buttonArea a:hover { color: #333 !important; text-decoration: none !important; border: 0 !important;} #fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important; line-height: 22px; padding: 8px; background: #fff !important;} #fblikepop #counter-display {float: right; font-size: 11px !important;font-weight: normal !important; margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style> <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1");</script> <script type="text/javascript" src="http://connect.facebook.net/pt_BR/all.js#xfbml=1"></script> <script type="text/javascript"> //<=!=[=C=D=A=T=A=[ kakinetworkdotcom01username="NOME-DA-SUA-PAGINA", kakinetworkdotcom01title="Encontre-nos no Facebook", kakinetworkdotcom01time="12", kakinetworkdotcom01wait="0", kakinetworkdotcom01lang="br" //]=]=> </script> <script type="text/javascript" src="http://mundoblogger.webs.com/scripts/popupFBlikebox.js"></script> <script type="text/javascript"> //<=!=[=C=D=A=T=A=[ $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); //]=]=> </script>

Bem simples. Podendo ser editado se tiver conhecimentos.
Pode colocar esse código em qualquer lugar .... mais aconcelho colocar entre: "<head></head>"
Altere apenas onde está de vermelho acima:
NOME-DA-SUA-PAGINA = Nome da sua pagina!
12 = Tempo para fechar sozinho!

Att. Ayrton Ricardo
10-03-2013, 06:11 PM
kaka

[Only registered and activated users can see links. Click Here To Register...]

pode gera o seu proprio no link acima é oficial do Facebook
11-03-2013, 02:34 PM
StaticX

[Only registered and activated users can see links. Click Here To Register...]
Onde fica a linha referente ao link da pagina?

Mesmo assim gostaria de dizer que coloquei como na descrição e nada aconteceu...
Será que faltou alguma coisa?
Lembrando utilizo site CTM 1.8.4
12-03-2013, 02:16 AM
Ayrton Ricardo

Realmente este script ai está com erro no momento, e não irei buscar solucionar.

Por isso busquei outro codigo mais fácil:

[Only registered and activated users can see links. Click Here To Register...]

Abra-o com o bloco de notas ou editor html de sua escolha, pesquise por: [Only registered and activated users can see links. Click Here To Register...]
e coloque o link de sua page no lugar deste link ai e vualá ;) Dessa vez testei com a minha e funcionou!

coloque tudo que estiver no arquivo antes de>>> </head> funcionará tranquilo!
12-03-2013, 02:26 AM
BeoWulf

Bom, como o exemplo que ele deu é do meu servidor vou ajudar postando meu código ...

Código:

<style>/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;opacity:0.5 !important;} #colorbox{ box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); } #cboxTopLeft{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/s1600/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /*-----------------------------------------------------------------------------------*/ /* Facebook Likebox popup For Blogger /*-----------------------------------------------------------------------------------*/ #subscribe { font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; } #subscribe a, #subscribe a:hover, #subscribe a:visited { text-decoration:none; } .box-title { color: #3B5998; font-size: 20px !important; font-weight: bold; margin: 10px 0; border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow: 5px 5px 5px #CCCCCC; padding:10px; line-height:25px; font-family:arial !important; } .box-tagline { color: #999; margin: 0; text-align: center; } #subs-container { padding: 35px 0 30px 0; position: relative; } a:link, a:visited { border:none; } .demo { display:none; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> <script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script>  <div style='display:none'> <div id='subscribe' style='padding:10px; background:#fff;'> <h3 class="box-title">Curta nossa página no Facebook!<center><p style="line-height:3px;" >MuBrX Season 4</p></center></h3> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/mubrx4&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe> </center> <!--<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By BeoWulf | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="[Only registered and activated users can see links. Click Here To Register...] </div> </div>

Basta adicionar o código no inicio da página, se for no musite que tem o sistema de includes no template, adiciona no header.tpl.php
Logo abaixo dos <scripts> de carregamento do site, e antes do </head>
Basta procurar no código por

Código:

https://www.facebook.com/mubrx4

e alterar.

PS: Lembrando, alterar apenas onde esta

Código:

https://www.facebook.com/mubrx4

Qualquer dúvida basta postar novamente ...
19-03-2013, 01:16 PM
StaticX

não pega na effect web por nada rapaz....
19-03-2013, 02:29 PM
mudestroyer

se alguém quise fechar tópico pode fecha ;)
19-03-2013, 02:35 PM
kaka

@StaticX

se não me engano vc tem q por na "home.pag.php" da effect
e não na "index.tpl.php" se nao me falha a memoria a "index.tpl.php" é apenas a header do site '-'
19-03-2013, 03:25 PM
BeoWulf

No MuSite, ao menos eu adiciono apenas no header.tpl.php pois como o template trabalha no sistema de includes ele ficava logo nas demais páginas, nunca trabalhei na effectweb, mas se ela tiver sistema de includes deverá funcionar.

Mostrar 10 mensagem(ns) deste tópico em uma página