Download Vs Gratis

GABARITO OFICIAL PMERJ 2009 - PROVA PARA SOLD.

noreply@blogger.com (nitinho) — Tue, 16 Jun 2009 13:55:00 +0000

Prova A
1-D; 2-E; 3-C; 4-C; 5-E; 6-D; 7-B; 8-C; 9-B; 10-D; 11-C; 12-B; 13-C; 14-E; 15-B; 16-D; 17-A; 18-B; 19-D; 20-A; 21-B; 22-C; 23-A; 24-E; 25-B; 26-C; 27-D; 28-A; 29-E; 30-A; 31-D; 32-B; 33-E; 34-D; 35-D; 36-E; 37-A; 38-D; 39-D; 40-A

Prova B
1-C; 2-B; 3-E; 4-D; 5-A; 6-A; 7-A; 8-B; 9-A; 10-E; 11-B; 12-A; 13-E; 14-D; 15-C; 16-A; 17-C; 18-A; 19-C; 20-D; 21-C; 22-E; 23-E; 24-D; 25-C; 26-B; 27-C; 28-C; 29-B; 30-B; 31-E; 32-D; 33-C; 34-A; 35-C; 36-A; 37-B; 38-C; 39-B; 40-B

Prova C
1-E; 2-C; 3-A; 4-A; 5-D; 6-E; 7-D; 8-A; 9-D; 10-B; 11-E; 12-C; 13-D; 14-B; 15-A; 16-E; 17-D; 18-C; 19-E; 20-B; 21-D; 22-D; 23-D; 24-C; 25-E; 26-A; 27-E; 28-B; 29-D; 30-D; 31-C; 32-E; 33-A; 34-C; 35-A; 36-B; 37-C; 38-E; 39-C; 40-E

GABARITO EXTRA OFICIAL DO CONCURSO PARA SD PMERJ 2009

noreply@blogger.com (nitinho) — Mon, 15 Jun 2009 19:40:00 +0000

GABARITO EXTRA OFICIAL DO CONCURSO PARA SD PMERJ 2009

Prova A
1-D; 2-E; 3-C; 4-C; 5-E; 6-D; 7-B; 8-C; 9-B; 10-D; 11-C; 12-B; 13-E; 14-E; 15-B; 16-D; 17-A; 18-B; 19-D; 20-A; 21-B; 22-C; 23-A; 24-E; 25-B; 26-C; 27-D; 28-A; 29-D; 30-A; 31-D; 32-B; 33-E; 34-D; 35-D; 36-E; 37-A; 38-D; 39-D; 40-A

Prova B
1-C; 2-B; 3-E; 4-D; 5-A; 6-A; 7-A; 8-D; 9-A; 10-E; 11-B; 12-A; 13-E; 14-D; 15-C; 16-A; 17-C; 18-A; 19-C; 20-D; 21-C; 22-E; 23-E; 24-D; 25-C; 26-B; 27-C; 28-C; 29-B; 30-B; 31-E; 32-D; 33-C; 34-A; 35-C; 36-A; 37-B; 38-C; 39-B; 40-B

Prova C
1-E; 2-C; 3-A; 4-A; 5-D; 6-E; 7-D; 8-A; 9-D; 10-B; 11-A; 12-C; 13-D; 14-B; 15-A; 16-E; 17-D; 18-C; 19-E; 20-B; 21-D; 22-D; 23-D; 24-C; 25-E; 26-A; 27-E; 28-B; 29-D; 30-D; 31-C; 32-E; 33-A; 34-C; 35-A; 36-B; 37-C; 38-E; 39-C; 40-E

O DIA

Código das Cores

noreply@blogger.com (nitinho) — Mon, 30 Mar 2009 18:28:00 +0000

Veja quando vamos mudar a cor de alguma coisa no blog ou site precisamos saber qual o código HTML da cor que vamos usar, porque o template é feito em CSS usando códigos para definir as cores de tudo menos as imagens é claro. Então aqui está uma lista com o código de muitas cores para você usar como quiser no seu blog.

Apesar do blogspot ter uma página de cores com algumas opções elas são limitadas então procure a cor que gostar na lista abaixo e copie o código para usar no blog, esses códigos serem para mudar a cor de tudo: fundo do blog, cores das letras, fundo das postagens ou sidebar, cores das bordas, enfim qualquer cor que veja num blog é definido através desses códigos. Então é só usar a lista de cores e deixar seu blog mais bonito e com cores diferentes. Essa lista foi adaptada apartir de uma página do site MXStudio.

Snow -#FFFAFA

GhostWhite#F8F8FF

WhiteSmoke #F5F5F5

Gainsboro #DCDCDC

FloralWhite #FFFAF0

OldLace #FDF5E6

Linen #FAF0E6

AntiqueWhite #FAEBD7

PapayaWhip #FFEFD5

BlanchedAlmond #FFEBCD

Bisque #FFE4C4

PeachPuff #FFDAB9

NavajoWhite #FFDEAD

Moccasin #FFE4B5

Cornsilk #FFF8DC

Ivory #FFFFF0

LemonChiffon #FFFACD

Seashell #FFF5EE

Honeydew #F0FFF0

MintCream #F5FFFA

Azure #F0FFFF

AliceBlue #F0F8FF

lavender #E6E6FA

LavenderBlush #FFF0F5

MistyRose #FFE4E1

White #FFFFFF

Black #000000

DarkSlateGray #2F4F4F

DimGrey #696969

SlateGrey #708090

LightSlateGray #778899

Grey #BEBEBE

LightGray #D3D3D3

MidnightBlue #191970

NavyBlue #000080

CornflowerBlue #6495ED

DarkSlateBlue #483D8B

SlateBlue #6A5ACD

MediumSlateBlue #7B68EE

LightSlateBlue #8470FF

MediumBlue #0000CD

RoyalBlue #4169E1

Blue #0000FF

DodgerBlue #1E90FF

DeepSkyBlue #00BFFF

