As
Para adicionar essa box em seu blog você deve acessar o painel do Blogger, clicar na guia Layout e adicionar um gadget do tipo Html/JavaScript e colar o código a seguir fazendo as devidas alterações.
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-flyIV4INdU4x6Orahs2WQqtVPxvyAJs8Z6Zyin5-2nTn9w09JlMx4w86xXAoW6FM5KBkYi06EyZFdG9hI5h5chPUYJaDgNMZ1kMC2kpZ1xlpkqHFD7RETMIthTsZ4mNg1aXCIzBaPhhb/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%2FNOME DA SUA FAN PAGE&show_faces=true&connections=9&stream=false&header=false&' scrolling='no' frameborder='0' style='border:none;overflow:hidden; width:295px; height:270px;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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1xMpE-r5i6K2SwwNCSKKBQ0eyxphoEgOaGmwOzAhPD12AbLGUVzMzW1ipBMWASKVass0TsQUlHbvWCWaLBThvMseXdtBOKRGacyNl_kpxXjcV8il6si3n3i2q04VO4x1gXRqwWOjLN7Hv/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-flyIV4INdU4x6Orahs2WQqtVPxvyAJs8Z6Zyin5-2nTn9w09JlMx4w86xXAoW6FM5KBkYi06EyZFdG9hI5h5chPUYJaDgNMZ1kMC2kpZ1xlpkqHFD7RETMIthTsZ4mNg1aXCIzBaPhhb/s1600/vertical-right.png"/></a></div>
Não esqueça de alterar a parte do código destacado em vermelho pelo nome da sua página no facebook.
Sem comentários:
Enviar um comentário