Admin
Administrador
[TUTORIAL] Barra de compartilhamento nas redes socias |
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Barra de compartilhamento nas redes socias
[TUTORIAL] Barra de compartilhamento nas redes socias
1º - Código Widget
Crie um novo widget personalizado
- Código:
<style>.MD-widget2012 {background-color: #3B5998;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;bottom:-6px;position:fixed;right:0;z-index:3;}* html .MD-widget2012 { /**/position: absolute; left: auto; bottom: auto;left: expression( ( -1 - fbpromo_makingdifferent.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: expression( (-1 - fbpromo_makingdifferent.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );/**/ }.flt{float:left;}.MD-widget2012 span a{color: #808080;text-decoration:none;}.MD-widget2012 span a:hover{text-decoration:underline;}.MD-widget2012 span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}</style>
<script type="text/javascript">function fn_sliderpromo() { if (document.getElementById("fbpromo_makingdifferent") != null && !fnGetCookie('FBPROMOMOVIES')) { showfbpromo(); } }YAHOO.util.Event.onContentReady("ft", fn_sliderpromo, "");function clearfbpromo() { if (document.getElementById("fbpromo_makingdifferent") != null) { document.getElementById("fbpromo_makingdifferent").innerHTML = "<a href='javascript:void(0);' onclick='showfbpromo();'><img alt='' class='flt' src='http://3.bp.blogspot.com/-GDatnHZcBMg/T6z-1HVnfJI/AAAAAAAADJA/sSR-81_ivk0/s1600/vertical-right.png'/></a>";}}function showfbpromo() { if (document.getElementById("fbpromo_makingdifferent") != null)document.getElementById("fbpromo_makingdifferent").innerHTML = "<div style='width:295px;padding:8px 0px;background-color:#3B5998;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Curta nossa página no Facebook</div></div><iframe src='http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F429981887071828&show_faces=true&connections=9&stream=false&header=false&' scrolling='no' frameborder='0' style='border:none;overflow:hidden; width:295px; height:190px;background:#F5EBF5;'></iframe><a href='javascript:void(0)' onclick='clearfbpromo();'><div id='fbpclose' style='position:absolute;left:0px;top:0px;margin-left:-18px;margin-top:-18px;'><img src='http://1.bp.blogspot.com/-zHvDxX38DGE/T6z_NdL2kWI/AAAAAAAADJI/aJHuVUIlhKI/s1600/%5Bwww.gj37765.blogspot.com%5DcloseButton.png' /></div></a>";}</script><div class="MD-widget2012" id="fbpromo_makingdifferent"><a href="javascript:void(0);" onClick="showfbpromo();"><img alt="" class="flt" src="http://3.bp.blogspot.com/-GDatnHZcBMg/T6z-1HVnfJI/AAAAAAAADJA/sSR-81_ivk0/s1600/vertical-right.png"/></a></div>
<div style="background-color:#FFFFFF; border-right:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; left:0px;padding:2px"><div class="addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a></div><div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2088636f7cce31"></script>
</div>
Nome do widget : O que você desejar
Utilizar um table type : Não
Título do widget : Deixe em branco
Fonte do widget : O código acima
2º - Resultado
- Créditos:?
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] - [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
© Pro Publicitário
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [TUTORIAL] Barra de compartilhamento nas redes socias |