Привет друзья!
До Нового года осталось не так уж и много времени, а именно — один месяц! И это время пролетит незаметно! А тут такое дело: вы еще даже не начали наряжать свой блог к этому празднику!
Именно в этом посте, я расскажу как украсить блог к Новому году!
Во-первых — как вы уже заметили в заголовке статьи стоит «Урок №1», а это означает что данная тема разделится на несколько постов. А в следующем посте, вы получите маленькие новогодние подарки!
С праздником поздравлять еще рановато, а вот дарить новогодние настроение уже можно! Вообщем будем наряжать наш блог, как новогоднюю елку! Главное, не переборщить!
Как украсить блог к Новому году!
В данном уроке мы установим гирлянды на сайт, рассмотрим их разновидности и способы их установки без проблем!
Как установить гирлянду в шапку блога?
Идем в админ панель блога: Внешний вид — Редактор — header.php и перед закрывающемся тегом </head> ставим вот этот код:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<style type=»text/css»>
#garland {position:absolute;top:0;left:0;background-image:url(‘<span style=»color: #ff0000;» data-mce-style=»color: #ff0000;»>https://infonion.ru/wp-content/uploads/2013/12/1355340029_christmas-lights.png</span>’);height:36px;width:100%;overflow:hidden;z-index:99}
#nums_1 {padding:100px}
.garland_1 {background-position: 0 0}
.garland_2 {background-position: 0 -36px}
.garland_3 {background-position: 0 -72px}
.garland_4 {background-position: 0 -108px}
</style>
<div id=«garland» class=«garland_4»><div id=«nums_1»>1</div></div>
<script type=«text/javascript»>
function garland() {
nums = document.getElementById(‘nums_1’).innerHTML
if(nums == 1) {document.getElementById(‘garland’).className=‘garland_1’;document.getElementById(‘nums_1’).innerHTML=‘2’}
if(nums == 2) {document.getElementById(‘garland’).className=‘garland_2’;document.getElementById(‘nums_1’).innerHTML=‘3’}
if(nums == 3) {document.getElementById(‘garland’).className=‘garland_3’;document.getElementById(‘nums_1’).innerHTML=‘4’}
if(nums == 4) {document.getElementById(‘garland’).className=‘garland_4’;document.getElementById(‘nums_1’).innerHTML=‘1’}
}
setInterval(function(){garland()}, 600)
</script>
|
Вот и все сохраняем, обновляем страницу нашего блога! Довольно интересно выглядит!
P.S. Если вы хотите чтобы картинка вашей гирлянды не лежала на моем блоге, то сохраните ее и закиньте на свой сервер. А в скрипте измените путь к ней, что изменить — я обозначил красным цветом в коде выше(но ссылка красным не отобразилась, так что ищите сами — шучу:), 2 ряд). А вот и картинка:
Сделайте клик по картинке правой кнопкой мыши — Сохранить картинку как…
Вот еще небольшой презент — разновидности гирлянды на сайт:
|
1
|
<div style=«height: 40px; background: url(/wp-content/uploads/2013/12/Girlinda.gif) repeat-x 100%;»></div>
|
|
1
|
<div style=«height: 30px; background: url(/wp-content/uploads/2013/12/23ab3fbb3eab.gif) repeat-x 100%;»></div>
|
|
1
|
<div style=«height: 40px; background: url(/wp-content/uploads/2013/12/GirlyndaMod.gif) repeat-x 100%;»></div>
|
|
1
|
<div style=«height: 60px; background: url(/wp-content/uploads/2013/12/mini3.gif) repeat-x 100%;»></div>
|
Как вы заметили, скрипт почти весь одинаковый, можно только подстраивать высоту. Поэтому я приготовил для вас небольшой сборник гирлянд:
СКАЧАТЬ
В архиве присутствуют не только анимации и гирлянды! В чем дело?
В принципе в гирлянду можно пустить любую картинку, главное чтобы размер был для вас удобным, а там подгоняете как хотите (скрипт тот же, ставить можно куда душа пожелает: подвал, шапка и т.д; одним словом — пробуйте ).
Вот еще одна классная гирлянда со звуком «Новогодний перезвон»! Вот описание с самого сайта:
Скрипт гирлянды для сайта
Украшение можно установить в любом месте программного кода сайта. Установка представляет собой по сути вписывание в нужном месте вашего сайта html-кода, так называемого информера, в котором будет содержаться информация по настройке украшения и времени показа его на сайте. Чтобы установить программный продукт компании Exiterra — скрипт «Гирлянды» на сайт — необходимо выполнить несколько простых действий:
- Войти в личный кабинет администратора.
- Выбрать украшение «Гирлянда» и настроить его параметры, а также параметры расписания его показа.
- Программным обеспечением нашего сайта будет сгенерирован уникальный код информера.
- Скачать скрипт «Гирлянда» и скопировать код информера.
- Вставить информер в нужном месте кода вашего сайта. Лучше информер размещать внизу выбранной страницы, в так называемом «футере». Информер необходимо размещать на всех страницах, где необходима установка украшения.
- Установка информера производится при помощи CMS вашего сайта или нужно вручную отредактировать коды страниц.
В случае, если вы по каким-либо причинам не смогли установить скрипт «Гирлянда» на сайт, компания Exiterra поможет вам это сделать. Для этого достаточно обратиться в нашу службу технической поддержки.
Вы можете примерить на Ваш сайт анимированное украшение гирлянды со звуком «Новогодний перезвон».
А вот и ссылка на настройку и дальнейшие действия: http://www.darii.ru/novogodnaya_motnya.htm!
Вот только что увидел: на сайте еще много классных фишек на каждый праздник, так что пользуйтесь! И я себе наверное что-то подберу!
Вот и все! Данный пост, я написал только про гирлянды на сайт, а дальше будет еще интересней и небольшие подарочки:). Вы же хорошо себя вели?
«Как украсить блог к Новому году?» — с этим вопросом мы немного разобрались… Так сказать, сделали небольшое вступление! Так что ждите продолжения!
Если вы не хотите ставить для себя, то поставьте для своих читателей! И каждый день, прибавляйте этим праздничное настроение всем своим поклонникам!
А хотя, я советую вам перепробовать все — это много времени не займет, а посмотреть стоит!
Улыбнуло:)
На этом все, пока!
С уважением, Владислав Лемишко.
Как красиво! Но от этих всех гирлянд сайт будет тяжелее загружаться, главное не переусердствовать!
Думаю, на время праздников можно поставить: порадовать себя и читателей! Скоро выйдет второй урок, так что заходите… Буду рад, видеть вас снова на моем блоге!
Мне кажется тяжелее будет, если украшения через плагины будут проходить. А тут вроде код не большой, и картинка наверно по весу минимальная…
Все верно, хотя на праздники можно и один какой-то плагин поставить!
Всё написано понятно и так и хочется что нибудь новогоднее себе установить, но наверное, после 15 декабря поставлю гирлянды на месяц, чтобы почувствовалось настроение нового года!
Спасибо, Лара!
Тоже готовлю статью к новому году, не против если я возьму а вас несколько гирлянд? =)
Привет! За небольшое вознаграждение: упоминание о моем сайте (ссылка может быть и неактивной). Приду — проверю, шутка
! Когда-то и я помогу, так что давай сотрудничать! Кстати, у тебя классный блог и название оригинальное! *THUMBS UP*
Спасибо! Ссылочку обязательно поставлю! =)
Спасибо за понимание!
Мне тоже понравилось название блога Кирилла. И встречный вопрос: А сам не хочешь название своему блогу придумать какое нибудь звучное? Можно конкурс провести, чтоб тебе подсказки и идеи давали. И посещаемости блогу прибавится, а приз какой нибудь придумай.
Неплохая идея! Вот теперь бы приз придумать, но самый лучший подарок это деньги!
А у тебя есть какие-то идеи по поводу названия? Может будешь судьей на конкурсе…?
Спасибо. Узнал несколько новых фишек. А теперь небольшое дополнение к статье от себя.
Не устанавливайте виджеты от стороннних сервисов. Три месяца назад один из моих блогов получил за один такой виджет АГС. А дело обстояло так: я искал в интернете готовые украшения для блога и наткнулся на сайт 101widget, установил код в хедере и радовался
В принципе, все было нормально и я ничего не видел лишнего. Через некоторое время из индекса вылетают все страницы. Разумеется, я пишу платонам: «За что?». В ответ получаю: «Ваш сайт заблокирован за popup рекламу»
Я иду к другу и открываю свой блог на его компьютере. Как я и ожидал, блог плавал в popup.
Вывод: не устанавливайте сторонние виджеты. Они создают дыры в движке, за счет которых мошенники получаю возможность менять содержимое файлов движка и самого блога.
Я проверил выдачу, 101widget и его дублеры до сих пор твердо сидят в ТОПе по запросам украшения для сайта, скрипты украшений к Новому году и др.
Здравствуйте, Тимур!
Во-первых — спасибо за такой развернутый комментарий — очень ценная информация!
А во-вторых — скажу от себя! Я думаю, все-таки можно ставить данные виджеты, но только от проверенных ресурсов!
А вы как думаете?
Идей много, будем искать лучшее название! Спасибо за предложение быть судьёй! Очень лестно! =) Ты сам подумай, как организовать конкурс, и приз пусть будет материальный, например, 100 рублей (может немного, зато приятно будет получить победителю всего за одно предложение)
Вот где бы найти теперь эти 100 руб? Еле на хостинг нахожу и то за год не смог заплатить полностью, плачу каждый месяц (на 2$ переплата, ну без скидки будет).
Вот такой я «богатенький Буратино»! А еще срок на домен скоро закончится! *UNKNOWN*
Нужна какае-то подработка, у тебя там сайт никто не требует?
Нужно срочно заполнять раздел услуги! *UNKNOWN*
Свои-то деньги вкладывать не хочется! *NO*
Я с этим особо не парился. Добавил в сайдбар виджет с анимированной ёлкой и всё!
Влад, Вы молодец, несете много полезной и интересной информации, и я уверена читатели вас отблагодарят, и никогда не пропустят ваш блог, не оставив отзыв. Продолжайте свою деятельность в том же духе, только совет — не продавайте сейчас ссылки, и ноликс не ставьте (он очень грузит блог, тем самым сайт занижая в выдаче), а толку мало,копейки.
Источники доходов ищите лучше от других способов, а их очень много.
Спасибо, Нина!
А ссылками я даже и не собирался торговать!
А зачем? Это же блог для людей!
Благодарю (искренне), всё получилось.
Рад, что смог вам помочь! =)
А вы молодец, и украсить блоги дали возможность, и себе обратную ссылочку сделать, очень хороший ход.
Ссылка… Раньше как-то над этим особо и не задумывался, да и информация по поводу «как изменить» там немного есть)
А сейчас я бы скорее всего сказал, что это плохой ход)