2014-12-23 1 views
6

Wie kann ich Social Content locker in Blogger Blogs integrieren? Wir sehen in Zahlen von WordPress Blogs und Websites,
Aber in blooger.com Blogs sehen Sie keine Plugin-OptionSocial Content locker für blogger.com Blogs? ist es möglich,

hat jemand einen anderen Weg oder so etwas? Ich möchte, dass Besucher mögen, tweeten oder g +, bevor sie meine Posts lesen.

dank

+0

Es ist möglich mit jQuery und einige Web-Programmierkenntnisse wie CSS. – aflatoon

Antwort

4

Ich fand dieses Arbeits Skript für das, was Sie tun müssen, um erste Backup Sie Vorlage.
dann HTML bearbeiten><head> Tag suchen und diesen Code setzt nach <head>

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

Nach dieser Suche </head> Tag und unter Code vor diesem Tag setzte

<link href='https://sites.google.com/site/menightfury/home/social-locker/public/sociallocker_v1.6.0.css' rel='stylesheet'/> 
<script src='https://sites.google.com/site/menightfury/home/social-locker/public/sociallockermin_v1.6.0.js' 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:"https://www.facebook.com/www.mostsharedposts"}, 
    facebook: {url:"https://www.facebook.com/www.mostsharedposts"}, 
    google: {url:"https://plus.google.com/u/0/b/110589424466302901501/110589424466302901501"}, 

    text: { 
     header: "Like us To Unlock This Content", 
     message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it." 
    }, 

    locker: {close: false, timer: 0,}, 
    theme: "secrets" 
    }); 
}); 
    //]]> 
</script> 

dies ist, wie Sie den Code in der Post verstecken editor
Gehe zu Post HTML bearbeiten und diesen Code hinzufügen

<article id="default-usage"> 
<div class="to-lock" style="display:none;"> 
Hello i am the hidden content 
</div> 
</article> 

Ich implementierte dies in meinem Blog check demo

+1

Danke Nabeel. Endlich können wir dies mit blogger blogs tun wow. –

+2

Mann du hast meinen Tag gemacht! Es hat funktioniert, aber im zweiten Post gibt es keine Lösung dafür? Ansonsten thnx :) – Angylina

+0

wowowow danke mann :) – ibnesinaStudio