Veja um demo clicando no botão abaixo.
Agradou-se, então vamos ao tutorial de como adicionar em seu Blogger.
I - Vá ao painel do Blogger->Modelo->Editar HTML->use Ctrl+F e localize esta tag </body> acima dela copie e cole o código abaixo.
<script type="text/javascript"> //<![CDATA[ function copy_code(id) { var ref = document.getElementById(id), code = ref.getElementsByTagName('code')[0].innerHTML, w_w = window.innerWidth, w_h = window.innerHeight, win = window.open('', '', 'left=' + ((w_w/2)-250) + ',top=' + ((w_h/2)-150) + ',width=500,height=300,scrollbars=0'); win.document.write('<!DOCTYPE html><html><head><title>Source Code</title><style type="text/css">* {margin:0;padding:0}body{padding:10px;text-aign:center}textarea{display:block;width:98%;height:270px;padding:1px 1px;margin:0 auto;text-align:left;overflow:auto}</style></head><body><textarea>' + code.replace(/<(.*?)>/g, "") + '</textarea><scr' + 'ipt type="text/javascript">var a=document.getElementsByTagName(\'textarea\')[0];a.focus();a.select ();</scr' + 'ipt></body></html>'); } function add_copy_button() { var pre = document.getElementsByTagName('pre'); for (var i = 0; i < pre.length; i++) { pre[i].id = 'code-' + i; pre[i].className += ' quick-copy'; pre[i].innerHTML += '<a class="c_b" href="javascript:copy_code(\'code-' + i + '\');">Copiar</a>'; } } add_copy_button(); //]]> </script>II – Agora procure por: ]]></b:skin> acima dela copie e cole o código abaixo.
<b>pre {position:relative} pre .c_b { display:block; position:absolute; top:0; right:0; padding:2px 5px;background-color:#B0C4DE; border-radius: 5px;</b>
III – Clique em Visualizar modelo e se tuto estiver ok, clique em salvar modelo.
Agora seu template esta pronto para quando realizar um post que tenha códigos, é só acrescentar este código usando o modo HTML <pre><code> ... </code></pre> onde está ... coloque o código que você precisa postar, porém para que o código saia perfeito na postagem é preciso converte-lo antes de inserir neste espaço ... e para converte-lo acesse o conversor AQUI cole o código no lugar indicado e clique em: converter de HTML a texto, pronto seu código está pronto para inserir em .... Isto é tudo.
0 comentários:
Postar um comentário
Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!