понедельник, 23 апреля 2012 г.

четверг, 12 апреля 2012 г.

МЕНЮ

КНОПКИ СОЦИАЛЬНЫХ СЕТЕЙ


Перенаправление <Ð >Внимание! Дождитесь !!!! Через 5 секунд вы будете автоматически перенаправлены на Нужную Web-страницу.</Ð > Если нет терпения перейдите по ссылке

Кнопки соцсетей и комментарии CACKLE

---

понедельник, 9 апреля 2012 г.

Нумерация страниц на блоге

взято
 http://www.damir-tote.ru/2011/02/blog-post_09.html



 Нумерация страниц на блоге Блогспот, разметка страниц по порядку

20:59  damir-tote  21 comments

           Как вы ведете при посещении моего блога, есть нумерация страницы по порядку 1,2,3 и так далее. Не во всех шаблонах Блогспот есть такие разметки.

            В основном не красивая надпись главная страница, следующая и предыдущая страница. Оно даже бесит. Неприятно смотреть на такое. Особенно на очень посещаемых и известных блогах.

            Сделать это на самом деле очень легко и все своими руками. Заходим «Дизайн» далее «применить html». Ставим галочку «расширить виджеты». Кстати еще два полезных совета.

При изменении html кода лучше всего сохранить уже имеющийся (вдруг, что-то не то сделаете – потом будите сожалеть) и второе, изменяйте свой шаблон через Мозилу. Очень удобно через поиск, нажимаем комбинацию клавиш ctrl+F. Открывается внизу поиск, туда и пишем, что хотим найти в шаблоне.

Итак, ищем следующий мета тег:

]]>

И сразу же перед ним вставляем вот это скрипт

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #cccccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #cccccc;

background-color:#cccccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #cccccc;

background: #cccccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #cccccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333;

}

Вы его можете подделать по своему виду, если разбираетесь в html коде.

Далее необходимо найти следующий скрипт



И опять же, перед тегом прописываем следующее




\\\\\\\\\\\\\\\\\\\\

Кнопка прокрутки

 кнопка прокрутки


взято здесь

http://www.bloguspeh.ru/2011/11/knopka-avtomaticheskoy-prokrutki-na.html



Кнопка автоматической прокрутки страницы вверх на Blogspot

как сделать кнопку автоматической прокрутки вверх (скролинг) на BlogspotДрузья всем привет. Давно хотел поставить себе кнопку автоматической прокрутки страницы блога вверх (скроллинг), так сказать для удобства читателей. И блуждая в очередной раз на просторах забугорного интернета, я нашёл три разных варианта таких кнопок на платформе Blogspot. И конечно же я не могу не поделиться своими находками с вами, моими читателями.

1. Первый способ. Анимированная кнопка. Наводя на неё курсор она увеличивается. Как она выглядит вы можете посмотреть здесь >>>

Выполняем следующие действия:
1) Стандартно, заходим в Панель управления -> Дизайн -> Элементы страницы
2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript
4) Перетягиваем гаджет в самый низ, и сохраняем.
Ссылки на картинки вы можете заменить на свои, я их выделил жёлтым цветом.
Всё наслаждаемся анимированной кнопкой. Не знаю, считать это недостатком или нет: 1) она не исчезает с экрана монитора когда страница уже прокручена; 2) прокрутка происходит мгновенно (не плавно).

2. Второй способ. Кнопка прокрутки вверх/вниз. С помощью неё, вы можете прокручивать страницу как вверх, так и вниз. Как она работает вы можете посмотреть здесь

Выполняем действия:
1) Стандартно, заходим в Панель управления -> Дизайн -> Элементы страницы
2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript
4) Нажмите сохранить и обновить.
Теперь вы сможете увидеть у себя на блоге две стрелки "вверх" и "вниз", но работает только она, та что прокручивает вверх. Для того что бы кнопка работала в обоих направлениях, делаем ещё одно несложное действие:
5) Заходим в Панель управления -> Дизайн -> Изменить HTML
6) При помощи кнопок Ctrl+F находим закрывающий тег /bоdу> и прямо над ним вставляем следующий код под цифрой 2