SkyBlue #87CEEB

LightSkyBlue #87CEFA

SteelBlue #4682B4

LightSteelBlue #B0C4DE

LightBlue #ADD8E6

PowderBlue #B0E0E6

PaleTurquoise #AFEEEE

DarkTurquoise #00CED1

MediumTurquoise #48D1CC

Turquoise #40E0D0

Cyan #00FFFF

LightCyan #E0FFFF

CadetBlue #5F9EA0

MediumAquamarine #66CDAA

Aquamarine #7FFFD4

DarkGreen #006400

DarkOliveGreen #556B2F

DarkSeaGreen #8FBC8F

SeaGreen #2E8B57

MediumSeaGreen #3CB371

LightSeaGreen #20B2AA

PaleGreen #98FB98

SpringGreen #00FF7F

LawnGreen #7CFC00

Green #00FF00

Chartreuse #7FFF00

MedSpringGreen #00FA9A

GreenYellow #ADFF2F

LimeGreen #32CD32

YellowGreen #9ACD32

ForestGreen #228B22

OliveDrab #6B8E23

DarkKhaki #BDB76B

PaleGoldenrod #EEE8AA

LtGoldenrodYello #FAFAD2

LightYellow #FFFFE0

Yellow #FFFF00

Gold #FFD700

LightGoldenrod #EEDD82

goldenrod #DAA520

DarkGoldenrod #B8860B

RosyBrown #BC8F8F

IndianRed #CD5C5C

SaddleBrown #8B4513

Sienna #A0522D

Peru #CD853F

Burlywood #DEB887

Beige #F5F5DC

Wheat #F5DEB3

SandyBrown #F4A460

Tan #D2B48C

Chocolate #D2691E

Firebrick #B22222

Brown #A52A2A

DarkSalmon #E9967A

Salmon #FA8072

LightSalmon #FFA07A

Orange #FFA500

DarkOrange #FF8C00

Coral #FF7F50

LightCoral #F08080

Tomato #FF6347

OrangeRed #FF4500

Red #FF0000

HotPink #FF69B4

DeepPink #FF1493

Pink #FFC0CB

LightPink #FFB6C1

PaleVioletRed #DB7093

Maroon #B03060

MediumVioletRed #C71585

VioletRed #D02090

Magenta #FF00FF

Violet #EE82EE

Plum #DDA0DD

Orchid #DA70D6

MediumOrchid #BA55D3

DarkOrchid #9932CC

DarkViolet #9400D3

BlueViolet #8A2BE2

Purple #A020F0

MediumPurple #9370DB

Thistle #D8BFD8

Snow1 #FFFAFA

Snow2 #EEE9E9

Snow3 #CDC9C9

Snow4 #8B8989

Seashell1 #FFF5EE

Seashell2 #EEE5DE

Seashell3 #CDC5BF

Seashell4 #8B8682

AntiqueWhite1 #FFEFDB

AntiqueWhite2 #EEDFCC

AntiqueWhite3 #CDC0B0

AntiqueWhite4 #8B8378

Bisque1 #FFE4C4

Bisque2 #EED5B7

Bisque3 #CDB79E

Bisque4 #8B7D6B

PeachPuff1 #FFDAB9

PeachPuff2 #EECBAD

PeachPuff3 #CDAF95

PeachPuff4 #8B7765

NavajoWhite1 #FFDEAD

NavajoWhite2 #EECFA1

NavajoWhite3 #CDB38B

NavajoWhite4 #8B795E

LemonChiffon1 #FFFACD

LemonChiffon2 #EEE9BF

LemonChiffon3 #CDC9A5

LemonChiffon4 #8B8970

Cornsilk1 #FFF8DC

Cornsilk2 #EEE8CD

Cornsilk3 #CDC8B1

Cornsilk4 #8B8878

Ivory1 #FFFFF0

Ivory2 #EEEEE0

Ivory3 #CDCDC1

Ivory4 #8B8B83

Honeydew1 #F0FFF0

Honeydew2 #E0EEE0

Honeydew3 #C1CDC1

Honeydew4 #838B83

LavenderBlush1 #FFF0F5

LavenderBlush2 #EEE0E5

LavenderBlush3 #CDC1C5

LavenderBlush4 #8B8386

SlateGray4 #6C7B8B

LightSteelBlue1 #CAE1FF

LightSteelBlue2 #BCD2EE

LightSteelBlue3 #A2B5CD

LightSteelBlue4 #6E7B8B

LightBlue1 #BFEFFF

LightBlue2 #B2DFEE

LightBlue3 #9AC0CD

LightBlue4 #68838B

LightCyan1 #E0FFFF

LightCyan2 #D1EEEE

LightCyan3 #B4CDCD

LightCyan4 #7A8B8B

PaleTurquoise1 #BBFFFF

PaleTurquoise2 #AEEEEE

PaleTurquoise3 #96CDCD

PaleTurquoise4 #668B8B

CadetBlue1 #98F5FF

CadetBlue2 #8EE5EE

CadetBlue3 #7AC5CD

CadetBlue4 #53868B

Turquoise1 #00F5FF

Turquoise2 #00E5EE

Turquoise3 #00C5CD

Turquoise4 #00868B

Cyan1 #00FFFF

Cyan2 #00EEEE

Cyan3 #00CDCD

Cyan4 #008B8B

DarkSlateGray1 #97FFFF

DarkSlateGray2 #8DEEEE

DarkSlateGray3 #79CDCD

DarkSlateGray4 #528B8B

Aquamarine1 #7FFFD4

Aquamarine2 #76EEC6

Aquamarine3 #66CDAA

Aquamarine4 #458B74

DarkSeaGreen1 #C1FFC1

DarkSeaGreen2 #B4EEB4

DarkSeaGreen3 #9BCD9B

DarkSeaGreen4 #698B69

SeaGreen1 #54FF9F

SeaGreen2 #4EEE94

MistyRose1 #FFE4E1

