Estarei disponibilizando estas Faixas de vrios tipos em psd para vocs, nas cores Azuis e Vermelhas, com opo para mudar, espero que gostem.DOWNLOAD Nova Opes para Download: Download Alguns Programas para Edio de CSS/HTML1.Dreamweaver2.WYSIWYG Web Builder 8.13.PHP Editor 2.224. Nvu 1.05. Webnome6. Freewebs7. Joomla8.Wamp59.Web Acappella10. Wix No artigo de hoje, aprenderemos a inserir uma caixa de divulgao expansvel com os botes +1, curtir e seguir de, respectivamente, Google+, Facebook e Twitter no WordPress. Nosso tutorial para Blogger recebeu uma grande quantidade de comentrios pedindo para criar um tutorial sobre o mesmo, s que na verso WordPress. Como ns gostamos de satisfazer pedidos de leitores, estamos ento criando o tutorial de como inserir essa mesma caixa, s que em verso WordPress. O tutorial no muda quase nada, apenas os locais nos quais os cdigos vo ser inseridos. Vamos l!Ver DemonstraoVamos ao Tutorial:1 Acesse o painel do seu blog WordPress e clique na Guia Aparncia.2 Depois clique em Editor e selecione o arquivo style.css do seu tema.3 V at o final do arquivo e na ltima linha, d um quebra-linha e cole o seguinte cdigo:#loginContainer{position:relative;float:left;font-size:12px}<br /> #loginButton {<br /> padding: 8px;<br /> font-family: Arial, sans-serif;<br /> display: inline-block;<br /> position: relative;<br /> z-index: 30;<br /> cursor: pointer;<br /> background: #4092E2;<br /> background: -moz-linear-gradient(top, rgba(64, 146, 226, 1) 0%, rgba(26, 117, 221, 1) 100%);<br /> background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64, 146, 226, 1)), color-stop(100%,rgba(26, 117, 221, 1)));<br /> background: -webkit-linear-gradient(top, rgba(64, 146, 226, 1) 0%,rgba(26, 117, 221, 1) 100%);<br /> background: -o-linear-gradient(top, rgba(64, 146, 226, 1) 0%,rgba(26, 117, 221, 1) 100%);<br /> background: -ms-linear-gradient(top, rgba(64, 146, 226, 1) 0%,rgba(26, 117, 221, 1) 100%);<br /> background: linear-gradient(top, rgba(64, 146, 226, 1) 0%,rgba(26, 117, 221, 1) 100%);<br /> filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4092e2', endColorstr='#1a75dd',GradientType=0 );<br /> border: 1px solid #176ABB;<br /> -webkit-border-radius: 4px;<br /> -moz-border-radius: 4px;<br /> border-radius: 4px;<br /> }<br /> #loginButton:hover {<br /> background: #499BEA;<br /> background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);<br /> background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73, 155, 234, 1)), color-stop(100%,rgba(32, 124, 229, 1)));<br /> background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);<br /> background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);<br /> background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);<br /> background: linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);<br /> filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );<br /> text-decoration: none;<br /> }<br /> #loginButton.active {<br /> background: #4092E2;<br /> border-bottom: 0;<br /> -webkit-border-radius: 4px 4px 0 0px;<br /> }<br /> #loginButton span {<br /> display: block;<br /> padding-top: 2px;<br /> font-weight: normal;<br /> font-size: 16px;<br /> color: white;<br /> text-shadow: 1px 1px 1px #176ABB;<br /> }<br /> #loginForm {<br /> width: 284px;<br /> border: 1px solid #176ABB;<br /> border-radius: 0px 3px 3px 3px;<br /> -moz-border-radius: 3px 0 3px 3px;<br /> background: #4092E2;<br /> margin-top: -7px;<br /> border-image: initial;<br /> padding: 6px;<br /> }<br /> #loginBox {<br /> top: 52px;<br /> right: 0;<br /> display: none;<br /> z-index: 29;<br /> }<br /> div#body {<br /> background: white;<br /> border-radius: 3px;<br /> -moz-border-radius: 3px;<br /> margin: 0;<br