как вставить смайлики в комментарии. МК.

Привет, мои хорошие! Как ваше ничего? Я тут чуть-чуть разгребла заказы, и поэтому у меня полный позитиFF. Скоро-скоро покажу альбом для девочки.
А пока давайте займемся супер-полезной штукой))) Научимся вставлять смайлики в комментарии в блоггере.
Урок нудный, насчет полезности применения я бы поспорила , но лично меня битва с HTML-кодами порадовала.
Если не испугались, то усаживайтесь поудобней и поехали)

1. Жмем кнопку настроить наверху,  в столбце слева жмем слово "шаблон", теперь наверху справа ищем строчку"Резервное копирование и восстановление" . Сохраняем наш блог на всякий случай.
2.Никуда не уходим, тут же , в шаблоне ищем строчку"Изменить HTML"(под окном сейчас в блоге)

3.Теперь очень внимательно читаем открывшуюся абра-кодабру и ищем строчку </head>
4. и ПЕРЕД этой строкой вставляем вот эту:

<script src='http://code.jquery.com/jquery.min.js' type='text/javascript'/>




5.Для линейного и иерархического формата комментариев дальнейшие действия отличаются. Так какой же формат у вас? Все просто-если есть функция ответить(как у большинства и у меня), то это иерархический формат.
Если для ввода комментариев всплывает окно, то - линейный.

Для иерархического формата.
ищем строчку </body>  и ПЕРЕД ней добавляем:

<script src='http://aboutblogger.googlecode.com/files/widget_smiles.js' type='text/javascript'/>

Для линейного формата
точно так же ищем строчку </body> и ПЕРЕД ней добавляем вот такую строчку:

<script src='http://aboutblogger.googlecode.com/files/widget_smiles_ln.js' type='text/javascript'/>

 6.  Сохраняемся .Все,  смайлы работают. А работают они по принципу преобразования знаков в картинку . Так что во что преобразовывать, спросите вы?
Можно, конечно, заучить вот эту табличку, а можно повесить у себя напоминалку, как я и сделала.

Поэтому пункт 7, как повесить напоминалку)
Для иерархического формата.
Снова идем (или не уходим) из редактора шаблонов, так же жмем изменить HTML  и ставим галочку "Расширить шаблоны виджета".
Ищем вот эту строку:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>Она будет  встречаться 4 раза. Нам нужна вторая и четвертая.
ПОД каждую из них вставляем(т.е 2 раза всего):

<span onMouseOut='document.getElementById("popup").style.visibility = "hidden"' onMouseOver='document.getElementById("popup").style.visibility = "visible"' style='cursor: help; color: #138FD8;'>Тэги, допустимые в комментариях</span>

<div id='popup' style='visibility:hidden; position:absolute; margin-top:-205px; *margin-top:-187px; *margin-left:-16px; *left:0;'><img height='186' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLyqyTJ_FjCq3hv-MkFGaUHeVDitOYWkXToFB9KbtPlNveofqdwpqMVgElCu_qG4j6VbeuVQGw_xyWhWqRep-MlOSmH0k_-o1A4UszTIbfp1Hp-QgIULyCTzORqsLHc0zfU-utjpj_Mvk/s585/tags.png' width='585'/></div>







Теперь ищем строчку /* Comments ,
Выглядит это так:

/* Comments

----------------------------------------------- */

и ПОД нее вставляем:

@media all and (-webkit-min-device-pixel-ratio:10000),

not all and (-webkit-min-device-pixel-ratio:0) {

#popup { margin-top: -218px !Important; }

}

Сохранямся и радуемся)

Для Линейного формата:

Ищем строчку <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Она будет встречаться два раза. Под вторую вставляем вот эту строку:

<img border="0"  height="60" width="415" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-EOYMa3yax0Dca_RWVa0YN118_4aUz1AXAsBTAdzIz5Z3jA8oqS3CjX26ZXNrxYRgPpJpC-fB_uG5-Sk0Uw-o1jqVqlC266Yez5Iw32D7sR4_ef49VDb9_drsB0vNHgB8-_xESJRrwuk/" title="Добавляем смайлики в сообщение" />

Все)
Как вы понимаете, я не сама до этого додумалась, поэтому за все почерпнутые знания спасибо товариСЧам программистам и в частности много полезного почерпнула у sunctorus

P.S.Кто будет кидать тапками с криками"Блоггер не Одноклассники!!!!", прошу кидаться строго 43им размером, у меня мужик пообносился)