quarta-feira, 22 de março de 2017

CSS box Blockquote keren

css-blockquote keren blogger


Hoje vamos compartilhar como fazer blockquote de forma mais estilosa isso serve para que possamos ajudar o visitante fornecendo uma dica para que ele se atente em ler muito utilizado em templates para fazer citações no corpo do texto é um widget elegante para adicionar isso siga os passos abaixo


Adicionando Css Blockquote keren no blogger 

faça login no blogger va no menu tema então editar HTML com as teclas combinadas CTRL+F busque por ]</head>e logo acima disso copie e cole o seguinte código:

<style type='text/css'>
/*Blockquote Catatan*/
.post-body blockquote {
    text-align: left;
    background: #6591c2;
    position: relative;
    display: block;
    padding: 55px 20px 20px;
    color: #fff;
    margin: 10px 0;
    border-radius: 3px;
}
.post-body blockquote:before {
    position: absolute;
    content: 'Catatan';
    background: rgba(255,255,255,1);
    right: 3px;
    left: 3px;
    top: 3px;
    padding: 5px 20px;
    display: block;
    font-weight: 700;
    border-radius: 3px 3px 0 0;
    color: #6591c2;

}
.post-body blockquote:after {
    position: absolute;
    content: '\f027';
    right: 10px;
    bottom: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 160%;
    color: rgba(255,255,255,.6);
}
</style>

Agora se desejar pode adicionar font awesome acima de </head> 


<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>


salve e pronto 

Ao escrever um post só clicar em citação para depois ver isso ativo conforme figura abaixo 

blockquote blogger 2017 widget




terça-feira, 21 de março de 2017

Simplify blogger template 2017

simplify 2017 blogger template

Demo  |   Download

Simplify blogger template 2017 é um template realmente fantástico isso tem uma perfeita combinação desenhado por arlina isso tem muitas vantagens é um tema fascinante por isso estamos compartilhando isso é totalmente responsive além de varios atrativos confira abaixo

Responsive True 
Google Testing Tool Validator True 
SEO Friendly True 
Mobile Friendly True 
Dynamic Heading True
Adsense True
Valid Schema.org True
High CTR True
Personal Blog True
2 Column True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Footer Link True
Related Posts with Thumb True
Search Box True
Social Share Button True
Responsive Sticky Navigation True
Back to Top Button True
Shortcodes True
Unlimited Page Numbered True
Recent Post with Thumbnail True
Custom Contact Form Widget True



domingo, 19 de março de 2017

Arden premium clean Blogger template free

arden blogger template free

Demo  |  Download

Arden Blogger template premium é um template free gratuito isso foi elaborado por lasantha para baixar o melhor desse template esta na combinação perfeita das cores bem como slider abaixo do menu  dentro de suas caracteristicas estão: 
Sidebar, 2 Columns, 3 Columns Footer, Adapted from WordPress, Black, Breadcrumb, Elegant, Featured Section, Fixed width, Responsive, Green, jQuery Included, Header Banner, HTML5, Magazine, Mobile Friendly, Premium, Related Posts with Thumbnails, Right Sidebar, Search Engine Friendly, Slider, Share Buttons, Social Buttons, Tabbed widget, Top Navigation Menu and much more.

sexta-feira, 17 de março de 2017

Como convidar todos amigos facebook para curtir sua fanpage de uma só vez

how to invicte all friend for like facebook fanpage one click 2017

Hoje vamos mostrar uma dica simples mas ajuda muito principalmente a todo aquele que possui uma fanpage no facebook e deseja obter mais likes na pagina isso serve para convidar todos os seus amigos de uma unica vez, uma vez que podemos enviar o link um por um mas isso se tornaria mais cansativo, com esse método você aplica a todos de uma só vez é muito facil só baixar a extensão que pode ser usada no navegador windows chrome para adicionar clique nesse link


quinta-feira, 16 de março de 2017

Css Loader Arlina 2017 widget

css loader arlina 2017 widget

Hoje vamos compartilhar um css loader de arlina Design isso traz um efeito bem legal uma vez que também o widget é interativo carregando em porcentagem no template se deseja adicionar o widget acima siga os passos abaixo


Adicionando efeito loading Css no Blogger template 

Clique no menu tema então editar HTML  com as teclas combinadas CTRL+F busque por
 ]]></b:skin>  ou </style> e logo acima disso copie e cole o seguinte código:


