terça-feira, 23 de agosto de 2016

Keyboard shortcut CSS Button

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.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner