Как в посте блога записать HTML-код в виде текста. Многие сталкиваются с проблемой, когда в посте блога надо написать HTML-код в виде текста. Чтобы, например, дать своим читателям код для баннера, или какой то рамочки. Но вместо этого редактор преобразует этот код в сам баннер или рамку. Так что же делать, чтобы код остался в тексте сообщения виден как HTML?
Напишу несколько вариантов, как это сделать.

1. Код банера можно поставить вот в такое окошечко


Вот код этого окошечка, уже преобразованный в текст, который можно сразу копировать.

<input type='text' size='35' value='КОД БАННЕРА'>

где:
size='35' - ширина окошка в пикселях (можно менять значение, если хотите что б окошечко было большего размера.)

Если вы заметили, кавычки в коде одинарные. Это для предотвращения путаницы с кавычками. Если вам нужно вставить код также с одинарными кавычками, то в коде самого окошка нужно поменять кавычки на двойные!!!

2. Но иногда требуется вставить коды большой рамочки, или целого поста. Такое окошечко уже не очень удобно, так как может произойти путаница с кавычками, если где то встретятся одинарные, то вы и вовсе не сможете вставить правильный код в такое окошечко.
Для такого случая используйте ВОТ ЭТИ ТЕГИ.

<textarea> </textarea>

Где <textarea> - это ОТКРЫВАЮЩИЙ ТЕГ, и ставится вначале кода
</textarea> - ЗАКРЫВАЮЩИЙ, который ставится в конце кода. С этими тегами КОД, например простой рамки будет выглядеть ВОТ ТАК.

<table border="0" background="//img-fotki.yandex.ru/get/4133/65387414.1b/0_bfb90_ffd56c2f_L.jpg" cellpadding="3" cellspacing="3" width="200%"><tr><td><table border="2" background="//s46.radikal.ru/i112/0903/e4/ab6d822ce591.jpg" cellpadding="16" cellspacing="16" width="100%"><tr><td><text face="Wingdings"><text size="1"><i></i><font><table border="0" background="//s48.radikal.ru/i120/0903/be/52a852f99421.gif" cellpadding="3" cellspacing="3" width="200%"><tr><td><table border="0" background="//img-fotki.yandex.ru/get/4134/65387414.2c/0_c01d5_64c929ec_L.jpg" cellpadding="2" cellspacing="2" width="100%"><tr><td><br /><center><a target="_blank" data-cke-saved-href="" href=""><img data-cke-saved-src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" /></a></center><center></center><text face="Comic Sans MS"><text size="5">Здесь будет Ваш текст или картинка! </text></text><center><a target="_blank" data-cke-saved-href="" href=""><img data-cke-saved-src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" /></a></center></td></tr></table></td></tr></table></font></text></text><br /></td></tr></table></td></tr></table>