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

Здравствуйте друзья моего сайта

Эта статья для тех, кто увлекается блогами на платформе 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>

0
Рубрики: Новости

Вероника

Веб-дизайнер,коуч - помогаю обучающемуся достичь жизненной или профессиональной цели. Модератор

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

Ludmila Danilo · 15.09.2015 в 15:10

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

0

Людмила Никулина · 16.09.2015 в 02:34

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

0

Alla Bulanova · 18.09.2015 в 12:57

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

0

Фируза · 22.09.2015 в 14:41

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

0

Татьяна Каменская · 12.10.2015 в 12:55

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

0

Татьяна Каменская · 12.10.2015 в 12:56

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

0

Валентина · 12.10.2015 в 20:35

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

0

Валентина · 12.10.2015 в 20:36

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

0

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

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

https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
https://shopingf.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 
Авторизация
*
*
Регистрация
*
*
*
Пароль не введен
*

Генерация пароля