MistyRose2 #EED5D2

MistyRose3 #CDB7B5

MistyRose4 #8B7D7B

Azure1 #F0FFFF

Azure2 #E0EEEE

Azure3 #C1CDCD

Azure4 #838B8B

SlateBlue1 #836FFF

SlateBlue2 #7A67EE

SlateBlue3 #6959CD

SlateBlue4 #473C8B

RoyalBlue1 #4876FF

RoyalBlue2 #436EEE

RoyalBlue3 #3A5FCD

RoyalBlue4 #27408B

Blue1 #0000FF

Blue2 #0000EE

Blue3 #0000CD

Blue4 #00008B

DodgerBlue1 #1E90FF

DodgerBlue2 #1C86EE

DodgerBlue3 #1874CD

DodgerBlue4 #104E8B

SteelBlue1 #63B8FF

SteelBlue2 #5CACEE

SteelBlue3 #4F94CD

SteelBlue4 #36648B

DeepSkyBlue1 #00BFFF

DeepSkyBlue2 #00B2EE

DeepSkyBlue3 #009ACD

DeepSkyBlue4 #00688B

SkyBlue1 #87CEFF

SkyBlue2 #7EC0EE

SkyBlue3 #6CA6CD

SkyBlue4 #4A708B

LightSkyBlue1 #B0E2FF

LightSkyBlue2 #A4D3EE

LightSkyBlue3 #8DB6CD

LightSkyBlue4 #607B8B

SlateGray1 #C6E2FF

SlateGray2 #B9D3EE

SlateGray3 #9FB6CD

Firebrick4 #8B1A1A

Brown1 #FF4040

Brown2 #EE3B3B

Brown3 #CD3333

Brown4 #8B2323

Salmon1 #FF8C69

Salmon2 #EE8262

Salmon3 #CD7054

Salmon4 #8B4C39

LightSalmon1 #FFA07A

LightSalmon2 #EE9572

LightSalmon3 #CD8162

LightSalmon4 #8B5742

Orange1 #FFA500

Orange2 #EE9A00

Orange3 #CD8500

Orange4 #8B5A00

DarkOrange1 #FF7F00

DarkOrange2 #EE7600

DarkOrange3 #CD6600

DarkOrange4 #8B4500

Coral1 #FF7256

Coral2 #EE6A50

Coral3 #CD5B45

Coral4 #8B3E2F

Tomato1 #FF6347

Tomato2 #EE5C42

Tomato3 #CD4F39

Tomato4 #8B3626

OrangeRed1 #FF4500

OrangeRed2 #EE4000

OrangeRed3 #CD3700

OrangeRed4 #8B2500

Red1 #FF0000

Red2 #EE0000

Red3 #CD0000

Red4 #8B0000

DeepPink1 #FF1493

DeepPink2 #EE1289

DeepPink3 #CD1076

DeepPink4 #8B0A50

HotPink1 #FF6EB4

HotPink2 #EE6AA7

Gold2 #EEC900

HotPink3 #CD6090

HotPink4 #8B3A62

Pink1 #FFB5C5

Pink2 #EEA9B8

Pink3 #CD919E

Pink4 #8B636C

LightPink1 #FFAEB9

LightPink2 #EEA2AD

LightPink3 #CD8C95

LightPink4 #8B5F65

PaleVioletRed1 #FF82AB

PaleVioletRed2 #EE799F

PaleVioletRed3 #CD6889

PaleVioletRed4 #8B475D

Maroon1 #FF34B3

Maroon2 #EE30A7

Maroon3 #CD2990

Maroon4 #8B1C62

VioletRed1 #FF3E96

VioletRed2 #EE3A8C

VioletRed3 #CD3278

VioletRed4 #8B2252

Magenta1 #FF00FF

Magenta2 #EE00EE

Magenta3 #CD00CD

Magenta4 #8B008B

Orchid1 #FF83FA

Orchid2 #EE7AE9

Orchid3 #CD69C9

Orchid4 #8B4789

Plum1 #FFBBFF

Plum2 #EEAEEE

Plum3 #CD96CD

Plum4 #8B668B

MediumOrchid1 #E066FF

MediumOrchid2 #D15FEE

MediumOrchid3 #B452CD

MediumOrchid4 #7A378B

DarkOrchid1 #BF3EFF

DarkOrchid2 #B23AEE

DarkOrchid3 #9A32CD

DarkOrchid4 #68228B

Purple1 #9B30FF

Purple2 #912CEE

SeaGreen3 #43CD80

SeaGreen4 #2E8B57

PaleGreen1 #9AFF9A

PaleGreen2 #90EE90

PaleGreen3 #7CCD7C

PaleGreen4 #548B54

SpringGreen1 #00FF7F

SpringGreen2 #00EE76

SpringGreen3 #00CD66

SpringGreen4 #008B45

Green1 #00FF00

Green2 #00EE00

Green3 #00CD00

Green4 #008B00

Chartreuse1 #7FFF00

Chartreuse2 #76EE00

Chartreuse3 #66CD00

Chartreuse4 #458B00

OliveDrab1 #C0FF3E

OliveDrab2 #B3EE3A

OliveDrab3 #9ACD32

OliveDrab4 #698B22

DarkOliveGreen1 #CAFF70

DarkOliveGreen2 #BCEE68

DarkOliveGreen3 #A2CD5A

DarkOliveGreen4 #6E8B3D

Khaki1 #FFF68F

Khaki2 #EEE685

Khaki3 #CDC673

Khaki4 #8B864E

LightGoldenrod1 #FFEC8B

LightGoldenrod2 #EEDC82

LightGoldenrod3 #CDBE70

LightGoldenrod4 #8B814C

LightYellow1 #FFFFE0

LightYellow2 #EEEED1

LightYellow3 #CDCDB4

LightYellow4 #8B8B7A

Yellow1 #FFFF00

Yellow2 #EEEE00

Yellow3 #CDCD00

Yellow4 #8B8B00

