Как добавить на боковую панель баннер/конфетку/кнопку?

Для меня это конечно уже давно пройденный этап, но наверняка кому-то из новичков пригодится! Тем более, что я как обычно пойду своим путём и покажу не столь очевидный вариант, как просто добавление картинки, через пункт меню "Дизайн".

Мой вариант чуть более сложный, но зато имеет и ряд важных преимуществ:

     - возможность выравнивания картинки по центру (для эстетов :))

     - открывание ссылки в новом окне (чтобы при переходах, не закрывался наш блог)

     - возможность расположить в ряд или друг под другом сразу нескольких кнопок.

На самом деле это даже не все возможности. Но пока нам хватит и этого, так что перейдём к делу. Покажу весь процесс на примере Конфетки.

1. Находим нужную нам картинку, наводим на неё курсор, жмём левую кнопку мыши и открывшемся окне выбираем "Копировать URL картинки".

2. Далее создаём у себя в блоге новое сообщение и выбираем в панели задач "Вставить изображение". Из предложенных вариантов нам нужен "По URL". И вставляем туда скопированный нами ранее URL.

Можно конечно добавлять изображения и с компьютера или из альбомов Гугл+, если нужные картинки находятся там.

3. Так в сообщении у нас появляется нужная картинка. Теперь нам надо сделать её кликабельной. На самом деле он уже кликабельна, но ведёт ссылка не туда.

Кому интересно - она ведёт на файлообменник, где хранится оригинал картинки, и таким образом при нажатии на картинку позволяет ей красиво открываться в Лайтбоксе (на чёрном полупрозрачном фоне с миниатюрами других картинок внизу экрана). Вот.

Нам в данном случае это ненужно, поэтому убиваем эту ссылку и вставляем свою. Очень просто! Жмём на картинку - подсвечивается слово "Ссылка". Жмём на него и всё! Старая ссылка удалена.

Теперь снова жмём на картинку и видим, что слово "Ссылка" уже не подсвечивается, а при наведении курсора на него предлагаются варианты "Добавить или удалить ссылку". Ну удалять нам уже нечего, так что добавляем!

4. Заходим на тот ресурс, куда нам нужно будет совершать переход, копируем адрес из адресной строки и вставляем его в открывшееся окошко для добавления ссылки.

И тут обратите внимание на фразы "Открывать в новом окне" и "Добавить атрибут rel=nofollow".

С первым всё ясно и он нам как раз нужен, чтобы люди при переходе по ссылке не уходили безвозвратно с нашего блога.

Вторая фраза подразумевает, что поисковики не будут учитывать этот ресурс при анализе нашего блога. По большому счёту это важно, если только мы ссылаемся на какой-то подозрительный сайт или сайт не по нашей теме, где люди вряд ли задержатся после перехода туда. Короче, тут галку можно ставить - можно не ставить. Ни на что это особо не влияет.

5. А теперь начинается самое страшное :) Переходим в режим редактирования сообщения "HTML". Заходим и видим, что страшного-то ничего и нет! Просто стираем для удобства дальнейшего редактирования картинки информацию о её ширине и высоте, как показано на первом скрине. А затем меняем ширину на нужную, как показано на втором. У меня например было 1600, поменяла на 260. Точнее это будет либо ширина, либо высота изображения в зависимости от того, какая сторона длиннее.

6. Теперь выделяем текст полностью ил как показано у меня и копируем.

7. Заходим в дизайн. Там жмём "Добавить гаджет". Из списка выбираем "HTML/JavaScript".

8. В названии пишем что нам нужно или вообще ничего не пишем - данный гаджет это позволяет. И вставляем в "Содержание" наш код.

Ну вот собственно и всё! Редактировать размер картинки можно в любой момент, изменяя всю ту же цифру после буквы "S".

Можно точно также, как описано выше, в режиме редактирования сообщения расположить две, три и более картинок с разными ссылками и вставить их в блог всем скопом в один гаджет.

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

Ну и последняя фишечка. Кто ещё не знает горячие клавиши?
CTRL+C - копировать
CTRL+V - вставить

Всем красивых баннеров!

Ваша Katrin Black