2014-12-23 9 views
6

Come posso integrare l'armadio dei contenuti sociali nei blog di Blogger? Vediamo in numero di blog e siti web WordPress,
Ma nei blog di blooger.com non vedi l'opzione plug-inarchivio di contenuti sociali per blog di blogger.com? è possibile

qualcuno ha un altro modo o qualcosa del genere? Voglio piacere ai visitatori, tweet o g + prima di leggere i miei post.

grazie

+0

E 'possibile con jQuery e alcune conoscenze di programmazione web come css. – aflatoon

risposta

4

ho trovato questo script che lavorano per questo quello che devi fare è prima di backup che modello.
quindi modificare HTML> cercare <head> tag e inserire questo codice dopo <head>

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

Dopo che la ricerca </head> tag e mettere sotto il codice prima di questo tag

<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> 

questo è il modo per nascondere il vostro codice postale editor vai al post modifica HTML e aggiungi questo codice

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

Ho implementato questo nel mio blog check demo

+1

Grazie nabeel. Finalmente possiamo farlo con i blog di blogger wow. –

+2

Uomo che hai fatto la mia giornata! Ha funzionato, ma nel secondo post non ha mostrato alcuna soluzione per questo? Altrimenti thnx :) – Angylina

+0

wow Eeeek !!! – ibnesinaStudio

Problemi correlati