DesignFOX / Tudo o que você precisa aqui!: Colocando caixinha de Freed

Como colocar caixinha assinar de freed fixa no blogger, então confiram abaixo:

1º - Vá em design, > editar html e procure por:

2º - Agora logo acima coloque o seguinte código:

#form-feed-2 {text-align: center;font-family: Arial, sans-serif;width: 220px;margin: 0 auto;} .form-feed-2p {font-size: 14px;} .caixa-form-feed-2 {width: 200px;height: 28px;border: 1px solid #CCC;padding: 3px;-webkit-box-shadow: inset 0px 0px 10px -2px #B3B3B3;-moz-box-shadow: inset 0px 0px 10px -2px #B3B3B3;box-shadow: inset 0px 0px 10px -2px #B3B3B3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding-left: 5px;padding-right: 5px;font-size: 14px;} .caixa-form-feed-2:focus {border-color: #AEAEAE;outline: none;} .btn-form-feed-2 {width: 100px;height: 33px;background: rgb(64,146,226); /* Old browsers */background: -moz-linear-gradient(top, rgba(64,146,226,1) 0%, rgba(26,117,221,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,146,226,1)), color-stop(100%,rgba(26,117,221,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(64,146,226,1) 0%,rgba(26,117,221,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(64,146,226,1) 0%,rgba(26,117,221,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(64,146,226,1) 0%,rgba(26,117,221,1) 100%); /* IE10+ */background: linear-gradient(top, rgba(64,146,226,1) 0%,rgba(26,117,221,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4092e2', endColorstr='#1a75dd',GradientType=0 ); /* IE6-9 */border: 1px solid #176ABB;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;font-size: 15px;text-transform: uppercase;text-shadow: 1px 1px 1px #176ABB;filter: dropshadow(color=#176ABB, offx=1, offy=1);-webkit-box-shadow: inset 0px 0px 10px -2px #2378CB;-moz-box-shadow: inset 0px 0px 10px -2px #2378CB;box-shadow: inset 0px 0px 10px -2px #2378CB;cursor: pointer;} .btn-form-feed-2:hover {background: #499BEA;background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73, 155, 234, 1)), color-stop(100%,rgba(32, 124, 229, 1)));background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);background: linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );} .btn-form-feed-2:active {background: #499BEA;} .no-space1 {margin-top: 14px;} .no-space2 {margin: 0 auto;font-size: 17px;text-transform: uppercase;font-weight: bold;color: #363636;width: 220px;margin: 0 auto;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnpLY0nUeEirCY73OeGjRX5mAOoriTIdHfP2P2p0ytIgpp3ZJ_XJd_jPIL-9ltioYKhqtHa3v_p6l4b5F-BgJEW48gZWN45pNFh8YvHqZqWG18CkpJSSc81-wgFz7V-GFk0VLnvH9b9Ow/s1600/social_rss_box_orange.png) no-repeat -5px 0px;height: 120px;} .assinar-form-msg {float: right;font-size: 22px;padding-top: 23px;padding-right: 12px;cursor: default;} label.error {display: block;text-align: center;font-size: 14px;padding-bottom: 50px;margin-bottom: -50px;position: relative;margin-top: -15px;margin-bottom: -40px;padding-top: 5px;} br {clear: both;} label.valid {padding-bottom: 0 !important;margin-bottom: 26px !important;}

3º - Agora procure por <head> e adicione o seguinte código acima dele:

4º - Cliquem em salvar, e agora vamos a parte gadget, vá em design> adicionar um gadget
> html/ Java Script e adicione o seguinte código:

Aonde está "LINK DO SEU FREED" coloque seu freed e depois salve, e pronto!

Principal

Tutoriais

Download

Seguidores

0 comentários:

Postar um comentário