Gold1 #FFD700

Gold3 #CDAD00

Gold4 #8B7500

Goldenrod1 #FFC125

Goldenrod2 #EEB422

Goldenrod3 #CD9B1D

Goldenrod4 #8B6914

DarkGoldenrod1 #FFB90F

DarkGoldenrod2 #EEAD0E

DarkGoldenrod3 #CD950C

DarkGoldenrod4 #8B658B

RosyBrown1 #FFC1C1

RosyBrown2 #EEB4B4

RosyBrown3 #CD9B9B

RosyBrown4 #8B6969

IndianRed1 #FF6A6A

IndianRed2 #EE6363

IndianRed3 #CD5555

IndianRed4 #8B3A3A

Sienna1 #FF8247

Sienna2 #EE7942

Sienna3 #CD6839

Sienna4 #8B4726

Burlywood1 #FFD39B

Burlywood2 #EEC591

Burlywood3 #CDAA7D

Burlywood4 #8B7355

Wheat1 #FFE7BA

Wheat2 #EED8AE

Wheat3 #CDBA96

Wheat4 #8B7E66

Tan1 #FFA54F

Purple3 #7D26CD

Purple4 #551A8B

MediumPurple1 #AB82FF

MediumPurple2 #9F79EE

MediumPurple3 #8968CD

MediumPurple4 #5D478B

Thistle1 #FFE1FF

Thistle2 #EED2EE

Thistle3 #CDB5CD

Thistle4 #8B7B8B

grey11 #1C1C1C

grey21 #363636

grey31 #4F4F4F

grey41 #696969

grey51 #828282

grey61 #9C9C9C

grey71 #B5B5B5

gray81 #CFCFCF

gray91 #E8E8E8

DarkGrey #A9A9A9

DarkBlue #00008B

DarkCyan #008B8B

DarkMagenta #8B008B

DarkRed #8B0000

LightGreen #90EE90

Chocolate3 #CD661D

Chocolate4 #8B4513

Firebrick1 #FF3030

Firebrick2 #EE2C2C

Firebrick3 #CD2626

Gold4 #8B7500

Goldenrod1 #FFC125

Goldenrod2 #EEB422

Goldenrod3 #CD9B1D

Goldenrod4 #8B6914

DarkGoldenrod1 #FFB90F

DarkGoldenrod2 #EEAD0E

DarkGoldenrod3 #CD950C

DarkGoldenrod4 #8B658B

RosyBrown1 #FFC1C1

RosyBrown2 #EEB4B4

RosyBrown3 #CD9B9B

RosyBrown4 #8B6969

IndianRed1 #FF6A6A

IndianRed2 #EE6363

IndianRed3 #CD5555

IndianRed4 #8B3A3A

Sienna1 #FF8247

Sienna2 #EE7942

Sienna3 #CD6839

Sienna4 #8B4726

Burlywood1 #FFD39B

Burlywood2 #EEC591

Burlywood3 #CDAA7D

Burlywood4 #8B7355

Tan2 #EE9A49

Tan3 #CD853F

Tan4 #8B5A2B

Chocolate1 #FF7F24

Chocolate2 #EE7621

Tradutor no blog

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:34:00 +0000

Para colocar um tradutor no seu blog, como o que eu tenho aqui, copie o código abaixo, vá em Modelo->Inserir Elemento de Página-> e escolha HTML/JavaScript e cole o código, salvando.

<center><img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/></center>

<form id="translateForm" action=http://www.worldlingo.com/S1790.5/translation target="_blank">

<input value="PT" name="wl_srclang" type="hidden"/>

<select style="font-size: 70%; width: 160px;" name="wl_trglang">

<option value="EN"/>Português - Inglês

<option value="FR"/>Português - Francês

<option value="DE"/>Português - Alemão

<option value="IT"/>Português - Italiano

<option value="PT"/>Português - Português

<option value="RU"/>Português - Russo

<option value="ES"/>Português - Espanhol

</select>

<input value="ENDEREÇO DO SEU BLOG" name="wl_url" type="hidden"/>

<input style="font-size: 70%; width: 50px;" value="Traduza" type="submit"/>

</form>

A imagem está hospedada no TinyPic, mas é sempre bom guardar uma cópia no seu computador.

Retirando titulo do blogspot

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:33:00 +0000

Para tirar o Título do blogger basta ir em Layout > Modelo > Editar html.

Agora encontre o seguinte código no template:

<b:widget id="'Header1'" locked="'true'" title="'TITULODOSEUBLOG(Cabeçalho)'" type="'Header'/">

Agora delete ele do template.
Teste se ocorreu tudo certo clique em salvar.

Observação: O título não saira da barra de título do navegador.

Retirando bordas das imagens

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:32:00 +0000

Em alguns templates as imagens postadas ficam com bordas, caso queira tirar essa borda altomaticamente de todas as imagens, faça o seguinte:

Procure as seguintes linhas no HTML do seu template:

.post img {
padding:4px;
border:1px solid $bordercolor;
}

E troque border:1px por border:0px

Assim a borda ficará com tamanho minimo.

Retirando a numeração ao lado dos marcadores

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:31:00 +0000

Vá no HTML do seu blog, clique em Expandir Modelo de Widgets e procure por:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/>< /a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

Apague o que está em negrito, visualize e se estiver ok (ou seja, se tiver sumido a numeração), salve. OBS: aqui no exemplo, a widget Marcadores está seguida de <div id='sidebar-wrapper'>, mas não significa que esteja assim no seu código. Também não significa que o título da sua widget seja Marcadores: faça a busca pelo título que escolheu.

Removendo a Barra de Navegaçao do blogger

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:31:00 +0000

Basta adicionar o seguinte código antes de fechar a tag HEAD do
template:

<style type="text/css">
#navbar-iframe
{
height:0px;
visibility:hidden;
display:none;
}
</style>

Redimensionando imagens

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:29:00 +0000

