Οριζόντια μπάρα με δυνατότητα απόκρυψης από τη Σελίδα σας

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

Σας δίνει τη δυνατότητα να διαφημίσετε μέσω κειμένου κάτι που θέλετε ή να ειδοποιήσετε τους αναγνώστες σας για κάτι μελλοντικό, π.χ. επόμενο θέμα για ανάρτηση.
Δείτε πώς θα την τοποθετήσετε στο ιστολόγιό σας:
  • Σύνδεση στον Blogger 
  • Σχεδίαση / Επεξεργασία HTML
  • Βρείτε την ]]></b:skin>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:
#btt_bar{
background:#
ff0808 url('http://3.bp.blogspot.com/-zQeUG7PU9Uw/TmkiptyZ1eI/AAAAAAAAE98/At4tRBC9HQc/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
color:#ffff00;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
}
#btt_bar a{
text-decoration:underline;
color:#E2E504;
}
#btt_bar a:hover{
text-decoration:none;
}
#btt_bar p {margin:0; list-style:none;}
#btt_bar img {vertical-align: middle;
margin-right: 6px;}
  • Βρείτε τώρα την </head>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:
<script type='text/javascript'> 
//<![CDATA[
var btt_arr = new Array();
var btt_clear = new Array();
function bttFloat(btt) {
btt_arr[btt_arr.length] = this;
var bttpointer = eval(btt_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.bttsrc = document.all? document.all[btt] : document.getElementById(btt);
this.bttsrc.height = this.bttsrc.offsetHeight;
this.bttheight = this.cmode.clientHeight;
this.bttoffset = bttGetOffsetY(btt_arr[bttpointer]);
var bttbar = 'btt_clear['+bttpointer+'] = setInterval("bttFloatInit(btt_arr['+bttpointer+'])",1);';
bttbar = bttbar;
eval(bttbar);
}
function bttGetOffsetY(btt) {
var mtaTotOffset = parseInt(btt.bttsrc.offsetTop);
var parentOffset = btt.bttsrc.offsetParent;
while ( parentOffset != null ) {
bttTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return bttTotOffset;
}
function bttFloatInit(btt) {
btt.pagetop = btt.cmode.scrollTop;
btt.bttsrc.style.top = bt.pagetop - btt.bttoffset + "px";
}
function closeTopAds() {
document.getElementById("btt_bar").style.visibility = "hidden";
}
//]]>
</script>
  • Βρείτε τώρα την <body>
  • Επικολλήστε μετά από αυτήν τον παρακάτω κώδικα:
<div id='btt_bar'> ΓΡΑΨΤΕ ΤΟ ΚΕΙΜΕΝΟ ΠΟΥ ΘΕΛΕΤΕ ΝΑ ΕΜΦΑΝΙΣΤΕΙ ΣΤΗ ΜΠΑΡΑ
<span style='padding:0px; float:right'>
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://2.bp.blogspot.com/-TnQgJ3AnkZk/T18oEOGkDzI/AAAAAAAAAQA/q1T3OJfnOH0/s1600/cancel-button.png' style='cursor:hand;cursor:pointer;'/></span></div>
<br/><br/>
  • Αντικαταστήστε το κείμενο με κόκκινα γράμματα με το δικό σας κείμενο και πατήστε αποθήκευση προτύπου.
Έχετε τώρα τη δυνατότητα να περάσετε ένα μήνυμα στους αναγνώστες σας μέσα από αυτή τη μπαρούλα.
Στον πρώτο κώδικα υπάρχει ένας κώδικας χρώματος μαρκαρισμένος με κίτρινο φόντο. Αλλάξτε τον αν θέλετε για να ταιριάζει με τη Σελίδα σας.

0 σχόλια:

Post a Comment

 
back to top