Куда вставить и направить НТМЛ.

Редактирование исходного кода НТМЛ страницы для начинающих вебмастеров доставляет не то,что массу проблем ,а заставляет вскипать мозги.Ведь поначалу разобраться в этих закорючках и кавычках,кажется чем то не реальным и не поддающимся никакой логике.Рассмотрим на примере как и куда вставлять и направлять,то что непонятно,а надо.Исходный код  HTML счётчика,рекламный код,различные виды таблиц для корректировки текста и изображения и т.д. и т.п.Начнём пожалуй с самого необходимого,что интересует посетителей,которые интересуются куда вставить исходный код НТМЛ. Это вставка рекламного кода.

Вставка рекламного кода в блог.


Для блогспот в принципе *как и куда вставлять* вопрос несколько не актуальный.Так как при настройке блога на вкладке дизайн блога,когда вы добавляли гаджеты наверняка встречали такой ( HTML/JavaScriptДобавить) это и есть место,где любой вставленный код будет уютно себя чувствовать на вашем блоге.А место для него можно выбрать по своему усмотрению: слева,справа,внизу,вверху,смотря какой дизайн вы изначально выбрали.Для разделения  пожалуй ещё можно в конце каждого вставляемого кода можно добавить <hr> . Это разделитель который придаст более рекспектабильный вид и будет разделять различные виды объявлений.

Вставка рекламного кода НТМЛ в тело страницы.


Для вставки рекламы непосредственно в само сообщение можно воспользоваться различными таблицами,которые с лёгкостью можно создавать и копировать код для переноса визуальным редактором Композер. Полностью русифицированный и лёгкий в обращении редактор позволит вам потренироваться и создавать любые варианты для наполнения страницы и размещения картинок, текста, вставки НТМЛ.

Перед вами справа сама таблица HTML 
Колонок может сколько угодно,да и строк столько сколько
вам потребуется.Справа вне тела сообщения вертикальная колонка-таблица. И так наполняя тело сообщения различными вариантами таблиц можно вставить что угодно и куда угодно не нарушая и не нагромождая общий фон.

<table style="text-align: left; width: 680px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top; width: 344px;">1<br>
</td>
<td style="vertical-align: top; width: 316px;">2<br>
</td>
</tr>
</tbody>
</table>

А вот так она будет выглядеть на странице.

1Ваш текст

2 Ваш код


Для того чтобы вставить код необходимо либо переключаться во время редактирования между вкладками *визуальный редактор* и *нтмл* либо сразу же в параметрах поставить галочку интерпретировать введённый код нтмл,тогда при переключении между вкладками ваш код самостоятельно встанет на своё место.Но как по мне лучше отметить место куда вы хотите вставить код различными заметными символами(например- 555555555) и уже на его место просто добавить код предварительно удалив цифры и редактировать в нтмл.Так как каждый раз переключаясь и находя свою метку вы будете визуально получать информацию о странице,как она смотрится изнутри и научитесь разбираться во всём самостоятельно.

Хотя я не всегда,если вы обратите внимание, пользуюсь таким вариантом таблиц.Линии,которые обрамляют таблицу портят внешний вид.У меня несколько видоизменён формат блога и все страницы состоят из таблиц,правда не всегда их видно для этого просто в процессе создания таблицы убирается переменная толщины рамки и как таковой таблицы и не видать в сообщении.

Это рабочий код таблицы и можно использовать для своих целей скопировав и вставив себе на блог.Переменная ширины таблицы выделена красным и её можно регулировать внося в неё поправки в соответствии со своим шаблоном. Цифры 1.2. это место куда вставлять текст,фото или рекламу
<table style="text-align: left; width: 680px;" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;">1<br>
</td>
<td style="vertical-align: top;">2<br>
</td>
</tr>
</tbody>
</table>

Смотреть ещё

Слайдер- ротатор для блогаРотатор для баннеровЭффекты для фото на CSS.Как добавить форум на блогОформление блоков для кода