Para redimensionar imagens hospedadas no blogger
basta quando você for fazer upload escolher o tamanho e em que posição ela irá ficar.

Mas se você quer redimencionar um imagem de outro servidor ai você vai ter que adicionar ao codigo da imagem o seguinte codigo:

width="150"

Exemplo:

<img
src="http://img529.imageshack.us/img529/3250/bloggerlogo1wf7.png" border="0"
width="150"/></a>

Acima eu
ja adicionei o width="150",você pode mudar a numeração de width pelo tamanho que
você quiser.

Postar códigos html/java no post

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:28:00 +0000

Para postar códigos html/javascript no post sem que ele seja 'interpretado' pelo navegador, ou seja, postar o código puro, basta substituir todos os símbolos < e > por < e >

Exemplo: Para conseguir postar o código de imagem aqui, sem que a imagem apareça, coloco:

<img src="endereço da imagem">

Sem isso, apareceria a imagem (havendo um endereço real) ou absolutamente nada, já que no exemplo não existe um endereço de imagem real.

Quando publicado o post, aparecerá o código html puro, assim:

<img src="endereço da imagem>

Outra forma de postar codigo html é usar um javascript auto executavel feito por mim

basta você começar uma nova postagem ai digita todo o seu texto e coloca os codigos que você quer que apareça na postagem,não use nenhum outro codigo html(negrito,sublinhado,etc.)deixe para enfeita o seu vodigo mais tarde

depois de fizer toda a postagem copie o codigo abaixo e cole na barra de navegação(la onde fica o endereço do blogspot,onde você digita o endereço dos sites)
e aperta enter,automaticamente todos os caracteres com < e > vao ser substituidos por < e >

Codigo:

Mudando cor de fundo

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:27:00 +0000

Nem todos os templates tem a opção de Mudar a cor do fundo do menu, e do conteúdo individualmente, como por exemplo o template minima.

Então para isso procure no HTML do seu template por:

#sidebar-wrapper { - Lembrando que esse nome varia de Template pra template, mas a palavra sidebar tem em todos (Que significa no blog "MENU").

#main-wrapper { - Lembrando que esse nome varia de Template pra template, mas a palavra main tem em todos (Que significa no blog "POSTS").

Logo após essas duas tags você encontra a linha:

background:

Se não tiver é só colocar, e junto coloque a cor desejada, exemplo:

#main-wrapper {
background: black;

Não esque de colocar o ";" ponto e virgula depois da cor.

E no lugar da palavra black você pode inserir o código exadecimal da cor de sua preferência, não esquecendo do simbolo # antes.

Mudando a posição da siderbar(barra lateral)

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:26:00 +0000

Na Maioria dos Templates a sidebar vem do lado direito, Se você quiser muda-la de posição é simples.

Apenas mude isso:

Procure no HTML a tag "#main" (Pode haver mais de uma)

E altere

float:left;

para

float:right;

E procure pela tag "#sidebar" e altere

float:right;

para

float:left;

Ou seja a que estava float:right; (direita) no caso o menu, foi alterado para float:left; (direita) e vise versa.

Lista de Posts Relacionados no Rodapé do Post

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:25:00 +0000

1 - Ainda na tab “Editar Html”, clique em “Expandir modelos de widgets”.

2 - Procure esta linha de código:

<p class=’post-footer-line post-footer-line-3′/>3 - Adicione este código LOGO DEPOIS dessa linha (você pode substituir “Posts Relacionados” por qualquer texto que desejar):

<b:if cond=’data:blog.url != data:blog.homepageUrl’>Posts Relacionados</b:if>
<script type=’text/javascript’>
removeRelatedDuplicates();
printRelatedLabels();
</script>

4 - O código deve ficar assim:

<p class='post-footer-line post-footer-line-3'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>Posts Relacionados</b:if>
<script type=’text/javascript’>
removeRelatedDuplicates();
printRelatedLabels();
</script>

Tenha cuidado para não apagar ou sobreescrever nada, pois um simples espaço ou caracter sobrando ou faltando pode phoder completamente seu template.

5 - Salve o template. Você já pode ver sua lista de posts relacionados, ANTES dos comentários! Legal, não é?

Customizando a Quantidade de Posts Relacionados

Tanto se você está usando este método, como se decidiu usar o widget, pode determinar o número máximo de posts que aparecerão na lista. Este hack usa as Categorias (Labels, Marcadores ou Etiquetas do Blogger - é tudo a mesma coisa) para escolher os posts relacionados. Ou seja, ele vai “puxar” posts que estejam na mesma (ou mesmas) categoria.

Para modificar o número de posts que serão mostrados - o número pré-determinado são 10 posts, se achar que está bem assim, não faça mais nada - vá até a tab “Editar Html”, e clique em “Expandir modelos de widgets”. Procure este código no template:

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in
-script&callback=related_results_labels&max-results=5“‘ type=’text/javascript’/>
</b:if>

Mude o número 5 para qualquer coisa que você queira. Aparentemente, esse número não indica o total de posts, mas o máximo de posts que são mostrados por cada categoria - embora eu não tenha certeza disso. Experimente mudar o número algumas vezes, até encontrar a combinação ideal para você.

E, caso você esteja se perguntando, o hack e o widget funcionam com todos os posts, inclusive os mais antigos.

Motivos Que Podem Causar Que o Hack de Posts Relacionados Não Funcione

1 - Você não usa as Categorias do Blogger.

Se seus posts não estão categorizados, a lista de posts relacionados não aparecerá - mas se você instalou o hack direitinho, provavelmente o título “Posts Relacionados” vai aparecer, sem nada embaixo. Coloque categorias nos posts, e a lista vai aparecer.

Se você tem alguns posts categorizados e outros não, a lista só aparecerá nos posts com categorias, mas o título “Posts Relacionados” vai aparecer em todos.

2 - Suas categorias contêm caracteres especiais

Alguns caracteres, como (?) e (/) podem causar problemas com este hack. Elimine-os das suas categorias, e pronto.

