Как вставить смайлики в форму комментариев Blogspot

Инструкция от Сергея Загуляева

Вставка смайликов в форму комментариев Blogspot


Заходим в панель инструментов Blogger. Выбираем блог, куда вы хотите установить смайлики. Затем, Шаблон - Изменить HTML. Перед нами откроется улучшенный редактор HTML шаблона blogger, где нужно найти строчку </head>. Поиск нужной строки, в новом редакторе происходит так. Первым делом нажимаем "Форматировать шаблон", затем, при сочетаний клавиш Ctrl+F, в правом углу редактора появится окошко, куда нужно вставить тег который нужно найти в шаблоне.

Нажимаем Enter и нашему взору предстаёт, подсвеченная желтым цветом искомая строчка.

Чуть выше </head> добавляем скрипт:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" type="text/javascript"></script>

Далее, не отходя от кассы, находим следующий тег </body> и чуть выше вставляем код:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Нажмите на смайлик,чтобы получить код!",
emoMessage:"Добавьте один пробел перед кодом,чтобы вставить смайлик."
})
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Нажмите на смайлик,чтобы получить код!",
emoMessage:"Добавьте один пробел перед кодом,чтобы вставить смайлик."
})
});
//]]>
</script>
</b:if>
Сохраняем шаблон.
В итоге у нас должно получится вот так:

Пробуйте, и у вас должно получиться!
Спасибо блогеру Сергею Загуляеву