Всё, теперь сохраняем и обновляем. Кнопка готова.
Вы можете изменить место положение кнопки с правой стороны (right) на левую (left), а так же изменить ссылки на изображения стрелок на свои.

3. Третий способ. Плавная прокрутка страницы вверх. Она плавно прокручивает страницу, и потом исчезает. Как она работает вы можете посмотреть у меня на блоге в правом нижнем углу.

Выполняем действия:
1) Как всегда, заходим в Панель управления -> Дизайн -> Элементы страницы
2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript
3) Вставляем код который находится по этой ссылке
4) Перетягиваем гаджет в самый низ, и сохраняем.
Ссылку на изображение я выделил жёлтым цветом, вы её можете изменить на свою.

Ну вот друзья и всё. Я думаю данная статья как сделать кнопку автоматической прокрутки страницы блога вверх, пригодится для пользователей Blogspot. Возможно друзья, вам так же интересно будет почитать о том как сделать анимационный виджет с картинками для вывода популярных статей на Blogspot, и как сделать меняющий цвет заголовок на Blogspot вы можете посмотреть здесь. А я с вами сегодня прощаюсь, и как всегда желаю удачи.

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

000 Ссылки на блоги

ВСЕ для BLOGGER(а) на BLOGSPOT(e)!

http://blogger4you.blogspot.com/p/blogger-4-you.html

Blogger - инструменты 

http://bloggerinstrument.blogspot.com/


Заработок в интернете! 

  http://www.bloguspeh.ru/

  Всё о блог пост 

http://www.damir-tote.ru/

 http://www.bloguspeh.ru/

 

редактор картинок онлайн

 http://pixlr.com/editor/



часы

 http://xaoc34rus.ucoz.ru/blog/chasy_na_sajt_bez_reklamy_124_skript_dlja_sajta_ucoz/2011-11-14-165

 календарь 

http://www.crazyprofile.com/calendar/myspace_calendar.asp

  http://создаем-свой-сайт.рф/scriptkalendar.html

 http://calendar.yuretz.ru/informer/

 

СТАТЬИ

  http://www.bloguspeh.ru/2011/10/vivod-populyarnih-statey-na-blogspot.html

 http://www.bloguspeh.ru/

 http://www.bloguspeh.ru/p/blog-page_16.html

 

 

ВСЕ для BLOGGER(а) на BLOGSPOT(e)!

http://blogger4you.blogspot.com/p/blogger-4-you.html

Blogger - инструменты 

http://bloggerinstrument.blogspot.com/


Заработок в интернете! 

  http://www.bloguspeh.ru/

  Всё о блог пост 

http://www.damir-tote.ru/

 

  http://www.bloguspeh.ru/2011/10/vivod-populyarnih-statey-na-blogspot.html

 http://www.bloguspeh.ru/2012/02/kak-sozdat-stickybar-na-blogspot.html

 http://www.bloguspeh.ru/

 http://www.bloguspeh.ru/2012/03/effect-uvelicheniya-kartinok-na.html

 http://www.bloguspeh.ru/2012/03/sgibayuschisya-ugolok-na-blogspot.html

 http://www.bloguspeh.ru/2012/03/sgibayuschisya-ugolok-na-blogspot.html

 http://midemoblog.blogspot.com/

 

ПОИСК СЛОЖНЫЙ

 http://blogformyblog.blogspot.com/2012/03/blog-post_1107.html

 http://shpargalkablog.ru/2011/01/poisk-po-blogu-ot-blogger.html

 http://blogger.omg-linux.ru/2011/10/jquery-poisk-v-bloge.html

 http://blogger.omg-linux.ru/2011/10/ystanovka-skriptov-i-stiley-b-blogger.html

 http://blogger.omg-linux.ru/2011/10/ystanovka-skriptov-i-stiley-b-blogger.html

 

УКРАШЕНИЯ

 http://bastetolga.blogspot.com/2011/10/blog-post_18.html

 много полезного

 http://new-school-blogger.blogspot.com/2012/01/knopka-vverh-i-vniz-dlja-blogger.html

 

 http://mk-template.blogspot.com/

 

 http://blogger.com.md/tutorials/70-spoiler.html