Ура! Ура! Сколько же я мучилась и недоумевала, почему ВКонтакте кнопка перемотки вверх есть, а здесь - казалось бы на более продвинутой платформе - её нет... И вот наконец-то я её, а точнее даже она сама нашла меня :)
Как её установить? Элементарно :)
1. Находите в интернете подходящую картинку с изображением стрелки (разумеется в формате PNG), копируете к себе на комп, уменьшаете размер, корректируете цвет и для надёжности сохраняете в своём веб-альбоме Picasa.
2. Далее залезаете в: Настроить - Дизайн - Добавить гаджет - HTML/JavaScript.
3. Туда вставляете этот код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.MyBloggerTricks.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://lh5.googleusercontent.com/--0r7IjZ8hE4/UR6Myw33HLI/AAAAAAAAC3Y/o4KFyaLa3Lw/s128/Strelka.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
4. Там, где располагается ссылка на мою стрелочку (выделено цветом), вставляете URL своей из Вашего альбома. Кроме того надо будет стереть появляющуюся в конце текста при его копировании фразу - See more at и что-то там со ссылкой на мой сайт. Это такая Блоггеровская наивная защита от плагиата :)
А ещё для надёжности рекомендую сначала копировать текст в Блокнот и уже оттуда в Ваш блог. Так Вы наверняка скопируете только текст и ничего лишнего.
А ещё для надёжности рекомендую сначала копировать текст в Блокнот и уже оттуда в Ваш блог. Так Вы наверняка скопируете только текст и ничего лишнего.
5. Располагаете гаджет в самом низу своего блога и готово! Называть гаджет никак не надо.
Ваша стрелочница Katrin Black :)
Ваша стрелочница Katrin Black :)
Спасибо, надо будет поставить:)
ОтветитьУдалитьЯ сделала! Спасибо!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
ОтветитьУдалитьспасибо большое! И у меня все получилось :)))
ОтветитьУдалитьОчень рада, девчонки, что эта штучка вам понравилась :) Чувствую, с таким успехом она скоро почти у всех будет!
ОтветитьУдалитья просто нажимаю кнопку HOME на клавиатуре и эффект тот же самый )
ОтветитьУдалитьЯ в курсе :) Но мне например очень лень отрывать руку от мышки и искать кнопку на клаве для такого незатейливого действия... Ну вот такая это ленивая штука :)))
УдалитьУх ты!!! ЗдОрово! Попробовала - и получилось! Вот обычный нормальный гуманитарий разве может этот набор символов сделать самостоятельно? Спасибо огромное!
ОтветитьУдалитьДля этого есть специальные люди к счастью, а нам остаётся только тырить плоды их трудов :)
УдалитьА я только хотела по этому поводу к тебе дорогая пристать))))))))))
ОтветитьУдалитьСПАСИБО!!!
ОтветитьУдалитьСпасибо, давно хотела это сделать, но не знала как. Теперь получилось УРА
ОтветитьУдалитьу меня не получилось вставить...
ОтветитьУдалитьдаже не знаю почему... кажется ошибиться невозможно, но наверно делаю что то не так, раз не выходит
Удалите из кода в самом конце фразу:
Удалить- See more at: http://www.katrinblack.com/2013/02/srtelka-peremotki-vverh.html#sthash.5rQ3kN3T.dpuf
Это защита от копирования текстов. Я буквально сейчас вставила весь код в свой демо-блог, стёрла эту последнюю надпись и всё заработало.
ой. написала много сообщений, решила все в один объединить.
УдалитьМы знакомы, у меня просто аватар исчез, пришлось новый прикрепить.
эту фразу я удаляла, не помогает.
у меня код выглядит не так как у тебя на странице, он копируется в какой то безобразный комок
картину я в гугл плюс выложила...
бьюсь уже 9 часов(((
А, Наташ! А я ещё подумала, что это ты, но не посмотрела в профиле :) У меня стрелка вроде на Гугл+. По идее без разницы должно быть, куда она загружена. Может ссылка какая-то на неё кривая? По идее этот код очень просто ставится.
УдалитьСкопируй код сначала в блокнот. Иногда помогает :) В блокноте стирается всё форматирование текста и остаются только буковки.
Удалить9 часов это жесть!!!
О! Я вижу её :))))))))))) Что помогло?
Удалитья копирую в ворд обычно)
Удалитьдо этого копировала только код, а потом все полностью сообщение(вместе с текстом)))
произошло чудо и он скопировался как надо!
УРА! и БОЛЬШОЕ спасибо
потом я победила стрелку(она почему то решила сохранятся вместе с фоном) сегодня день повышенных магнитных бурь, не иначе!
пойду дальше делать всякие такие красивости, как у тебя))
спасибо за такую гигантскую работу!!
я очень благодарна!
у меня еще вопрос про то, как ты так сделала ярлычки в два ряда
и
про фотоальбом(пока с ним не разобралась никак)
С фоном и у меня копируется, потому что он не прозрачный. Поэтому я и пользуюсь Блокнотом для таких целей. Он буквально стерилизует любой текст, уничтожая всю информацию, не относящуюся к делу.
УдалитьЯрлыки. Там всё просто, только как это часто бывает - сам фиг догадаешься! Надо будет об этом тоже написать отдельный пост :) Короче, добавляешь новый гаджет "Ярлыки" (ещё один помимо уже имеющегося). И в каждом из них ставишь галочки на те ярлыки, которые нужно отобразить в конкретном списке. Ну и соответственно называешь гаджет не "Ярлыки", а как тебе нужно.
А фотоальбом... Что конкретно тебя интересует, Наташ? Это просто страница с фотографиями и ссылками на три другие страницы, которые скрыты. Если что, спрашивай - объясню подробней :)
Спасибо, Катюша))
Удалитьтам проблема текста была не в фоне, а в форматировании.
код и в ворд и и блокнот копировался кускомэх...хотела тут показать кашу(пишет недопустимый код)... могу принтскрин сделать если интересно))
да-да-да...новый пост про ярлыки нам не помешает))