Сега ще ви покажа как да сложите лента най-отгоре във вашият блог
първо демо - http://nortrant.blogspot.com/
Второ една препоръка - ако все още държите лентата на блогспот я махне, а това как става е обяснено ТУК
Пристъпваме към работа:
1. Кликвате на Дизайн
2. Кликвате на Редактиране на HTML кода
препоръка: направете резервно копие на темплейта и го запишете върху вашият хард диск!
още нещо: за редактиране на темплейта става най-лесно с някой редактори, например: notepad++ (безплатен е и се сваля от тук http://notepad-plus-plus.org/)
След като сте направили копие може да започваме да правим промените.
Намерете това:
Точно над него поставете следното:
сега намерете:
Точно над него поставете следното:
остана да поставим след
това:
Мисля, че няма нужда да споменавам за това че вски може да стилизира и промени всичко по лентата - цвят на фона, на шрифта и т.н.
Ако имате препоръки, готови решения за подобряването й, моля - пишете!
Други полезни теми за blogspot:
=>Премахване на лентата в blogspot | УРОК |
=>Смяна на фавикон в blogspot | УРОК |
първо демо - 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 | УРОК |