snow

Σάββατο 3 Αυγούστου 2013

Google Plus Slide Out

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


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

μεταβείτε στην σελίδα του δημιουργού από την πηγή που δίνω και να χρησιμοποιήσετε

τον generator και τις οδηγίες εκεί.... Αλλιώς κάνουμε τα γνωστά βήματα...


Πηγαίνετε 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrJRkRrtuA1ijoO_E0gGg96CZirkzWKrTxgtxNOhzZHhC-BicjAaARDsX9hcNqCG57BGocQW2EGiwQ2zZxyEwdmhNXwAS5_Vl76xk8XSEWCEnaS9jpqIUeTwZAhhApLFIjf0UgzbLssM/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-IYa7AxbN7gwbWeq8r0Z8f8Io_DMham_E_NyXVFWm2bmX804oQPwGdiJu3SGMdIu40N5ez-8Lj-9vyhX8Uj3fY2i_IRBS_WVci7L_NQ-_71h_ZmIgK5y4osgHiCOF2KIpIXT5Mokm-ZZn/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 ΣΑΣ--->Εδώ αλλάζετε τα γράμματα,ΠΡΟΣΟΧΗ μόνο αυτά 
με το Google plus id που έχετε!!Εάν δε το ξέρετε πηγαίνετε στην σελίδα σας στο google plus-
ρυθμίσεις-προφίλ και απόρρητο και το βλέπετε,οπότε βάζετε τους αριθμούς μετα το COM/

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

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

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


Edit by vaiol!!!!


Δεν υπάρχουν σχόλια:

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