Simular Terminal Linux no Blogger
Muitas vezes queremos mostrar numa página ou blog um comando que será executado num terminal linux e para dar um certo charme e chamar a atenção do usuário ao referido comando, podemos fazer o seguinte:
Copie o código css a seguir:
.terminal
{width:500px;
background:#39152E url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9slpWrxsVF6ucAmF0w0mcjfjlwRTOy4-i_kqLXSgnlbdTD76GPjqwYa7YUIc_58Kt-HHe5EsKC-Tcy2ZelMms3I13P9Z__X1dqGNq2dnjuewOccYi-fAl-rzpJjE1WkcOsllzUS_LQosu/w923-h263-o-k/barra3.jpg) top left no-repeat;
font-family:"Courier New";
font-size:14px;
color:#FFF;
font-weight:400;
text-align:left;
border-color:#030;
border-style:none;
border-width:2px;
padding:30px 1px 8px 40px;
}
Cole o referido código conforme captura de tela a seguir:
A figura "barra3.jpg", conforme código acima (em vermelho) é essa aqui:
Tem que fazer o upload dela no "google+" e depois copiar a URL da referida figura, que neste caso é:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9slpWrxsVF6ucAmF0w0mcjfjlwRTOy4-i_kqLXSgnlbdTD76GPjqwYa7YUIc_58Kt-HHe5EsKC-Tcy2ZelMms3I13P9Z__X1dqGNq2dnjuewOccYi-fAl-rzpJjE1WkcOsllzUS_LQosu/w923-h263-o-k/barra3.jpg
Enfim, o resultado:
Tem que inserir no post o seguinte trecho:
Copie o código css a seguir:
.terminal
{width:500px;
background:#39152E url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9slpWrxsVF6ucAmF0w0mcjfjlwRTOy4-i_kqLXSgnlbdTD76GPjqwYa7YUIc_58Kt-HHe5EsKC-Tcy2ZelMms3I13P9Z__X1dqGNq2dnjuewOccYi-fAl-rzpJjE1WkcOsllzUS_LQosu/w923-h263-o-k/barra3.jpg) top left no-repeat;
font-family:"Courier New";
font-size:14px;
color:#FFF;
font-weight:400;
text-align:left;
border-color:#030;
border-style:none;
border-width:2px;
padding:30px 1px 8px 40px;
}
Cole o referido código conforme captura de tela a seguir:
A figura "barra3.jpg", conforme código acima (em vermelho) é essa aqui:
"barra3.jpg" |
Tem que fazer o upload dela no "google+" e depois copiar a URL da referida figura, que neste caso é:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9slpWrxsVF6ucAmF0w0mcjfjlwRTOy4-i_kqLXSgnlbdTD76GPjqwYa7YUIc_58Kt-HHe5EsKC-Tcy2ZelMms3I13P9Z__X1dqGNq2dnjuewOccYi-fAl-rzpJjE1WkcOsllzUS_LQosu/w923-h263-o-k/barra3.jpg
Enfim, o resultado:
\$ sudo apt-get install nome_do_programa
Tem que inserir no post o seguinte trecho: