Создаём блог, часть 8-я

21 янв. 2009 г.
Posted by Allpa

Изучая блоговодство, настраивая свою страничку, я натолкнулась на сайтец Beautiful Beta, просто кишащий виджетами, гаджетами, хаками, кодами, дополнениями и описаниями. И всё это - для Blogspot. И всё - на английском. :)


В отчаяние я впадать не стала, а стала внимательно читать список хаков в разделе Table of Contents (вверху правой колонки) - ссылка Show Table of Contents. И натолкнулась на фичу, по которой я начала тосковать почти сразу же после создания блога - ссылки в конце каждого поста на начало страницы и на начало сообщения.


Top-post




И вот оно, мечтуемое: Blog Navigation: Top of Page and Top of Post
Слава богу, моих скудных познаний английского хватило, чтобы понять, как прикрутить полезняшку к блогу, за 7 лет торчания безвылазно в И-нет - хочешь не хочешь, а научишься хоть чему-нибудь, не? ;)

Я сейчас опишу своими словами, как проделать операцию. :)



Шаг 1 - сделайте back-up своего блога (процедура отлично описана у Дмитрия Наумова в статье Резервная копия блога на blogspot. Утилита Blogger Backup);
Шаг 2 - идём в НастройкиМакетИзменить HTML → ставим "галочку на Расширить шаблоны виджета;
Шаг 3 - ищем в нашем коде (Поиск На Странице браузера) строчку →

<b:includable id='post' var='post'>

и ставим сразу под ней



<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id' >

В мануале написано, что если вы используете Peek-A-Boo-хак (без понятия я, что это за хак), то такая строчка должна уже существовать в коде.
У меня же было только →

<div class='post' >

и я просто полностью заменила свою строчку на предлагаемую, хотя, как я понимаю, авторы мануала предполагали, что будет всё, не выделенное красным, и надо только дописать то, что они отметили другим цветом;
Шаг 4 - прокручиваем HTML вниз, к разделу post-footer, и там, сразу под кодом для quick-edit icon вставляем следующее →

<!-- to top of page and top of blog -->
<a href='javascript:scroll(0,0)' title='Scroll to top of this page'>Top of Page</a>
<a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Scroll to top of post'>Top of Post</a>

Я искала на странице по quick-edit и, да, ближе к концу нашла такое →



<span class='quick-edit-icon'> </span>

Не будучи уверенной, то ли это, я всё-таки закинула под этой строчкой нужный код, сохранила шаблон, перезагрузила страницу и... и - о чудо! - увидела внизу каждого сообщения, сразу за карандашиком (по клику на котором мы можем править сообщение) вожделенные ссылки - Top of Page и Top of Post, ура. :)


Названия я переписала в коде, и сцылы стали Начало страницы и Начало сообщения.


Пользуйтесь на здоровье. :))

Предлагаю ознакомиться с аналогичными статьями:



Подписаться на сообщенияПодписаться на комментарии
© "Кошка у камелька" Allpa's blog | 2009 | При копировании материалов гиперссылка на сайт обязательна