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

Търсене

Breaking

Публикация. Уголемена първа буква на текста

първа буква
Автоматично да се генерира уголемена първа буква на текста в публикацията ни в блог на платформата blogspot. Как да го постигнем? Отговорът на този въпрос ще откриете в кратката ми публикация днес.

Става дума за един простичък "трик" за декориране на публикацията. А именно, автоматично генериране на уголемена първа буква на публикацията, която можете да бъде и с различен, предпочитан от вас цвят. Такива уголемена първа буква на текста от публикация ще видите в тестовия ми блог, където освен, че е уголемена, първата буква на всяка публикация е с курсив. За да видите първата буква отворете която и да е публикация.
Ако искате да поставете кода за този ефект във вашия блог, следвайте стъпките:

✻✻✻


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




В празното тяло на избраната притурка вписваме

<style>.post-body:first-letter {
float:left;
color: #000000;
line-height:40px;
padding-top:0px;
padding-right:12px;
font-family:Georgia,Arial,times;
font-size:44px; font-weight: 700;
}
</style>


Притурката позиционираме някъде в долната част на тялото на блога. Няма значение къде. Можем да направим настройки в кода. Оцветеното в червено е цветът на първата буква. В примера е черен. Избор на цвят може да направите, като ползвате този инструмент.


✻✻✻


Ето и още един код, в който буквата е в курсив. Настройките в него са същите, като посочените по-горе.

<style>.post-body:first-letter {
float:left;
color: #000000;
line-height:40px;
padding-top:0px;
padding-right:12px;
font-family:Georgia,Arial,times;
font-size:44px; font-weight: 700;font-style: italic;
}
</style>


Това е за днес. Успех и доскоро!

P.S. Има и още един начин за постигане на подобен резултат.

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

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

BGtop


2 коментара:

  1. Милена Петкова18:17

    Благодаря за информацията. Така блогът ми се оживи. Ще ви посетя пак.

    ОтговорИзтриване