.cssload-loader{position:absolute;bottom:0;left:0;right:0;margin:auto;z-index:1000}
myloader [role="progressbar"][aria-busy="true"]{position:absolute;top:0;left:0;padding-bottom:3px;width:100%;background-color:#159756;-webkit-animation:preloader-background linear 3.5s infinite;animation:preloader-background linear 3.5s infinite}
myloader [role="progressbar"][aria-busy="true"]::before,myloader [role="progressbar"][aria-busy="true"]::after{display:block;position:absolute;top:0;z-index:2;width:0;height:3px;background:#afa;-webkit-animation:preloader-front linear 3.5s infinite;animation:preloader-front linear 3.5s infinite;content:''}
myloader [role="progressbar"][aria-busy="true"]::before{right:50%}
myloader [role="progressbar"][aria-busy="true"]::after{left:50%}
@-webkit-keyframes preloader-background{0%,24.9%{background-color:#159756}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,100%{background-color:#fdba2c}}
@keyframes preloader-background{0%,24.9%{background-color:#159756}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,100%{background-color:#fdba2c}}
@-webkit-keyframes preloader-front{0%{width:0;background-color:#da4733}24.9%{width:50%;background-color:#da4733}25%{width:0;background-color:#3b78e7}49.9%{width:50%;background-color:#3b78e7}50%{width:0;background-color:#fdba2c}74.9%{width:50%;background-color:#fdba2c}75%{width:0%;background-color:#159756}100%{width:50%;background-color:#159756}}
@keyframes preloader-front{0%{width:0;background-color:#da4733}24.9%{width:50%;background-color:#da4733}25%{width:0;background-color:#3b78e7}49.9%{width:50%;background-color:#3b78e7}50%{width:0;background-color:#fdba2c}74.9%{width:50%;background-color:#fdba2c}75%{width:0%;background-color:#159756}100%{width:50%;background-color:#159756}}



Agora procure por <body> e coloque o código dentro disso: 


<div class='cssload-loader' id='loader'><myloader>
<div aria-busy='true' aria-label='Loading, please wait.' role='progressbar'></div>
</myloader></div>
<div class='page-loader' id='pagingx'></div>


Procure por </body> então copie o seguinte código e cole antes disso:

<script type='text/javascript'>
//<![CDATA[
// Loader
$(document).ready(function(){$("body").removeClass("page-isload"),$("#pagingx").fadeOut(8000),$("#loader").fadeOut(8000)});
//]]>
</script>

Salve e pronto.

terça-feira, 14 de março de 2017

Atualização Fred do Google vai afetar sites que se concentram nas receitas

atualização fred algoritmo do google afeta milhares de sites concentrados na receita

Ola hoje vamos falar sobre atualização de Google a mais nova atualização de Google se chama FRED embora Google não tenha revelado o segredo de Fred implantado em seu algoritmo muitos sites já foram afetados após uma analise já foi constatado isso  e vai continuar a ser afetado com o passar do tempo a ver o trafego uma rápida decaída isso significa que você vai perder tráfego e perder tráfego não é boa coisa uma vez que todo blogueiro deseja é muito tráfego do Blog entenda o porque disso. 


Como resaltamos acima embora Google não tenha falado diretamente sobre Fred isso já esta funcionando e o real proposito disso é sites com baixa qualidade de conteúdo, são aquelas pessoas que pensam apenas na receita, então por um Lado Google esta seguindo padrões de qualidade estamos em uma época em que informação relevante deve ser muito maior se for comparar hoje em relação a anos atras temos um forte crescimento das buscas orgânicas na web devido a grande necessidade em que as pessoas precisam ser informadas de algo seja isso novo, como fazer algo aprender alguma coisa diferente, as buscas sempre vão ser crescentes, google acertou o mercado de buscas e tornou mais simplificado.


Como posso melhorar meu Blog afim de tornar melhor e evitar que a atualização FRED  possa afetar o trafego

Bem isso quer dizer trabalho mãos a obra se você pensa apenas em monetização sinto muito seu Blog vai ser afetado um bom blog não prende-se a receita, receita é continuidade de um bom trabalho na web, para isso você precisa ser diferente da maioria dos blogueiros entregar o que as pessoas desejam é o melhor caminho então tenha foco em um conteúdo altamente relevante, as pessoas buscam informação a todo tempo se você tem um blog atualizado diariamente com bom conteúdo esta no caminho certo faça as coisas acontecerem, levar seu blog para o próximo nível é o seu dever.


Qual o motivo pelo qual Google implantou a Atualização Fred em seu Algoritmo?

Bem isso é uma questão no parecer da equipe mybloggerseo, qualidade, Google tornou se um império devido a  distribuição de conteúdo sua principal fonte de atividade buscas orgânicas tornar o navegador tão útil ao ponto que tudo esteja a um palmo da tela, com as mais modernas ferramentas de tecnologia isso se tornou mais que fundamental hoje procurar algo especifico na web e o primeiro nome que vem a mente Google search então é um dos cuidados com a informação relevante. a equipe mybloggerseo avaliou alguns sites quais por motivo de ética não vamos citar o nome mas houve um declínio de ranking então é bom ficar atento sempre utilizar a ferramente googleanalytics para ver como esta o seu trafego


O que fazer apartir de agora para manter meu site/blog  em pleno crescimento em 2017

Em primeiro lugar pense no visitante do seu Blog busque colocar qualidade  em seu conteúdo, apresente soluções, tutoriais dicas, faça uma avaliação total do seu Blog mecanismo de busca indexação das Urls descrição uso de meta tags otimizado, Seo otimizado, Faça testes para ver se o template é de fácil interação com o  visitante não esqueça tudo é importante mas a chave ouro esta no conteúdo. 

Considerações Finais.

Se você chegou até esse post é claro que se preocupa com seu Blog parabéns esse foi um post especial da equipe mybloggerseo para manter você informado continue conosco para o próximo post deixe seu comentário talvez tenha algo a colaborar conosco.