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

Търсене

Breaking

Дизайн. Превъртане на притурка в страничната колона на Blogger

Превъртане на притурка
Здравейте всички! Тази публикация съдържа информация за това как да спестим място в страничните колони на блоговете си. Разполагайки в тях притурки, като вертикално меню, етикети или коментари, ние поставяме хипервръзки, водещи към информация във вътрешността на блоговете ни.



    И ни се иска те да са колкото се може повече. Понякога сме толкова пристрастени към това, че страничната ни колона става огромна във височина, заема много място, не се вписва добре в дизайна и най-важното, причинява неудобство не само за посетителя, но и самия собственик на блога. А всеки блогър се интересува и от намаляване на процента на отказите и задържането на посетителите възможно най-дълго.
    Днес ще оформим притурките в страничната колона на нашите блогове с плъзгач за превъртане. Вярвам, че това е идеалният начин за оформяне на притурките, които използваме. Тогава ще можем да въведем адресите на партньорски програми или линкове към нашите публикации в количество без ограничение. Трябва само да коригирате размера във височина и това е всичко.
    Ако се интересувате от тази информацията, да вървим нататък. Като начало ще се спрем върху:

    Лента за превъртане за една притурка.


    Код


    /* Sidebar Content */
    #PopularPosts1{
    height:250px;
    overflow:auto;

    }



    Както вече се досетихте, лентата за превъртане на една притурка ще оформим с помощта на CSS стилове.

    Как да го направим?


    Всичко, което трябва да знаем е идентификаторът на притурката.


    Как да го узнаете, прочетете в тази публикация.

    Настройки и инсталиране

    ➤Заменете моя идентификатор на притурката (маркиран в червено) със своя;

    ➤Настройте височината (маркирана в синьо);

    ➤Направете резервно копие на кода на темата;

    ➤Кликнете върху редактирате на HTML кода;

    ➤Копирайте редактирания CSS стил;

    ➤Поставете го над линията ]]> </ b: skin>;

    ➤Кликнете върху визуализация;

    Ако това, което сте направили не ви харесва, редактирайте CSS стиловете отново.
    Когато сте доволни от новата визия на притурката си, кликнете върху „Запазване на темата“;

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

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

    BGtop



    Продължение


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

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