Всем, доброго времени суток. Приветственное диалоговое окно для знакомства с пользователем, вроде как и абсолютно бесполезная вещь, но попробовать можно. Маленькая прикольная фишка. Установить скрипт можно на странице "О блоге" или "Об авторе". После того, как посетитель введёт своё имя перед ним откроется страница с её полным содержанием.

<script>
var nameData = null;nameData = prompt ("Привет! Как же я рада что Вы заглянули ко мне. Меня зовут Виктория. А как Ваше имя ?", "" );
</script>
<script>
document.write ("<center><font size=8 color=red>Добро пожаловать,"+nameData+"!</font></center>");
</script>

Чтобы проверить скрипт в работе, скопируйте его и установите в этом редакторе. Естественно, приветственную речь можно поменять на свою. Смотря для какой страницы он будет предназначен.

font size=8 color=red это размер шрифта и цвет приветствия после того, как пользователь попадёт на страницу. На ваше усмотрение.

Устанавливайте скрипт диалогового окна в самом редакторе страницы или сообщения в режиме HTML вверху. Затем просто обычным способом наполняете страницу контентом и публикуете.

Всем добра и до встречи.

👇

Получайте новые сообщения с блога прямо на почту

Введите Ваш email

Подробнее...

Привет, друзья. Что уж только не вытворяли с формой окна комментариев. Меняли дизайн окна формы, располагали её выше всей ленты комментариев. Сегодня предлагаю попробовать вам изменить надпись “Отправить комментарий” или заменить её на иконку. Примерно вот так. 

Чтобы такое реализовать, необходимо внести небольшие изменения в шаблоне блога. Идём во вкладку Тема и на всякий случай делаем резервную копию.

С помощью клавиш CTRL+ F нужно найти строку

<data:postCommentMsg/>

Так как их будет несколько, нам понадобится именно код, заключённый в теги заголовка. В стандартных шаблонах это h4. Если вы их меняли может быть h2, h3. Но сути это не меняет.

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Смотрим скриншот

Вместо, выделенной синим цветом строки в коде, можно написать любой ваш текст или вставить картинку. А при желании можно и то, и другое. Как вы могли видеть на первой картинке выше. Делаем так

Для текста 

<h4 id='comment-post-message'>просто текст</h4>

Для изображения

<h4 id='comment-post-message'><img src='адрес картинки.png '/></h4>

Для того и другого 

<h4 id='comment-post-message'>Ваше мнение <img src='адрес нужной картинки.png '/></h4>

Изображения подбирайте свои. Я могу предложить небольшую подборку. Может пригодится кому. 

https://4.bp.blogspot.com/-Vne9zD9Hmts/WzNn1eLsHqI/AAAAAAAAKYY/yByVclP9acIWu0jQI7FnnPuiTIFVe1r2ACLcBGAs/s200/%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582.png

https://3.bp.blogspot.com/-VYMlaTYJqsA/WzNoTEmfH8I/AAAAAAAAKYg/EsknxJx0lpctECfK-DI_Kd84F9xkIfTggCLcBGAs/s200/%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582%2B1.png

https://3.bp.blogspot.com/-wmzeUXW3p_k/WzNoysSJS0I/AAAAAAAAKYs/TvzWw6ntAF8LMJ4u10jVvx-f-uELsXnBwCLcBGAs/s200/comment4.png

https://3.bp.blogspot.com/-4hJlmk01ulI/WzNo8lfggII/AAAAAAAAKY0/d8xD8yXoKRg02bNxqOo2dKMhSMFbPVxMACLcBGAs/s200/%25D0%25B8%25D0%25BA%25D0%25BE%25D0%25BD%2B6.png

https://3.bp.blogspot.com/-WSdMHahkp9E/WzNpOsdVsCI/AAAAAAAAKY8/SR82wVGtAakmC3uYDBC0MCLJW7IhsJS2wCLcBGAs/s200/Collaboration-80_icon-icons.com_57351.png

https://3.bp.blogspot.com/-U7yj9m9cNkA/WzNpyyqe0OI/AAAAAAAAKZE/W8QrzNeLKokGRa958s6OcnrAl0nn7wkjwCLcBGAs/s200/Create_New-80_icon-icons.com_57345.png

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

Ещё посмотрите здесь вариант оформления окна комментариев.

Спасибо вам за визит и до новых встреч. 

👇

Получайте новые сообщения с блога прямо на почту

Введите Ваш email

Подробнее...

Здравствуйте, друзья. Вариантов оформления цитат в тексте так много, что иногда трудно остановиться на выборе. У меня тоже достаточно постов на эту тему. Например, здесь  несколько вариантов их оформления. И в этом посте есть оригинальное решение как выделить цитату.

Не удержалась и предлагаю ярко оформить цитату. При наведении на блок с цитатой, исчезают кавычки, он меняет цвет и происходит лёгкий эффект подъёма. Используя свойства border-radius и box-shadow, добавим ещё тень для большего эффекта.

Посмотреть пример можно на тестовом блоге.

Демонстрация

Нам понадобится следующий код CSS

.post blockquote {border:5px solid #007FFF;font-size:120%;line-height:100%;overflow:auto;padding:10px;font-family:courier;color:#000;width:360px;position:relative;margin:0 auto 20px auto;padding:12px 80px 15px;text-align:left;border-radius:5px;box-shadow:0 0 5px 2px rgba(0,0,0,.35);cursor:default;background:#9FCFFF;border:1px solid #6F91B2;background:#9FCFFF url(http://3.bp.blogspot.com/-q1s5nbtt8gY/UbwJO4Pt0sI/AAAAAAAADiU/LGiQmD1hHjQ/s320/BS+blockquote.png) no-repeat 5% 9%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .post blockquote:hover { border:5px solid #0066B3;border-radius:15px; background:#0186ba; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .post blockquote p { margin: 0.75em 0; }

Сейчас идём во вкладку Тема и перед строкой ]]></b: skin> устанавливаем этот код.

Остаётся, при написании сообщения, в любом месте, где нужно выделить цитату, обвести текст и нажать на значок кавычки в панели редактора сообщения. Эффект появится после публикации поста.

Заменим кавычки в коде, изменим цвет фона и рамки. Зададим класс, допустим  text, и напишем простой код HTML. Так можно будет оформить любой участок текста. Скопируйте весь код и посмотрите результат в этом редакторе

Код