3 - Código adicionado de forma incorreta

O código do passo 3 deste posts deve ser adicionado após o código do passo 5 do post Widget de Posts Relacionados para Blogger - Blogspot, de forma que o código do passo 5 fique depois do código do passo 3 no HTML. Não entendeu? Simplesmente siga as instruções ao pé da letra e não modifique nada depois de instalar o hack!

Sempre tenha cuidado para não apagar ou sobreescrever nada, pois um simples espaço ou caracter sobrando ou faltando pode phoder completamente seu template.

4 - Você usa um Modelo Clássico de Template

Hack de Posts Recentes para Blogger Clássico

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:24:00 +0000

Instalando o Hack de Posts Recentes no Blogger Clássico

1 - Entre na sua conta no Blogspot. Escolha o blog que quer editar: clique em Modelo->Editar HTML.

IMPORTANTE: sempre faça back up antes de modificar seu layout. Copie todo o código HTML num arquivo TXT, e salve uma cópia em seu HD.

2 - Procure esta tag:

<$BlogItemBody$>

3 - Adicione este código APÓS a tag <$BlogItemBody$> :

<ItemPage>
<script language=”Javascript”
src=”http://www.anniyalogam.com/scripts/relatedposts-blog.php?
url=<$BlogItemPermalinkUrl$>&blog=<$BlogURL$>”>
</script>
</ItemPage>

4 - Salve as alterações. Pronto!

Se tudo correr bem, a lista de Posts Relacionados aparecerá - somente nas páginas de postagem - logo depois do corpo do post. Caso não existam posts que preencham as condições da busca que eu expliquei acima, não aparecerá nada.

Fazendo um menu horizontal

noreply@blogger.com (nitinho) — Sat, 28 Mar 2009 12:23:00 +0000

1ºA primeira parte do código deve ser colocada de preferência logo depois de tudo que se refere a header.Então vá até o codigo do seu template e procure pelo seguinte codigo:

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#navigation{
height:40px;
width: 890px;
line-height:2.9em;
margin:-12px 10px 10px 5px;
background: url(ENDEREÇO DA SUA IMAGEM) repeat-x;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #787878;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #000000;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#808080;
color:#000000;
text-decoration:none;
}

2ºAgora adicione o codigo em vermelho como mostra o exemplo acima.

3ºAgora vamos ao segundo codigo,encontre o seguinte trecho no codigo do seu template:

<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a>
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='TPBB (Header)' type='Header'/>
</b:section>
</div>



<div id='navigation'>
<ul>
<li><a href='inserir link do seu blog' title=''>Home</a></li>
<li><a href='inserir link aqui' title=''>Artigos</a></li>
<li><a href='inserir link aqui' title=''>Fotos</a></li>
<li><a href='inserir link aqui' title=''>Links</a></li>
<li><a href='inserir link aqui' title=''>Forum</a></li>
<li><a href='inserir link aqui' title=''>Outros Sites</a></li>
<li><a href='inserir link aqui' title=''>FAQ</a></li>
<li><a href='inserir link aqui' title=''>Contato</a></li>

</ul>
</div>

4ºAdicione o codigo vermelho como aparece no exemplo acima.Onde esta 'insirir link aqui' é opnde você irá colocar os links.E as partes em amarelo do codigo acima você pode mudar de nome pelo que você quer que apareça.

Tá ai o menu horizontal.

Fazendo um menu expansivel

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:31:00 +0000

Para ter um menu que se expande, copie o código abaixo, vá até o HTML do seu blog, procure pela tag <head>

Agora cole o codigo abaixo depois da tag <head>

<style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write('<style>.texthidden {display:none} </style>');</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<style type='text/css'>
#dolphincontainer{position:relative;height:43px;color:#f06214;background:#ffffff;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:34px;font-size:12px;text-transform:uppercase;
font-weight:bold;background:#F06214 url() repeat-x bottom left;
padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#ffffff;text-decoration:none;
padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#000000;
background:transparent url() repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#FCD9B6;
background:#ffffff url() no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 18px 0 0;width:auto;
background:#805E5E url() no-repeat top right;height:33px;}
</style>

Agora clique em "Elementos de página e depois em "Adicionar novo elemento de página" ao abrir a tabela, clique em HTML/Javascript

Agora pegue o segundo código:

<a href="javascript:void(0);" onclick="expandcollapse('favoritos')"><img border="0" src="
http://img175.imageshack.us/img175/3509/1favoritosbrancobutoniud1.jpg"/></a><br/>
<ul id="favoritos" class="texthidden">
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
</ul>

Modifique onde estão escrito "favoritos" pelo nome do menu que você quiser,mas atenção tem que mudar e escrever igual nos dois lugares onde estão escrito"favoritos".

Onde esta em amarelo você pode modificar por link de outra imagem

Fazendo um menu com barra de rolagem

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:30:00 +0000

O código para fazer esse menu é dividido em duas partes:
O estilo CSS do botão que deve ser colocado junto com o restante do CSS do seu site:

.botao a, .botao a:visited{
width: 220px;
color: #000000;
text-decoration: none;
padding-top: 3px;
display: block;
padding-bottom: 3px;margin-bottom: 1px;
background-image: url(Imagem do botão);
font-family: "Comic Sans MS";
font-size: 10pt;
text-align: left;
text-indent: 6px;
}
.botao a:hover{
color: #0000FF;
background-color: #FFFFCC;
background-image: url(Imagem do botão quando o mouse estiver sobre ele);
}

E a outra parte que deve ser colocada onde o menu irá aparecer, no caso do Blogspot isso é na pagina layout, adicionar elemento, html/javascript.

<div style="width: 240px;height: 295px; overflow: auto;border: 1px
solid #999999">
<div class="botao">
<a href=”Endereço do Site” target="_blank">Nome
do Site</a>
</div></div>

