Ads 468x60px

Δευτέρα, 25 Ιανουαρίου 2016

Google Plus Slide Out

Φίλες και φίλοι γεια σας, συνεχώς ποστάρουμε gadget και widget για facebook  και twitter, και έτσι σε
αυτήν την ανάρτηση θα δούμε ένα παρόμοιο και για το Google Plus!

Τοποθετείτε πάνω
αριστερά στην σελίδα μας, και η ανάδυση του γίνεται όταν περάσει ο κέρσορας από
πάνω του(mouseover) καθώς λειτουργεί με hover effect!





H εγκατάσταση του είναι η γνωστή διαδικασία....


Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

και στο παράθυρο που θα ανοίξει επικολλήστε
τον ακόλουθο  κώδικα-->

.............................................................................................................. .......................

<style>  .NBT-gplusslide {      position: fixed;      z-index:9;      top: 100px;      left: 0;      -webkit-transition-duration: 1s;      -moz-transition-duration: 1s;      -o-transition-duration: 1s;      transition-duration: 1s;  }  .NBT-gpluscontainer {      height:270px;      width:291px;      border:2px solid #FF0000;      ;      border-radius:5px;      -moz-border-radius:5px;      -webkit-border-radius:5px;      background:#dcdcdc;      position: fixed;      z-index:9;      top: 100px;      left: -295px;      -webkit-transition-duration: 1s;      -moz-transition-duration: 1s;      -o-transition-duration: 1s;      transition-duration: 1s;  }  .NBT-gplusslide:hover {      left:295px;  }  .NBT-gplusslide:hover .NBT-gpluscontainer {      left: 0;  }  </style>  <div class="NBT-gplusslide">    <img src="http://1.bp.blogspot.com/-3QehF8PLykA/USDnKkVcDTI/AAAAAAAALZM/JjITt5xnpEo/s1600/GP-Slide.png" />    <div class="NBT-gpluscontainer">  <center><b><span style="background-color: red; color: white;">&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;Add Me In Your Circle &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</span></b> <a href='http://newbloggertips.com'><img alt='Tips Tricks And Tutorials' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a>  <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/ΕΔΩ ΒΑΖΕΤΕ ΤΟ Google Plus ID ΣΑΣ" data-source="blogger:blog:followers" data-width="270">  </div>  <script type="text/javascript">  document.write( unescape( '%3C%64%69%76%20%73%74%79%6C%65%3D%22%74%65%78%74%2D%61%6C%69%67%6E%3A%20%72%69%67%68%74%3B%22%3E%0A%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%66%6F%6E%74%2D%73%69%7A%65%3A%20%78%2D%73%6D%61%6C%6C%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6E%65%77%62%6C%6F%67%67%65%72%74%69%70%73%2E%63%6F%6D%2F%32%30%31%33%2F%30%32%2F%68%6F%77%2D%74%6F%2D%61%64%64%2D%67%6F%6F%67%6C%65%2D%70%6C%75%73%2D%73%6C%69%64%65%2D%6F%75%74%2D%68%6F%76%65%72%2E%68%74%6D%6C%22%20%72%65%6C%3D%22%6E%6F%66%6F%6C%6C%6F%77%22%3E%47%65%74%20%74%68%69%73%3C%2F%61%3E%26%6E%62%73%70%3B%20%26%6E%62%73%70%3B%20%26%6E%62%73%70%3B%26%6E%62%73%70%3B%3C%2F%73%70%61%6E%3E%3C%2F%64%69%76%3E%0A' ) );        (function() {          window.___gcfg = {'lang': 'en'};          var po = document.createElement('script');          po.type = 'text/javascript';          po.async = true;          po.src = 'https://apis.google.com/js/plusone.js';          var s = document.getElementsByTagName('script')[0];          s.parentNode.insertBefore(po, s);        })();      </script></center>    </div>  </div>

..........................................................................................................................................................

  ΕΔΩ ΒΑΖΕΤΕ ΤΟ Google Plus ID ΣΑΣ--->Εδώ βάζετε το username που έχετε
στο Google plus

Αυτό ήταν πατήστε Αποθήκευση και είστε έτοιμοι!!

Καλή επιτυχία!!!

Πηγή κώδικα http://www.newbloggertips.com/


Edit by


0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog