четверг, 31 марта 2016 г.

Шпаргалка по работе с Blogger

Доброго времени суток!

Вчера со мной произошла нелепая совершенно ситуация. Решила я поменять фон под текстом сообщений на белый, а т.к. сидеть и искать решение у меня не было времени решила настроить через "Шаблон" (мы же сами с усами). Понимаю, что нужно было делать через HTML, но я увидела, что в базовом шаблоне есть с белым фоном. Ну и применила его без всяких мыслей. И все, что я редактировала через HTML в предыдущем шаблоне, исчезло. Теперь мне придется востанавливать эти кнопочки, соответственно по новой искать статьи. Есть еще вариант восстанавливать сохраненную копию, но я уже сообщение опубликовала. И возится с этим никакого желания. Хорошо, что я пока только начинаю эксперименты над блогом. Так что я думаю, что меняться внешний вид блогодомика моего будет часто. Не пугайтесь, если увидите что-то новое - это я экспериментирую.
В итоге решила я написать для себя шпаргалки. Ведь все же мы в какой-то степени пользовались, а может и пользуемся, шпаргалками. А может это поможет не только мне, ведь сидеть и искать не всегда получается.
О баннере и размещении изображений в ряд

Как разместить «баннер»

Очень часто приходится размещать на главной странице блога разные ссылки. Многие новички вроде меня не представляют, как это делать. Вот и я решила попробовать поставить баннер о розыгрыше конфетки на одном из блогов. Очень мне помогда статья Марии Комковой. Маша, спасибо огромное! Вот что я сделала
В блог добавляем гаджет HTML/JavaScript
Название - сообщение о конфетке (например, конфетка - розыгрыш 1 апреля или Текстильная конфетка)
Содержание - HTML-код следующего содержания:
<a   href="Ссылка на сообщение с конфеткой"   />
<img   src="Ссылка на картинку-миниатюру"  height="высота картинки в пикселях"  width="ширина картинки в пикселях"  />
</a>

У Маши в примере высота 143, ширина - 190
Сохраняем и любуемся результату.
Таким образом можно делать любой баннер с картинкой.
За более подробной информацией идем к Маше по ссылке выше.
 

Как разместить рядом изображения?

Когда много картинок/изображений мне лично их захочется поставить в ряд, чтобы сообщение не было очень длинным.  Нашла я пост Елены Гришиной. Напишу также шпаргалочку для себя. А если она сразу не понятна - прошу в гости к Елене по ссылке выше.
Итак, при написании сообщения в месте, где хотим поставить изображения в режиме HTML вставляем код таблицы.

<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец2</td>
<td>столбец3</td>
</tr>
</tbody>
</table>
  
Нажимаем кнопку "Создать" и получаем три слова в один ряд:
столбец1 столбец2 столбец3
Вот эти слова меняем на изображения.


Это пока все, о чем я помню, но мои поиски продолжаются.


Комментариев нет:

Отправить комментарий