Разделитель статей для блоггер

воскресенье, 14 марта 2010 г.

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

1. Зайдите в настройки вашего блога, а именно Изменить HTML. На всякий случай сохраните резервную копию вашего шаблона нажав Загрузить весь шаблон. Далее найдите в теле шаблона следующий скрипт (используя комбинацию ctrl+f):

.post
после него должно идти похожее содержание:
.post {
margin: 0 0 40px 0;
width: 90%
}
Этот css код задает параметры ваших статей. Что бы добавить разделитель необходимо добавить в него следующий код:

background: url(Адрес вашей картинки разделителя);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
2. В скобках необходимо указать адрес к картинке которую вы хотите видеть разделителем.
3.Если картинка разделителя залазит на последнюю строчку вашей статьи то необходимо увеличить последнее значение (2.5) например на 3.5 и тд.
4. Конечный вид кода должен выглядеть примерно так:
.post{
margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}
Бесплатные разделители статей:
разделитель статей
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXu5vyEDmD9U3EQL53v9YhCetubiX3tKiH6OALXxRwsiE8AOn_i6q-JB_QWlSejt52yph-W5OJTwCehsdwZNZ6eqU0eLHfxTfGrWusxWMl8Eqt08Xix_Be4U6ehzS06puZYTFLYOUl_sHU/s1600/barsnake.gif
bar48
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS6P1dC1iG4eXcznTeW9UU0aCZx4Zsiab7m-KjIx6Y-xPRSumdvsdJGGYzju_cU_ZWe5f4JJd_FrTfzOGG2-7zA7m4sJf7tI3abHr7UYa_94ccs-DoH0Oj_ckYn9s3oQTu9antSFzp3Mq5/s1600/bar48.gif
bar47
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcFDNthpUcVxCDrKLz8YCLDXwXwVF_apu5z1QnZfL8Q7aqnCIBpqBNfywGqrpC_Lk2RQCjDmor6vIwutEUHuzBkktcWSvkZfMkRyxeKFs1_o-bOWzxbOg_ZuM-i_84d07wVjw4elXRTSV0/s1600/bar47.gif
astarl7s
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6LhKF4jQRYEyzUW32QewFmKEA9ZGQnxlazQHKGjNBtp2-pUWlbqxlo2q-mb7I1fd-7eP3GgFejNhzS1zIId2k46bW0c65qp77IIZmKlQkAsEJVPu54vMnHIREpasuTrG2IPA-Ehza35My/s1600/astarl7s.gif
dividers_129
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrAqbpcwOMxOiJjlj5selwgaIYVTKpuujlLpu_jkwz1TNhXB-_P6kxNbNWtb-k8H-3WEArK3AQvURsiWp_aa5Pyx8spxDggk2G_Iyp5AVWcUKAReU82oM_StET04y6DtOMPMddSVTuZHKs/s1600/dividers_129.gif
dividers_96
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqN_g3etDxcmxNX-dCsmcuPl-4HfOV4tJCARK9YA9jtTBaNTI9MlORczl8zvNClKM1EqsgTNjyccKhAKNOG44XoVh8Iu7JC_IdZGb3c-3cNOSuTFuOoXMZA0SHXr5TR1pr9jI4mVVbEuJA/s1600/dividers_96.gif
chain
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVU0tyGAg8algWF0NkfOTJk6bVjLAXfiMqlJwao3fctlCoVv6p7cqdNJWW_rKX8oKgcsA7e8i8bILrXW02U8iTF5XWSgUiS5vnblMA8yw1xds255SUHPNhJpbCoUjvHrX-_8P-_LK1KqHi/s1600/chain.gif
bloodrose
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHFTIbI7J4bNkPvR1Aji1SjAJz5jCa6rORptdlA0zGCksObQaA33p2DP_KeyuEEYmaEbHDqvwlGuR2UYKhDjg3VhxIt_1FB7mCHIZtpK4cZ9Emmp7qxUTNfIQrFIXcrfEgrHB5FfXT9Jb_/s1600/bloodrose.gif
stonebar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivQgzktZczveiD1mjupRxC8tV8uXKqdrNPJMPX-yw4IxujBTUBRlUKcf6B5IQmY2D36ZQ-0j8tr-5WcZPbSecXcFJACu7m5r1SgsbofkrBdf6XygFwnnIin_WSu5TPple3sHRbm-pfQ6rS/s1600/stonebar.gif
resfiles_sdfp
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEq82YXBzNDfoFq24b1fUvwssMZSNb4qTuONT-vy2YgYBhv4SwDltqKrP4eH1_vH3uHo5gffChOEr34Ijm98yJ_PdRzXEBK_ncGL8ip3abBqvd1eiqRDKDxLdo6ZnRJK3O-J70bE66Vao2/s1600/resfiles_sdfp.gif
resfileszcp
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBIqDkhydWNcP-reMgeoGFVC4MkNNA3ROSDPdO7bmao6et1yJk1hlcOkSkttOUcZlKWajTEdOmhHDxqgSHI9ZQiJ1RbsSWief-dNILGSXXNqDBg7N3xji3U2bYT3Aaf-LjOXc_w969ehWZ/s1600/resfileszcp.gif
resfiles_output.php
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDAZeoW-hqi4GOPJJg3P4BRStQYsL230lIpp2DFpVPIS3lipg55GXAcVJTxDZ507Z-M4fONcOwN4IR46FcZUz676rjlDuSKZUIpf6Cg6p36OBktxIUCW7RB9YnFI78XcEJoQxZ2RNAb96W/s1600/resfiles_output.php.gif
pumpkin-border-hth
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYwyvtGtiapMqCVpMQRn3IYJPZn3VIkQaDfgezNhabVPoJOjJYY9rvIFwARkBqFfERom6IUXeg_IufJdMFG9flMNQXn48KtKVe00vsQXYxTjN-ixfnzge_rkOa2R0YfmU3sMHd-F_cVMCv/s1600/pumpkin-border-hth.gif
irish-border4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7g2xR8y9wYvVZFZQIFvTlCsgIw2pYYcQSpzVVeqgRtHx8mBey3i38ZCwHb06RsGQxdDU8i9tB2aNWxWKJe7ttmhM34VrehyD8REuWD_1ab9M_nRcPmp2AEDdjGvqxJORNAILFE7xy4aiI/s1600/irish-border4.gif
irish-border1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWyNqwiSKOuVV3nY_oZyqUACo5NPIn9rWvyUib4QAcuQEPm0gG8Q9fGX5ROh_PVq-1ZL_5m4UQzu-4ht4-gSCKEChYR43PDO4qBiHqrkKB0wXOb9i9ycwfMWdW0B29lXYx3pJRQcVAFD1K/s1600/irish-border1.gif
flowerbar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6vhemldmaYbY-yNIjJLb2yoS8OWRLMJW7BTDvx_8DvMIPRYfPGOmnvPXlFbIg5ny1U6nsrZNq_VtRz1FLdtNJpD9orn7mzlEgXlymiWzpPjTUX4VImZ8BmPciiQfNltBpKbzST1FVQ5KW/s1600/flowerbar.gif
Надеюсь разделители статей придутся вам по вкусу. Хочу напомнить, что каждый из вас может сделать свой разделитель с помощью программы paint.net, о которой я писал в статьей “Уникальная шапка шаблона для блоггер” , там же ее можно и скачать.
Если не хотите делать свои разделители можете посетить следующие сайты:
 leehansen.com
clipartandcrafts.com

Похожие статьи

1 комментариев:

MarSem комментирует...

Здравствуйте.У меня нет .post { , есть:
/Group description="Post Background" selector=".column-center-inner"/
/Variable name="post.background.color" description="Background Color" type="color"
default="transparent" value="transparent"//
/Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"//
//Group/
Что делать? Спасибо
P.s. >,< заменил на /

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

Оставляйте ваши комментарии

 
 
 

Читать блог на другом языке

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
 
Copyright ©Lagunof.com
Блога автора книги "Недвижимость: классическая, виртуальная, интеллектуальная" При перепечатке материалов с блога обратная ссылка обязательна
e4a11e6f00df223bf058f2795454739b