Все материалы данного блога являются частной собственностью. Любое использование текстов и иллюстраций блога возможно только с личного разрешения автора, упоминании авторства и прямой ссылки на блог http://gromiki.blogspot.com/. Спасибо за понимание

суббота, 1 сентября 2012 г.

Blogger-шпаргалка

Таблица в блоггер
1. Для этого создадим сообщение и написав текст, остановимся в нужном нам месте и переключимся в режим HTML.
2. В режиме HTML вставляем код таблицы.

<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец2</td>
<td>столбец3</td>
</tr>
</tbody>
</table>

теги столбцов помещены внутри тегов строк, видите?

3. Возвращаемся в режим Создать.
Все страшные коды исчезли, остались только три слова в один ряд:


столбец1столбец2столбец3

4. Вставим первую картинку. Для поставим курсор перед словом "столбец 1" и обычным способом нажмем на вставку картинки.


При написания комментария, вы можете выделять текст жирным, для этого используем теги
<b>ТЕКСТ</b>
И можете давать активную ссылку на свой блог (страницу и т.п), для этого используем теги
<a href=адрес блога>ИМЯ БЛОГА</a>



Как сделать в blogger кликабельное фото или фото-ссылку
режим  HTML
Находим код картинки. Например код титульной картинки выглядит так:
<a href="http://2.bp.blogspot.com/-93yYwd2WowI/UFmg8z4-CxI/AAAAAAAAD60/s9xVzY0B_dc/s1600/IMG_2810.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="http://2.bp.blogspot.com/-93yYwd2WowI/UFmg8z4-CxI/AAAAAAAAD60/s9xVzY0B_dc/s320/IMG_2810.jpg" width="320" /></a>

То, что выделено красным - это и есть адрес ссылки.

Меняем его на нужный нам.
Если мы хотим, чтобы ссылка открывалась в другой вкладке, можем сразу же после кавычек кода добавить вот этот код: target="_blank", тогда при нажатии на фото, нужная нам страничка откроется в новой вкладке.

Теперь полностью мой код картинки выглядит так:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://dushechki.blogspot.com/2012/09/blog-post_9171.html" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="http://2.bp.blogspot.com/-93yYwd2WowI/UFmg8z4-CxI/AAAAAAAAD60/s9xVzY0B_dc/s200/IMG_2810.jpg" width="200" /></a></div>



Мой HTML код для вставки кнопки "мне нравится" ВК отсюда
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vk.com/js/api/share.js?86" charset="windows-1251"></script>

<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Мне нравится"}));
--></script>

Как добавить Mister Linky

Как сделать конкурс с картинками через InLinkz

Сервис коротких ссылок: http://goo.gl/

Как установить кнопку Pinterest на фото в Blogger


Спасибо за информацию Гришиной Елене и Маше матрешке



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

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

Оставить комментарий может каждый, даже не зарегистрированный в blogger. Пишите. Я очень рада всем вашим словам.

LinkWithin

Related Posts Plugin for WordPress, Blogger...