Blogger оптимизация шаблона

Sunday, April 7, 2013

Красивое оформление заголовка статей blogspot

Заработок в интернете на блогах платформы blogger

tweetn

RSS blogger 2

Красивое оформление заголовка статей Блогспот, Блоггер

Posted: 07 Apr 2013 06:56 AM PDT

Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Вот так примерно будет выглядеть оформленный заголовок:
Если вам такое украшение вам понравилось, то переходим к практической части. Сразу оговорюсь, с картинкой перед заголовком страницы это не совместимо! Или картинка или оформление!

Устанавливается украшение очень просто. В Дизайн - Добавить гаджет - HTML/JavaScript, необходимо добавить следующий код:


<style>.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihYLSJH1pbvTkUqiU9V7Spvv6ylueBVLeoSEhdtk2_9Hyxq208LZvdGY8a3p5zDXuSQ0qtKvqtAVG9NIMJeKTbUwYwvIFL3bpE4u-ZAQSq2ak774pZ04UYLQCH62Ql74a8QV7lpShrSBo/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:normal;
padding: 3px 10px 3px 80px;
color: #0274be;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
</style>
http://blogodel.com/

This posting includes an audio/video/photo media file: Download Now

Posted by Tanjah3 at 2:10 PM
Labels: , , , ,

0 comments:

Post a Comment