Na parte do CSS a linha background-image: url(Imagem do botão); e background-image: url(Imagem do botão quando o mouse estiver sobre ele), você deve hospedar a imagem em algum site e colocar a url aqui. Se preferir pode usar uma cor de fundo trocando essas linhas por background-color: #CCCCCC; escolhendo a cor que desejar, caso use uma cor de fundo em vez de uma imagem sugiro que coloque bordas(adicione essa linha jundo com a outra border: 1px solid #333333;) está também pode ser de qualquer cor. Lembre-se de colocar a cor de fundo e borda nas duas partes do CSS. Sobre o tamanho pode ser alterado como você quiser: width: 240px é a largura do menu e width: 220px é do botão, quando fizer alterações faça nas duas larguras.

Exibindo os posts com link "Leia Mais"

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:28:00 +0000

Este é um dos Hacks para Blogger - Blogspot mais pedidos de todos os tempos: Posts Resumidos na Home Page do Blog, com link de “Continue Lendo” ou “Leia Mais” no final do resumo.

Existem outros hacks que cumprem a mesma função, de diferentes formas; mas depois de vários testes, este é o melhor, na minha opinião. Ele permite que você resuma somente os posts que desejar, como você já deve ter visto por aqui.

Vamos ao Hack! Preste atenção, pois ele está dividido em 3 partes:

I - Configurando o script
II - Modificando o Template
III - Configurando o Editor do Blogger

Na Primeira Parte, você deve escolher entre duas opções: inserir o script diretamente no seu template, ou hospedar o script externamente. Siga somente as instruções para a opção que você escolheu!

A Segunda Parte e a Terceira Parte se aplicam na íntegra à todos os casos, sem importar qual opção você escolheu na Primeira parte.

I - Primeira Parte - Configurando o Script

Devido aos problemas recentes com os scripts dos hacks, vou explicar aqui duas formas de implementar o “Leia Mais”: inserindo o script diretamente no seu template, ou hospedando o script externamente.

1º Opção - Inserindo o script diretamente no seu template

1 - Entre na sua conta do Blogger. Como sempre, faça antes um backup do seu template! Na tab “Editar HTML”, clique em “Baixar modelo completo”, e salve uma cópia do template no seu computador.

2 - Procure a tag </head>.

3 - Copie TODO o código mostrado nesta página e cole-o logo ANTES da tag </head>.

4 - Dê um preview, veja se está tudo certinho, e salve o template. A esta altura, você ainda não deveria ver nenhuma mudança no visual do blog.

Agora, você deve passar à II - Segunda Parte - Modificando o Template

2º Opção - Hospedando o script externamente

Por favor, só escolha esta opção se você tem alguma idéia de como fazer isto. Se este método lhe parecer muito complicado, é melhor optar pela 1º opção, e pronto.

1 - Faça o download do script: clique neste link com o botão direito do mouse, e salve o arquivo LeiaMais.txt no seu computador.

2 - Mude a extensão do arquivo de txt para js, no próprio Notepad. Simplesmente abra o arquivo, selecione “Guardar como” e substitua LeiaMais.txt por LeiaMais.js

3 - Faça o upload do arquivo em sua conta. Uma opção grátis para hospedar seus arquivos é o Google Pages.

4 - Coloque a URL do seu script no seguinte código:

<script src=’Insira aqui a URL do script’ type=’text/javascript’/>

Por exemplo: se eu estivesse hospedando o script na minha conta do Google pages, a URL seria:

<script src=’http://nospheratt.googlepages.com/LeiaMais.js’ type=’text/javascript’/>

5 - Entre na sua conta do Blogger. Como sempre, faça antes um backup do seu template! Na tab “Editar HTML”, clique em “Baixar modelo completo”, e salve uma cópia do template no seu computador.

6 - Procure a tag </head>.

7 - Copie o código do script, com sua URL, e cole-o logo ANTES da tag .

8 - Dê um preview, veja se está tudo certinho, e salve o template. A esta altura, você ainda não deveria ver nenhuma mudança no visual do blog.

Agora, você deve passar à II - Segunda Parte - Modificando o Template

III - Terceira Parte - Configurando o Editor do Blogger

1 - Ainda na sua conta do Blogger, vá até Configurações -> Formatação.

2 - Bem em baixo, Você verá a caixa vazia do Modelo de postagem. Copie e cole as seguintes linhas dentro dessa caixa:

Digite aqui o resumo do post
<span id="fullpost">
Digite aqui o resto do post
</span>

É melhor copiar e colar este código, para não correr o risco de inserir espaços ou caracteres que impediriam o hack de funcionar. Salve as configurações.

3 - Agora, quando você entrar em “Criar Postagem”, a caixa mostrará onde você deve digitar o resumo do post (a parte que você deseja que apareça na Home, antes do link “Leia Mais…”) e onde digitar o resto do post (a parte que aparecerá somente na página do post).

Atenção: as tags <span id="fullpost"> e </span> devem permanecer intactas para que o hack funcione! Antes de publicar seu post, certifique-se de que elas não foram alteradas.

E se eu não quiser resumir um post?

Simplesmente, quando for escrever o post, delete completamente o texto que aparece na caixa do texto da postagem. Não se preocupe; cada vez que você for criar um novo post, o texto que indica onde digitar o resumo e o resto do post reaparecerá.

Você escolhe se quer resumir o post ou não, e o link de Leia Mais só aparecerá nos posts que foram divididos com o <span id=”fullpost”>. Não é genial?

Observação: o Ramani avisa no post original do hack que se você clicar no link “Postagens Mais Antigas”, é possível que o link “Leia Mais” apareça mesmo em posts antigos que não foram divididos seguindo o hack. Ele explica que este é um problema conhecido, para o qual ele ainda não encontrou solução.

Eu acho que este é um preço pequeno a pagar, para ter seus posts resumidos/com sumário e link “Leia Mais” no Blogspot. Eu mesma não vi esse problema aqui no Blogando, pelo menos ainda. Mas a decisão é sua, é claro.

