Почти всички платформи за блогове, включително Blogger, имат функцията "цитат текста". Това е полезно, когато искате да подчертаете секции от други текстове или където трябва да подчертаете информация от собствената си статия. Цитираният текст може да бъде персонализиран така, че да изглежда различно от основното тяло на статията ви и тези различия го правят изпъква.

В тази статия ще опиша как да използвам функцията "котиране на текст" в блоговете на Blogger, както и как да персонализирате нейния външен вид.

Как да цитирам текста

Избирането на текст за цитиране е сравнително лесно. В Blogger, например, можете да "цитирате текст", като го изберете и натиснете бутона "цитирам текста".

Можете също така да изберете текст, който да цитирате, като добавите "

"Маркер около текста.

Изгледът по подразбиране е просто очертание и това всъщност не му помага да го различаваме от останалата част от статията. Така че е полезно да промените вида на цитирания по подразбиране текст.

Редактиране на изгледа на цитирания текст

Редактирането на вида на цитирания текст изисква редактиране на основния HTML дизайн на вашия блог. Обясних как да редактирам това в предишната си статия в Blogger Favicons.

Първо, отворете таблото за управление на Blogger и изберете " Дизайн ".

След това в главния прозорец на Blogger изберете " Редактиране на HTML" .

Това ще отвори редактора на шаблони HTML. Тук проверете " Разгъване на шаблони за приспособления", за да сте сигурни, че всичкият HTML код за вашия блог е видим.

След това превъртете надолу и потърсете секцията, която съдържа думата " blockquote ". Всички съответни опции за цитирания текст ще бъдат между "{" и "}".

Персонализиране на изгледа на цитирания текст

Опциите, които използвам за цитирания текст в личния си блог TechComet, са както следва:

 blockquote {margin: 1em 20px; background: #dfdfdf; подложка: 8px 8px 8px 8px; стил на шрифта: курсив; }

Това създава следния ефект, когато избирам текст, за да цитирам:

Текстът е леко нарязан, той е наклонен и има мек сив фон. Тези промени наистина правят цитирания текст по-учудващ и е лесно да го различаваме от основното тяло на статията.

Има няколко различни опции, които можете да добавите към цитирания текст и ще ги обсъдим по-долу.

марж

Първо, ще искате да отложите текста си, така че да не е в същия ред като останалата част от статията ви. Можете да направите това, като настроите броя на пикселите, които маржът е от останалата част от текста. Зададох моя до 20px. Регулирайте тази стойност, както сметнете за подходящо.

 марж: 1м 20px

Цвят на фона

След това можете да промените цвета на фона, като настроите маркера " фона" . Избрах светло сив цвят. Цветовете в HTML кода се представят от шест "шестнадесети". Можете да получите списък от цветове и съответния им хекселгайт оттук.

 background: #dfdfdf

подложка

Количеството "подложка", която използвате, определя разстоянието, което цитираният текст е от ръба на кутията, създаден от цвета на фона. Колкото по-малък е броят на пикселите, толкова по-близо ще бъде текстът до края на кутията.

Първата цифра е разстоянието (в пиксели) от горната част на текстовото поле на котировката до началото на текста, втората фигура е правилното тире, третата фигура е долното тире и четвъртата фигура е лявото тире кратко, четирите фигури започват отгоре и вървят по посока на часовниковата стрелка).

 подложка: 8px 8px 8px 8px

Стил на шрифта

Можете също така да смените или курсирате цитирания текст, за да го направите да изглежда различно от останалата част от статията ви.

 стил на шрифта: italic font-style: bold

Граници

Не съм избрал да добавяте граница към цитирания текст, но ако желаете, можете да го направите, като използвате маркера " border" . Трябва да изберете дебелината, стила и цвета на вашата граница.

 граница: 2px solid #dfdfdf border: 2px dotted #dfdfdf

заключение

В повечето съвременни блогове често има секции, които се цитират от други сайтове и блогове. За да направите своя блог отличителен и да добавите "професионално" докосване към него, бих препоръчал да прекарате известно време и да персонализирате вида на цитирания текст.

Кажете ни как се цитира текстът във вашите статии!