Друзья, приветствую вас на блоге bloguspeh.ru. В сегодняшней статье, я хочу показать вам как сделать фон в форме комментариев на Blogspot. Это на тот случай, если вы вдруг захотели привнести на свой блог частичку индивидуальности, так сказать изюминку, которая будет выделять ваш блог среди множества других. Как эта форма комментирования будет выглядеть после нашей реставрации, вы можете посмотреть на моём Демо блоге.
Конечно же, фон вы можете поставить себе какой угодно, в зависимости от дизайна и оформления вашего блога. Как это делается, я покажу чуть ниже. И так, давайте приступим к делу.
И так стандартно заходим:
1) Панель управления => Дизайн => Изменить HTML
2) Как всегда, резервное копирование шаблона
3) Ставим галочку "Расширить шаблоны виджета"
4) Ищем этот код: ]]>
5) И сверху, над ним вставляем код, который вы видите ниже:
Теперь, при необходимости, замените эту ссылку на изображение https://img0.liveinternet.ru/images/attach/b/3/21/312/21312697_2e1d79254091.jpg на свою, под цветовое оформление и тему вашего блога, в общем, на своё усмотрение. Кстати, фон вы можете посмотреть на этом бесплатном ресурсе: www.backgroundlabs.com, возможно что-то подходящее для себя подберёте.
И так стандартно заходим:
1) Панель управления => Дизайн => Изменить HTML
2) Как всегда, резервное копирование шаблона
3) Ставим галочку "Расширить шаблоны виджета"
4) Ищем этот код: ]]>
5) И сверху, над ним вставляем код, который вы видите ниже:
#bd-cbox iframe{
background:#ffffff url(https://img0.liveinternet.ru/images/attach/b/3/21/312/21312697_2e1d79254091.jpg) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#ffffff;
width:560px; height:213px !important;
}
#bd-cbox a{
color:#ffffff;
}
background:#ffffff url(https://img0.liveinternet.ru/images/attach/b/3/21/312/21312697_2e1d79254091.jpg) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#ffffff;
width:560px; height:213px !important;
}
#bd-cbox a{
color:#ffffff;
}
Так же можете заменить цвет текста "Подпись комментария" #ffffff на свой, опять-таки под ваш фон формы комментариев. Цвет вы можете подобрать на специальном генераторе цветовых кодов.
6) Идём дальше, и находим этот код:
|
Хотите получать свежие статьи? |
|
Твиты пользователя @olymp63 
Важно! В коде шаблона их может быть два, заменяете оба.
7) Заменяем его на этот: