-->
 

Για επικοινωνία κάντε σχόλιο!
Και μην ξεχνάτε να διαβάζετε τα σχόλια.Υπάρχουν λύσεις και εκεί.

Μπάρα με adsense που σκρολάρει.

Σήμερα έχουμε για όλους εσάς που έχετε διαφημίσεις άντσενς στο μπλογκ σας,ένα πολύ χρήσιμο γουίτζετ που σίγουρα φάγατε τον τόπο για να το βρείτε.Είναι για μπάρα με διαφήμιση που σκρολάρει!

Η μπάρα εμφανίζεται στο σημείο που θα βάλετε το γουίτζετ στο Πρότυπο/Διάταξη και ενώ εσείς σκρολάρετε πάνω κάτω αυτή παραμένει στο ίδιο σημείο αφήνοντας πάντα ορατή τη διαφήμιση!

Δείτε δύο ιστότοπους με παρόμοια μπάρα για να καταλάβετε περί τίνος πρόκειται:

http://www.glossesweb.com/2013/01/blog-post_19.html
http://www.apocalypsejohn.com/

ο κώδικας
Ακολουθεί ο κώδικας και μετά ο τρόπος ρύθμισης αν δεν εμφανίζεται σωστά.

<div id='BeH-Fixed'><script type="text/javascript"><!--
Εδώ ο κώδικας του άντσενς (π.χ. 160x600 skyscraper) ή άλλης διαφήμισης.


    <p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:black" href="http://symvl.blogspot.com">πάρε το γουίτζετ</a></p> </div>
<script>
window.onload = function() {

  function getScrollTop() {
    if (typeof window.pageYOffset !== 'undefined' ) {
      // Most browsers
      return window.pageYOffset;
    }

    var d = document.documentElement;
    if (d.clientHeight) {
      // IE in standards mode
      return d.scrollTop;
    }

    // IE in quirks mode
    return document.body.scrollTop;
  }

  window.onscroll = function() {
    var box = document.getElementById('BeH-Fixed'),
        scroll = getScrollTop();

    if (scroll <= 270) {
      box.style.top = "10px";
    }
    else {
      box.style.top = (scroll -260) + "px";
    }
  };

}
 </script>
<style>
#BeH-Fixed {

  position: absolute;
  z-index:9999;
}
</style>


Η ρύθμιση του κώδικα
Ξεκινάμε πάντα από τη ρύθμιση του κόκκινου .Αν η μπάρα πάει πολύ χαμηλά όταν σκρολάρετε αυξήστε το κόκκινο.Ακολούθως το μπλε είναι συνήθως δέκα πίξελ παραπάνω από το κόκκινο και το κίτρινο η διαφορά τους.

Εγκατάσταση
Αντιγράψτε τον παραπάνω κώδικα μέσα σε ένα γκάτζετ HTML/Javascript στη Διάταξή σας και τοποθετείστε το εκεί που θέλετε να εμφανίζεται.Π.χ. αν θέλετε να εμφανίζεται αριστερά ,βάλτε το αριστερά.

Αν πάλι αντιμετωπίζετε πρόβλημα κάντε σχόλιο με το λινκ του μπλογκ σας για του ρίξω μια ματιά.

@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.
Read more ...

Απλό κυλιόμενο κουτί αναγνωστών για το τουίτερ.

Προσοχή!
Τελευταίως το twitter άλλαξε τους κώδικές του και το twitter likebox δεν δουλεύει.Δοκιμάστε έναν εναλλακτικό τρόπο.


Επιτέλους ένα πολύ απλό μεν ,αλλά πολύ χρήσιμο δε κινούμενο κουτί για τους θαυμαστές σας στο τουίτερ.

Το μόνο που έχετε να κάνετε για να λειτουργήσει είναι να αντιγράψετε τον παρακάτω κώδικα μέσα σε ένα ΗΤΜΛ γκάτζετ στη διάταξη και να αντικαταστήσετε την κόκκινη λεξούλα με το όνομα του καναλιού σας στο τουίτερ.

Καλό τούιτινγκ!


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("https://lh6.googleusercontent.com/--jH4k4idjkw/UD9pk_EXQqI/AAAAAAAAARU/4SXjVNnACac/h120/SyedBahadurShah4u-twitter-icon.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 29px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:1%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("το όνομα του καναλιού σας στο τουίτερ");</script><center><span style="font-size: xx-small;">βρείτε το γκάτζετ στο <a href="http://symvl.blogspot.com/2013/01/kuliomeno-kouti-twitter.html" target="_blank">απλές συμβουλές blogger</a></span></center></div>

Διαβάστε επίσης
Βοήθεια!Χάλασε το twitter likebox!

@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.
Read more ...