Ola pessoal , Hoje vim fazer um post especial para voces que querem ' turbinar ' seu blog , por isto estou como algumas dicas de HTML ! vejam so :1a - JANELA POP UP DO FACEBOOK NA ENTRADA DO SEU BLOG1) Entre no painel de controle do blog2) Adicionar Gadget3) HTML/Javascript4) Copie e cole o codigo abaixo /*ColorBox Core Style:.*/#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 areordered & 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;}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"});}});Receber todas as atualizacoes atraves do Facebook. Basta curtir nossa FanPage.5) ATENCAO PARA ESSA PARTE QUE ESTA NO FINAL DO CODIGO< iframe src = "//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNOME-DA-SUA-FANPAGE&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">6) copie a url da sua pagina do facebook e cole no lugar do que esta em rosa7) Salve e verifique.ATENCAO! ESSE CODIGO NAO APARECE TODA VEZ QUE O VISITANTE APARECE. ELE APARECE SOMENTE UMA VEZ POR DIA OK!!!2a - GADGET - ICONES REDES SOCIAISPara adicionar essa aba no seu blog siga os passos abaixo:1) entre no layout do blog2) adicionar gadget3) html/javascript4) copie e cole o codigo abaixo ATENCAO!Quando for colar o codigo no seu blog, onde estiver escrito LINK DO SEU... voce altera para os links das paginas de perfil para cada item correspondente .3a - ICENOS DE REDES SOCIAIS E BUSCA NO MESMO GADGETSiga os passos abaixo:1) entre no layout do blog2) adicionar gadget3) html/javascript4) copie e cole o codigo abaixo .mok-metro-social{width:300px;}.mok-metro-social li{position:relative;cursor:pointer;padding:0;list-style:none;}.mok-metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:2.5px;position:relative;display:block;}.mok-metro-social .tw{background:url(https://lh6.googleusercontent.com/-tAiPX-vmOtE/UYSi2-XmHDI/AAAAAAAAAQ8/1QoazLdpBw0/h120/twitter-bird-dark-bgs.png) no-repeat center center #43b3e5;width:70px;height:70px;-webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s linear;-o-transition: box-shadow .3s linear, background .2s linear;transition: box-shadow .3s linear, background .2s linear;}.mok-metro-social .fb{background:url(https://lh3.googleusercontent.com/-vDSzu-T601Y/UYSi1fSRVrI/AAAAAAAAAQc/ELuXZ2jyqQc/h120/facebookf.png.png) no-repeat center center #1f69b3;width:70px;height:70px;-webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s linear;-o-transition: box-shadow .3s linear, background .2s linear;transition: box-shadow .3s linear, background .2s linear;}.mok-metro-social .gp{background:url(https://lh3.googleusercontent.com/-UFoSVVdTmjs/UYSi2B_Sq8I/AAAAAAAAAQs/3FBp6oEsVPI/h120/google%2Bplus.png) no-repeat center center #da4a38;width:70px;height:70px;-webkit-transition: box-shadow .3s linear, background .2s linear;-moz-transition: box-shadow .3s linear, background .2s linear;-ms-transition: box-shadow .3s linear, background .2s