Keyboard shortcut CSS Button

- 15:07:00
css-keyboard-shortcut

Hoje vamos apresentar um tutorial para colocar botões de edição no corpo do texto do Blogger isso é útil quando queremos explicar um truque ou até mesmo para edição do template além de ter uma aparecencia elegante isso vai ficar ótimo no seu Template como pode ver no exemplo abaixo. Créditos Mastamvan 


Como adicionar no Blogger CSS KEYBOARD SHORTCUT

Faca  login no Blogger no menu modelo selecione editar HTML/JavaScript então com as teclas combinadas. 
Ctrl + F

Busque por: </head> e logo acima disso copie e cole o seguinte código:


<style type='text/css'>
/*keyboard shortcut*/
kbd{position:relative;border:1px solid gray;font-size:1.2em;box-shadow:1px 0 1px 0 #eee,0 2px 0 2px #ccc,0 2px 0 3px #444;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:2px 3px;padding:1px 5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
kbd:active{border:2px solid gray;font-size:1.2em;box-shadow:2px 0 2px 0 #eee,0 3px 0 3px #ccc,0 3px 0 4px #444;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:3px 4px;padding:2px 6px;transform:translateY(4px)}
</style>

salve isso.

Va no campo post então clique na aba html e coloque o seguinte código:

html-tab-mode-blogger


Então cole o seguinte código:


<kbd>Ctrl</kbd> + <kbd>F</kbd>

salve e pronto veja o resultado.
.


EmoticonEmoticon

 

Start typing and press Enter to search