Безплатен блог на платформата Blogger (blogspot). Създаване, водене, персонализиране, дизайн, притурки в примери. Препоръки и съвети за начинаещи и напреднали блогъри.

Търсене

Breaking

Изображение пред заглавието на публикация

Изображение пред заглавието
Как да поставим изображение пред заглавието на публикацията си и трудно ли е това?
Днес ние говорим за една малка козметична украса на вашия блог в платформата Blogspot на Blogger. Малко изображение пред заглавието на всяка публикацията е безспорно един елемент от изключителния дизайн на блога.
Той ще създаде положително впечатление сред читателите и посетителите на блога ви. Можете да го видите тук. Изображението пред заглавията на публикациите ми са само на главната страница.
Този ефект се постига с помощта на малък код, който ще инсталираме по най-лесния и най-познатия ни начин.

Кодът е:

<style>.post h3 {
background:url(
######)no-repeat top
left;margin: 0px;
padding: 40px 0px 0px 80px;
line-height:1.1em;
}</style>


Инсталирането е лесно:

админ панел ➔ Оформление ➔ Добавяне на притурка ➔ Избираме притурката HTML/JavaScript

Но ще се наложи да направите настройки, защото размерите на заглавията на всички са различни, маркерите за тях в кода на темата-също.


Внимание !
padding: 40px 0px 0px 80px; е променлива величина:
40px по вертикала, 80px; по хоризонтала.
Там където е оцветено в  червено, сложете URL на вашето изображение.

.post h3 сменете с .post h2, ако заглавията на публикациите ви в кода на темата са маркирани с h2


Успех на всички и приятно експериментиране!

Желая да имате чудесен дизайн!

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:

BGtop

Няма коментари:

Публикуване на коментар