terça-feira, 23 de junho de 2015

Social Content Locker para Blogger blogspot

social-content-locker-blogger

Demo 

Hoje vamos apresentar content locker social, você ja conheçe ouviu falar? Bem social content locker é um tutorial onde você vai poder usar para fazer seu blogger mais divulgado nas redes sociais, ou seja é uma especie de cadeado no seu artigo/post onde para visualizar é preciso compartilhar para depois visualizar o que há escrito social locker é um otimo widget para blogger, dependendo do ranking e tráfego do seu blog se criar um ótimo conteúdo isso vai ser viral no seu blogger cada vez mais as pessoas vão engajar para visualizar seu post o que vai dar uma melhor visibilidade no seu blogger nas redes sociais. Isso foi desenvolvido para que você possa ter uma melhor performance.

Faça login no blogger procure no menu por modelo >> Click on Edit HTML >> No codigo procure pressionando ctrl+f  por </head> code.
depois de encontrar copie o codigo abaixo  e cole acima

 <script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

Nota se seu template ja estiver não precisa

logo apos isso procure por </html> copie o codigo e cole abaixo de </head>


<link href='https://googledrive.com/host/0B_1mqJd2tC8qeDVzSnBJMDh5WUk' rel='stylesheet'/>

<script src='https://googledrive.com/host/0B_1mqJd2tC8qbGdmQzRZVGk3bXM' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({

buttons: {order:["facebook-like","twitter-tweet","google-plus"]},

twitter: {url:"http://www.mybloggerseo.com"},
facebook: {url:"http://www.mybloggerseo.com"},
google: {url:"http://www.mybloggerseo.com"},

text: {
header: "Like us To Unlock This Content",
message: "Esse Conteúdo é Bloqueado. Like us on Facebook, Twitter or Google plus para desbloquear ."
},

locker: {close: false, timer: 0,},

theme: "dandyish"

});
});
//]]>
</script>


Não esqueça de modificar os links das redes sociais pelas suas redes Clique em salvar vá no corpo do artigo clique em html

então copie esse codigo

<article id="default-usage">
<div class="to-lock" style="display:none;">
- ADD YOUR CONTENT HERE -
</div>
</article>

ADD YOUR CONTENT HERE  você pode esconder url texto imagem link e muito mais faça bom uso duvidas estou a disposição

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Um comentário:

raul silveira disse...

bom se tivsse pra inscrever no youtube

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner