К основному контенту

Аватар анонимных комментаторов

В комментариях на платформе Blogger (Blogspot), имеющих линейный формат публикации, для аватара пользователя выделено отдельное место. Но увы, в большинстве случаев это пространство пустует, так как читатели, комментирующие ваши статьи, зачастую подписывают свои комментарии при помощи аккаунтов, не имеющих аватара, или же, вообще, пишут анонимно.

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

Для начала, я думаю, вам стоит ознакомиться с тем, что именно я вам предлагаю. Перед вами картинка, наглядно иллюстрирующая то, что вы имеете сейчас, и то, что получите в результате небольшой модификации шаблона:


Если вам понравилось, и вы решились на доработку своего шаблона, то откройте редактор шаблона (Дизайн->Изменить HTML) и под строкой "/* Comments" и вставьте следующий код:
01
02
03
04
05
06
07
08
09
10
11
12
/* Comments
----------------------------------------------- */
.avatar-image-container {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiveOLJ8H5vBUZ9XRnDNNIkhcY7-VKAxyteHyot0x0cn_CHrXD8PqjkLp5IQXVkWarC5avhEOs2OyEwHpPn5E_6gBbal1265WoCPIH8EOVvQ5ZGcaTaXGj_p14-ZZVi__e0cBSq1aY-q08/") no-repeat;
  border: none !important;
}
 
#comments-block .avatar-image-container.avatar-stock img {
  padding: 23px 25px 0 0;
  width: 12px;
  height: 12px;
}
Разумеется, картинку-заглушку в четвертой строке вы можете заменить на свою. Только не забудьте вписаться в размер 35х35 пикселей.

Комментарии

  1. สล็อต PGSLOTแตกง่าย เล่นง่ายได้เงินจริงผู้ให้บริการเกมสล็อต pg slot ออนไลน์บนโทรศัพท์เคลื่อนที่ที่มีเกมนานาประการให้เลือก เป็นเกมรูปแบบใหม่ที่ทำเงินให้ผู้เล่นได้เงินจริง 

    ОтветитьУдалить
  2. สูตรการเล่น pg slot ฝาก ท่านต้องมีบัญชีสมาชิกกับเว็บไซต์ PG SLOT และต้องเข้าสู่ระบบด้วยชื่อผู้ใช้งานและรหัสผ่านของท่าน พีจีสล็อตอีกทั้งยังต้องตรวจสอบ

    ОтветитьУдалить

Отправить комментарий

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

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

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж

Открыть несколько ссылок одним кликом мыши

Многие из Вас наверняка встречали сайты, на которых нажав на одну ссылку открывается сразу несколько сайтов. Так делают те кто хочет прорекламировать независимый интернет ресурс, в таком случае открывается ссылка по которой вы должны перейти и еще одна, так-же это делают для увеличения просмотров определенных страниц на сайте, либо если действительно необходимо открыть сразу две ссылки. Для обычного блоггера это может быть полезным так как заинтересовав человека одной ссылкой Вы как бы повышаете популярность Вашего ресурса, так как он посетит вместо одной страницы в Вашем блоге сразу несколько. Чтобы вставить такую ссылку необходимо к тексту добавить следующий код: <a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(&quot;&quot;http://www.ссылка2.com&quot;&quot;);window.open(&quot;&quot;http://www.ссылка3.com&quot;&quot;);">Click Here Link Bucket</a>   Вставьте свои ссылки, увеличьт