Как поставить смайлики в блог

Сегодня расскажу, как поставить смайлики на блог.

Здравствуйте друзья моего сайта "Успех в Интернет!"

Эта статья для тех, кто увлекается блогами на платформе Blogspot. Дело в том, что многие создали видео блоги, которые я дала в Интернете, но они отличаются от обычных тем, что у этих блогов шаблон и встройка постов совершенно разная. Можете посмотреть здесь

Эти смайлики подойдут и на простые блоги, попробуйте поставить, но на этот шаблон, мне пришлось попотеть почти неделю. Трудилась не напрасно, справилась. Проблема в том, что они у меня не реагировали из - за скриптов, которые у меня уже множество стояли, пришлось искать причину и нашла.

Очень мне хотелось поставить к себе на блог, согласитесь, приятно выразить свои эмоции смайликами.

Вам советую, перед вставкой скрипта создать резервную копию шаблона.

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

blog

 

Нажимаем Enter и мы видим, подсвеченная желтым цветом искомая строчка. Чуть выше </head> добавляем библиотеку jquery (если у вас уже подключена библиотека к Blogger, тогда пропускаем этот шаг):

 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

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

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#fff;background-image:-ms-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2 100%);border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #ccc;border-right:20px solid transparent;width:0;height:0;line-height:0}</style>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Нажмите на смайлик,чтобы получить код!",
emoMessage:"Добавьте один пробел перед кодом,чтобы вставить смайлик."
})
});
//]]></script><script src='https://googledrive.com/host/0B6-apgHh7s2tZG9oR3JMNlN6RHc/blogger-comment-emoticons.js' type='text/javascript'/></b:if>

Если Вам понравилась статья, поделитесь с друзьями. Пишите получилось у Вас или нет, всегда рада комментариям.

С уважением Вероника.

Это интересно!:

9 комментария

  1. Спасибо Вероника! Попробую поставить!

  2. Спасибо большое,Вероника.Благодаря Вам я поставила смайлики на блог.

  3. Вероника

    Рада,что у Вас все получилось.

  4. Alla Bulanova

    Спасибо за смайлики !

  5. Спасибо большое , Вероника! Всё получилось!)))

  6. Спапсибо, Вероника, за урок. Пришлось помучиться немного, чтобы разобраться.

  7. Спасибо, Вероника, за урок. Пришлось помучиться немного, чтобы разобраться.

  8. Вероника, спасибо большое за урок по смайликам. Все получилось и заняло не более 5 минут. Ссылку дала на страничку, где видны вствленные смайлики.

  9. Вероника, спасибо большое за урок по смайликам. Все получилось и заняло не более 5 минут. Ссылку дала на страничку, где видны вставленные смайлики.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif