Social Content Locker - wtyczka dla Bloggera odblokowująca dostęp do treści po udostępnieniu

przez - lipca 27, 2015

W poprzednim poście opisałam zalety posiadania wtyczki Social Locker na WordPressie, do których należy zwiększenie popularności bloga przez liczne udostępnienia. W tym wpisie natomiast mam prawdziwy hit: pokażę, w jaki sposób umieścić skrypt tego pluginu na swoim blogu na Bloggerze. Instalacja jest bardzo prosta, więc każdy powinien sobie z nią poradzić. Zapraszam do korzystania!
Zobacz Demo na blogu

Instalacja wtyczki

Wejdź do menu Szablon => Edytuj kod HTML szablonu i tuż nad znacznikiem </head> wklej poniży kod:
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

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

<script src='https://googledrive.com/host/0BzWYBwKfT2edd2lIUFVoNUFPU2M' 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://twitter.com/blokotek"},
facebook: {url:"https://www.facebook.com/blokotek"},
google: {url:"https://plus.google.com/+BlokotekPLDodatki"},

text: {
header: "Ta treść jest zablokowana!",
message: "Udostępnij, by odblokować treść."
},

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

theme: "dandyish"

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


  • Tekst zaznaczony na turkusowo zamień na nazwę użytkownika na Twitterze.
  • Tekst zaznaczony na zielono zamień na nazwę strony na Facebooku.
  • Tekst zaznaczony na pomarańczowo zamień na nazwę strony na Google+.
  • Tekst zaznaczony na żółto zamień na komunikat znajdujący się w okienku z zablokowaną treścią.
  • Tekst zaznaczony na czerwono zamień na true, jeśli chcesz, by pojawił się x do zamknięcia okienka.
  • Tekst zaznaczony na różowo zamień na liczbę w sekundach, po której czasie treść zostanie automatycznie odblokowana. By wyłączyć odliczanie, wstaw wartość 0.
  • Tekst zaznaczony na szaro zamień na nazwę motywu okienka blokady (spis motywów znajdziesz na końcu posta).

Zapisz szablon.

Następnie utwórz nowy post, edytor przełącz do trybu HTML, a w treść wklej poniższy kod:
<article id="default-usage">
<div class="to-lock" style="display:none;">
- TU WPISZ TREŚĆ, KTÓRA MA ZOSTAĆ ZAKODOWANA -
</div>
</article>

  • Tekst zaznaczony na fioletowo zamień na treść, która ma zostać zakodowana. Możesz kodować poszczególne fragmenty tekstu.

Na koniec Opublikuj post.


Motywy

dandyish


flat


 glass


 secrets


 starter

Swoje wrażenia odnośnie wtyczki możesz opisać w komentarzu :)

Zobacz również

0 komentarzy