Как да сложим лента най-отгоре в blogspot | УРОК |

nortrant

Well-Known Member
Сега ще ви покажа как да сложите лента най-отгоре във вашият блог
първо демо - http://nortrant.blogspot.com/
Второ една препоръка - ако все още държите лентата на блогспот я махне, а това как става е обяснено ТУК

Пристъпваме към работа:

1. Кликвате на Дизайн
2. Кликвате на Редактиране на HTML кода

препоръка: направете резервно копие на темплейта и го запишете върху вашият хард диск!
още нещо: за редактиране на темплейта става най-лесно с някой редактори, например: notepad++ (безплатен е и се сваля от тук http://notepad-plus-plus.org/)

След като сте направили копие може да започваме да правим промените.

Намерете това:

Код:
]]></b:skin>

Точно над него поставете следното:

Код:
#mbt_bar{ 
background:#333 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:#fff; 
font-size:13px; 
font-weight:bold; 
font-family: arial,"Helvetica",sans-serif; 
} 
#mbt_bar a{ 
text-decoration:underline; 
color:#E2E504; 
} 
#mbt_bar a:hover{ 
text-decoration:none; 
} 
#mbt_bar p {margin:0; list-style:none;} 
#mbt_bar img {vertical-align: middle; 
      margin-right: 6px;}

сега намерете:

Код:
</head>

Точно над него поставете следното:

Код:
<script type='text/javascript'> 
//<![CDATA[ 
var mbt_arr = new Array(); 
var mbt_clear = new Array(); 
function mbtFloat(mbt) { 
mbt_arr[mbt_arr.length] = this; 
var mbtpointer = eval(mbt_arr.length-1); 
this.pagetop = 0; 
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body; 
this.mbtsrc = document.all? document.all[mbt] : document.getElementById(mbt); 
this.mbtsrc.height = this.mbtsrc.offsetHeight; 
this.mbtheight = this.cmode.clientHeight; 
this.mbtoffset = mbtGetOffsetY(mbt_arr[mbtpointer]); 
var mbtbar = 'mbt_clear['+mbtpointer+'] = setInterval("mbtFloatInit(mbt_arr['+mbtpointer+'])",1);'; 
mbtbar = mbtbar; 
eval(mbtbar); 
} 
function mbtGetOffsetY(mbt) { 
var mtaTotOffset = parseInt(mbt.mbtsrc.offsetTop); 
var parentOffset = mbt.mbtsrc.offsetParent; 
while ( parentOffset != null ) { 
mbtTotOffset += parentOffset.offsetTop; 
parentOffset = parentOffset.offsetParent; 
} 
return mbtTotOffset; 
} 
function mbtFloatInit(mbt) { 
mbt.pagetop = mbt.cmode.scrollTop; 
mbt.mbtsrc.style.top = mbt.pagetop - mbt.mbtoffset + "px"; 
} 
function closeTopAds() { 
document.getElementById("mbt_bar").style.visibility = "hidden"; 
} 
//]]> 
</script>

остана да поставим след

Код:
<body>

това:

Код:
<div id='mbt_bar'>[B] ВАШИЯТ ТЕКСТ/ЛИНК[/B]
<span style='padding:0px; float:right'> 
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://1.bp.blogspot.com/-MSEzL6EtjrM/Tt-hrSkKVnI/AAAAAAAAFiQ/AGUGFpnSUHk/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span></div> 
<br/><br/>

Мисля, че няма нужда да споменавам за това че вски може да стилизира и промени всичко по лентата - цвят на фона, на шрифта и т.н.

Ако имате препоръки, готови решения за подобряването й, моля - пишете!

Други полезни теми за blogspot:

=>Премахване на лентата в blogspot | УРОК |
=>Смяна на фавикон в blogspot | УРОК |
 
От: Как да сложим лента най-отгоре в blogspot | УРОК |

Полезно, колега. Благодаря!
 
От: Как да сложим лента най-отгоре в blogspot | УРОК |

Мерси, полезно! Аз съм махнал оригиналната, ама не знаех, че може друга.
 

Горе