Добавить стиль, html вставка кода в блог

Автор Damir-Tote. Опубликовано в Блог, Все о Блогспот

Привет всем, сегодня хочу Вам рассказать о том, как добавить стиль, для html вставки кода в блог и при этом он выделялся из общего плана статьи. Чтобы элемент был красивее и Ваш блог в плане юзабилити стал еще краше.
 
Сегодня вы узнаете, как сделать ваш код, стал выглядеть лучше и сделать это профессионально и использовать в дальнейшем постоянно.
 
Я покажу вам, как с помощью стиля, можно изменить вид коробки и куда разместить код в блоге на Блогспот.
 
Давайте по порядку из того, что у меня есть, и что вы можете применить после изучения данного материала сразу же.
Шаг 1.  Добавить стиль в ваш шаблон.
На этом этапе первым, что нужно сделать, это выбрать одно из следующих четырех стилей для будущего кода коробки. После того как вы выбрали себе подходящее, то скопируйте ее код и дочитайте до конца статью куда ее вставить.
 
            1 Стиль.
.code {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://4.bp.blogspot.com/-v6-mSuxQo00/T190jesRt7I/AAAAAAAABso/jfoTxSVrEAY/s1600/1.png) no-repeat right bottom;
border : 2px solid #eeeeee;
color : #7D7D7D;
}
          2 Стиль.
.code{
margin : 15px 15px 15px 15px;
padding : 40px 10px 10px 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://4.bp.blogspot.com/-r0bPX3yqPFk/T193o7vDTFI/AAAAAAAABtA/k8l0285EtRE/s1600/2.png) no-repeat left top;
border : 3px solid #eeeeee;
color : #7D7D7D;
}

 

            3 Стиль.
.code {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #F9F9F9 url(http://1.bp.blogspot.com/-kqK2IiZlfuI/T194W7xgKMI/AAAAAAAABtM/8uMbKT5LkTA/s1600/3.png) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, «Times New Roman», Times, serif;
color : #000;
border-bottom : 5px solid #BFBFBF;
}
            4 Стиль.
.code {
margin : 10px;
padding: 0px 25px 5px 20px;
background : #fff url(http://3.bp.blogspot.com/-wz68ozGyBFQ/T195RB9pGRI/AAAAAAAABtY/CMDgbCR1dRc/s1600/4.png) no-repeat top left;
font: 0.9em Helvetica, verdana, Georgia, «Times New Roman», Times, serif;
color : #767675;
border: 1px solid #767675;
}
            После того как вы найдете свой любимый стиль, то скопируйте его код и зайдите в свой аккаунт Blogger.  Перейдите к панели >> Дизайн >> Изменить HTML и найдите представленный ниже код, затем добавьте выбранный стиль перед ним.
     

      ]]></b:skin>
            Сохраняем шаблон.
 
            Шаг 2. Настройка кода окна стиля.
 
            Чтобы настроить ваш блок, то опять нужно вернуться к нашим стилям. Тогда, если вы заметили, что поле код имеет три значения красного, зеленого и синего цвета, вы можете изменить это значение на ваш любимый цвет генерации кода с помощью любых цветовых гамм.
 
            Шаг 3.  Как добавить код в стиль блога.
 
            Есть не большая трудность, в том, что вы не сможете просто вставить сгенерированный код непосредственно в ваше сообщение, вы должны положить его между следующими тегами.
 
  Свой код добавлять в это поле.
 
<div>
  Свой код добавлять в это поле.
</div>
 
            Я надеюсь, вы все поняли, как это работает. Как вы можете уже наблюдать, я выбрал 4 стиль. Рекомендую Вам посетить сайт по раскрутке сайтов Serenity, отличная возможность, чтобы продавать свои услуги и продукты более эффективно и помогут в этом именно профессионалы.
 
С уважением, damir-tote.

Трекбэк с Вашего сайта.

.