Floating Pop Up Chat Box gadget για τον Blogger

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Αυτή η ανάρτηση γίνεται κατόπιν αιτήματος ενός φίλου της Σελίδας μας. Αφού είδε την ακόλουθη ανάρτηση http://www.bloggertipsandtricks.net/2011/10/pop-up-facebook-like-box.html μας ζήτησε να φτιάξουμε το gadget αυτό για chating. Πώς θα το εγκαταστήσετε στη δική σας Σελίδα; Ακολουθήστε τα παρακάτω βήματα:
  • Κάντε μια εγγραφή στη Σελίδα  http://chatroll.com 
  • Αφού φτιάξετε έναν λογαριασμό, πατήστε στο "More Platforms" το εικονίδιο του Blogger
  • Θα σας δώσει έναν κώδικα.
Στη συνέχεια κρατώντας αυτόν τον κώδικα ακολουθήστε τα παρακάτω βήματα:
  • Σύνδεση στον Blogger
  • Σχεδίαση / Επεξεργασία HTML
  • Βρείτε την </head>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  • Πηγαίνετε τώρα στο "Στοιχεία Σελίδας"
  • Επιλέξτε Προσθήκη gadget - HTML/JavaScript
  • Επικολλήστε τον παρακάτω κώδικα:

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".bttslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.bttslikebox{background: url("
http://icons.iconarchive.com/icons/musett/antares/128/Chat-Folder-Black-icon.png
") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 110px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.bttslikebox div{border:none;position:relative;display:block;}
.bttslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.bttslikebox span a{color: #808080;text-decoration:none;}
.bttslikebox span a:hover{text-decoration:underline;}
</style><div class="bttslikebox" style=""><div>Ο ΚΩΔΙΚΑΣ ΠΟΥ ΘΑ ΣΑΣ ΔΩΣΕΙ ΓΙΑ ΤΟ CHATBOX</div></div>
  • Τοποθετήστε τον κώδικα που σας δίνει το chatroll, πατήστε αποθήκευση και είστε έτοιμοι.
ΠΡΟΣΟΧΗ!!! Επειδή το gadget χρησιμοποιεί τον ίδιο κώδικα με το Pop Up Like Box, δε γίνεται να δουλέψουν και τα δύο στην ίδια Σελίδα.

DEMO
    Υ.Γ.Μπορείτε επίσης να βάλετε και Chatbox από άλλες εταιρίες όπως το Cbox.

      0 σχόλια:

      Post a Comment

       
      back to top