Observação 2: Se você usar este hack, lembre-se de incluir um link ao Hackosphere (o blog do autor do hack) na sua sidebar ou num post. É o mínimo que podemos fazer para agradecer, não é mesmo?

Como desabilitar o botao direito do Mouse

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:27:00 +0000

É só colocar na sidebar na opção javascrip/html siga os passos:

Agora entre em layout -> modelo -> elementos da página -> Adicionar um elemento de página -> HTML/JavaScript e adiciona.

Codigos:

<SCRIPT language=JavaScript>



</SCRIPT>

Coloque Adsense dentro dos Post(Novo Blogger)

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:25:00 +0000

Olha como você Blogueiro é bem simples colocar um banner do adsense dentro do Post, isso aumenta seu CTR consideravelmente.E como todos sabem quanto maior o CTR mais rendimento.

Na edição do html assinalar a opção expanded widgets. Isso faz com que apareça todo o conteudo do html.

Agora basta encontrar a tag

.
Agora basta colocar o código abaixo entre as tags

SEU CÓDIGO ADSENSE

Reparem que vcs podem alinhar o banner apenas alterando a propriedade align
PS.: CTR --> Taxa de cliques nos banners

Como Colocar uma avaliaçao dos posts

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:24:00 +0000

Para Voê colocar uma avaliação em todos os posts, entre no site http://spotback.com/ e faça o cadastro.

Depois você tambem poderá colocar um WidGet mostrando os posts mais votados.

Faça o login e depois clique em "My Widgets".

Depois procure por "Other Options" e clique em "New from widget gallery".

Procure o Modelo que você deseja e clique em cima.

Depois clique em "Get This WidGet" e copie o código de acordo com o modelo do Seu Blog:

Velho Blogger
Novo Blogger XML
Wordpress

Va no código XML do seu template, marque "Expandir modelos de widgets".

Cole o código depois da linha:

<div class="'post-header-line-1'/">

Para as estrelas ficarem embaixo do titulo.

Ou depois da linha:

<div class="'post-footer'"><br /><br />

Para ficar depois da postagem.

Colocando Meta Tags

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:23:00 +0000

Se você quer inserir Meta Tag no seu blog (o que facilita os sites de busca a te encontrarem), coloque no seu blog o seguinte código, logo depois de:

<title>Nome do Seu Blog</title>

Coloque este:

<meta content='COLOQUE AQUI O QUE QUER QUE APAREÇA SOB O TITULO DO SEU BLOG NOS MECANISMOS DE BUSCA' name='description'/>
<meta content='COLOQUE AQUI AS PALAVRAS CHAVES QUE DESCREVEM SEU BLOG SEPARADAS POR VIRGULAS SEM ESPAÇOS' name='keywords'/>
<meta content='index,follow' name='robots'/>

Depois de inserir o código, visualize e estando tudo ok, salve o template.

Colocando margem nos widgets do blogger

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:22:00 +0000

Para que as widgets (Elementos de Página) que você insere no seu blog não fiquem coladas às bordas, procure este trecho do código (baseado no Mínima, em outros templates existem pequenas variações):

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:10px;
padding:0px;
}

Basta mudar o valor da margin que lá está para esta que coloquei, 10px. Se você preferir maior ou menor distância da borda, altere este valor.

Colocando imagens ou frase aletóriamente

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:21:00 +0000

Este código serve para colocar frases ou imagens aleatórias no site ou blog. Ele faz aparecer somente uma das frases por vez. Você só precisa copiar o código e colocar as frases que desejar onde está escrito frase um, frase dois.... e assim por diante. Para mudar a quantidade de frases aleatórias você deve repetir quantas vezes forem necessárias esse trecho do código:

if (numero == 5){
frase = "Frase Seis"
}

Mas não esqueça de continuar a seqüência da numeração, portanto cuidado para não repetir os números senão o script não funcionará corretamente. Outra coisa que precisa ser alterada é o numero 6 nesta linha numero_de_imagens = 6, isto significa que temos 6 opções portanto se adicionar ou remover opções altere esse numero também.
Este código funciona também para imagens aleatórias para fazer isso basta colocar no lugar das frases o código das imagens, e funcionará normalmente, aparecendo uma imagem diferente cada vez que o blog for visitado.

<script language="JavaScript">
hoje = new Date()
numero_de_imagens = 6
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens
if (numero == 0){
frase = "Frase Um"
}
if (numero == 1){
frase = "Frase Dois"
}
if (numero == 2){
frase = "Frase Três"
}
if (numero == 3){
frase = "Frase Quatro"
}
if (numero == 4){
frase = "Frase Cinco"
}
if (numero == 5){
frase = "Frase Seis"
}
document.write(frase)
</script>

Colocando cor ou imagem nos titulos da sidebar

noreply@blogger.com (nitinho) — Thu, 26 Mar 2009 14:19:00 +0000

Para você colocar cor ou mesmo uma imagem nos títulos da sidebar é fácil, procure este trecho do código do seu template (lembrando sempre que todos os tutoriais são feitos baseados nos códigos do Mínima, do Blogger - sendo assim, é normal que existam diferenças entre o que apresento aqui e seu próprio template)

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

acrescente abaixo:

.sidebar h2{
color: $sidebartextcolor;
line-height: 1.5em;
background: #000000;
margin: 0px;
padding: 8px 0 0 0;
text-align: center;
}

Se no seu template já existir este trecho do seu código, é só colocar background: (valor da cor); e ter certeza de que margin:0px;. Padding afasta o título do topo da coluna - você pode alterar este valor ao seu gosto. Para que o texto não fique colado na lateral esquerda (já que margin = 0) coloque texto alinhado no centro.

Se você deseja inserir uma imagem, por exemplo, é só colocar:

*se a imagem tem o mesmo tamanho e altura especificada para o titulo:
background: url(endereço da imagem);

*ou, se a imagem for menor e você deseja que ela se repita:
background: url(endereço da imagem) repeat-x;