Осваиваем Blogger

На этой страничке хотела с вами поделиться информацией,которая может пригодиться в управлении блогом.
В большей степени, для себя хочу собрать все в одном месте, чтоб постоянно не искать как это делается.
Может кому-то будет полезно и интересно. А для кого-то совсем не ново.
Сама недавно только с этим всем начала разбираться. Буду рада любым поправкам и советам.
Первое с чем столкнулась при написании этого сообщения - это то что просто так HTML-код в тексте не написать, он сразу же начинает выполнять свою функцию и в опубликованном сообщение отображается не как код, а как то что мы хотели этим кодом добавить.

Для того чтоб написать в посте HTML-код в виде текста надо перевести специальные символы кода в их текстовые обозначения. Заменить все правые угловые скобочки < на &lt;, левые угловые скобочки > на &gt;

Вот небольшая табличка с элементами замены:
Спецсимвол Вид в браузере
&lt;
<
&gt;
>
&amp;
&
&quot;
"


окошечко для вставки кода:

делается так:
 <textarea rows="2" cols="60"> ВАШ КОД </textarea>
где cols - ширина окошка в px, а rows - число строк в окне.

Цитата в рамку:

<fieldset>Самая простая рамка</fieldset>


Добавление активной ссылки в комментарий:
 <a href="ссылка">текст</a>

Добавление таблицы в сообщение:
Код копируем и вставляем в нужное нам место в режиме HTML.
<table border="1">
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец 2</td>
</tr>
<tr>
<td>столбец 1</td>
<td>столбец 2</td>
</tr>
</tbody>
</table>
получается вот так:
столбец 1 столбец 2
столбец 1 столбец 2
Здесь
<table>- вставка таблицы
<tr>/ </tr>- начало/конец строки
<td>/ </td>- начало-конец столбца
Количество столбцов и строк можно задавать по желанию.

Кнопка Вверх/В начало:
Самый простой способ с готовой кнопкой, которая не исчезает. Но картинку можно заменить на свою, поменяв адрес изображения.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Поехали на Верх"> <img border="0" alt="Back to TOP" src = "http://3.bp.blogspot.com/-b30SvBjgj74/UDdnnlPQBhI/AAAAAAAACZs/85kZ7l1Mpiw/s1600/cooltext748576156.png"/></a>
Устанавливаем как гаджет: "Дизайн" -- "Добавить гаджет" -- "HTML/JavaScript" -- код. Сохраняем. Перетягиваем в любое место, так как расположение кнопки оговорено: по 5 пикселей снизу и справа. 

Полезная информация про дополнительные страницы:

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

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

Спасибо что заходите. Ваше мнение для меня очень важно.