<style>.text{border:5px solid #007FFF;font-size:120%;line-height:100%;overflow:auto;padding:10px;font-family:courier;color:#000;width:360px;position:relative;margin:0 auto 20px auto;padding:12px 80px 15px;text-align:left;border-radius:5px;box-shadow:0 0 5px 2px rgba(0,0,0,.35);cursor:default;background:#9FCFFF;border:1px solid #6F91B2;
solid #6F91B2;background:#9FCFFF url(https://addons-media.operacdn.com/media/extensions/65/9565/4.5.5.1-rev1/icons/icon_64x64_3616449dc21a009f882ed4265f6780f6.png) no-repeat 5% 9%;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .text:hover { border:5px solid #0066B3;border-radius:15px; background:#0186ba; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .text p{ margin: 0.75em 0; }</style>

<div class="text">
Здесь будет размещён любой ваш текст и при наведении картинка изчезнет
</div>

В кодах можно поменять практически все стили и выделить ваш участок текста или цитату совсем уникально. Подбирайте нужные вам картинки или удаляйте их за ненадобностью.

Красиво оформленные цитаты всегда привлекают внимание пользователей и являются одним из элементов дизайна веб - страницы.

👇

Получайте новые сообщения с блога прямо на почту

Введите Ваш email

Подробнее...

Привет, друзья. В стандартных комментариях Блоггер, сама форма отправки комментариев расположена в самом низу. Если ваш посетитель решил прокомментировать ваше содержание ему приходится прокручивать страницу вниз, чтобы высказать своё мнение. Вот так.

Если пост содержит не совсем много комментариев, то это вполне нормально. Но когда комментариев к сообщению очень много, то некоторых раздражает такое неудобство. Иногда и отталкивает писать комментарии. Хочу вам показать, как можно расположить коробку формы создания и отправки комментариев выше - над всей лентой. Чтобы она была расположена так

Речь идёт только о форме отправки. Само содержание комментария будет внизу. Так сказать, в порядке очереди. Кому такая затея понравилась приступим к установке.

Зайдите во вкладку Тема и сделайте на всякий случай резервную копию. Сейчас с помощью клавиш Ctrl+F (читаем здесь) нужно найти вот этот участок кода.

<div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p>

Внимательно его удалить и на это место вставить следующий код

<p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div>

Сейчас там же в шаблоне ищем закрывающийся тег </body> и над ним вставим вот такой скрипт

<script src='http://code.jquery.com/jquery-latest.js'/> <script> var yob = $(".comment-replybox-thread").closest(".comment-thread").parent("div").children(".comment-thread").children(".comment-replybox-thread"); jQuery('.comment-thread ol').before(jQuery(yob)); </script>

Сохраните шаблон и посмотрите на результат.

Вот и всё. До встречи.

👇

Получайте новые сообщения с блога прямо на почту

Введите Ваш email

Подробнее...

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

Такие комментарии могут создать настоящую проблему для пользователей. И многие блоггеры начинают применять всевозможную защиту - просят вводить капчу или какой - то контрольный вопрос. Что достаточно не удобно и создаёт лишнюю головную боль для наших желанных комментаторов.

В админке блога есть опция, которая предупреждает, что комментарий будет опубликован после одобрения автора блога. Я знаю, что многие её включают. У меня был период, когда тоже пришлось воспользоваться настройкой модерации комментариев. Потому что пришлось просто защищаться от двух злостных посетителей, которые прост тупо толкали ссылки на свои блоги и страницы в комментариях к постам.

Лучший способ бороться со спамом в комментариях - полностью блокировать их на вашем блоге.

Как запретить комментировать ваш блог отдельным пользователям. 

Эксперимент буду показывать на своём собственном профиле, поскольку пока никого не собираюсь блокировать.

Чтобы запретить пользователю комментировать ваш сайт, вы должны найти его URL профиля Blogger. Нужно зайти на его страницу профиля, нажать правой кнопкой мыши по фото и в окне из предложенных вариантов выбрать - копировать адрес ссылки.

Он будет примерно такого вида.

https://plus.google.com/u/0/photos/ХХХХХХХХ /albums/profile/XXXXX?iso=false

То, что я отметила красным (здесь будет много - много цифр), которые нам нужны.

<b:if cond='data:comment.authorUrl!= &quot;https://www.blogger.com/profile/XXXXX...."' >
<script>
 $(".comment-form").replaceWith("<p style=" color: #111; text-align: center; border: 2px solid #d2d2d2; padding: 13px; font-size: 15px; ">Вам запрещено комментировать этот блог  </p>");
</script>
</b:if>

Теперь в приведенном выше коде замените  в строке https://www.blogger.com/profile/XXXXXXXXXX - на циферки из URL-адреса профиля Blogger, который вы скопировали ранее.

Имейте в виду, что мы сейчас создали запрет только одному пользователю. Если у вас есть ещё нежеланные  комментаторы, вы должны снова вставить вышеуказанный код в свой шаблон, но с другим URL- адресом профиля.

Готовый код устанавливайте в разделе тема перед закрывающимся тегом </body>.

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

Вот так, с помощью условных тегов, мы и запретили доступ к форме отправки комментариев нежеланным пользователям.

👇

Получайте новые сообщения с блога прямо на почту

Введите Ваш email

Подробнее...