Търсене в HTML кода на Blogger

Преди няколко месеца Blogger промени опциите за редактиране на HTML кода и видях, че много потребители са объркани от това. Промените уж трябва да улесняват, но всъщност затрудняват повечето хора. На практика обаче, функционалността си е налице и в тази публикация ще ви покажа как става това. За пример, ще покажа как да намерите мястото, където обикновено се добавят бутоните под публикациите.
Отивате на Шаблон- Редактиране на HTML кода и ви се отваря следния прозорец:

Ако знаете коя точно част от кода искате да редактирате, може я да изберете от падащото меню на Прескачане към приспособлението. Ние обаче търсим точно определен ред, за да добавим бутона под него. За да търсите първо кликвате в областта където е кода, за да вкарате маркера там.

Едва след това натискате CTRL и F и се показва опция за търсене в самия код.

Слагаме в полето за търсене post.body и натискаме Enter. Показва се първия ред, който съдържа търсения код.

Бутона обаче не се поставя под него. Натискаме отново Enter и се показват още две места, съдържащи търсения фрагмент.

Кода за бутона се поставя под втория от двата участъка. За някои шаблони е удачно кода да се постави още по-долу. Малко по-надолу ще намерите реда съдържащ:

<div class='post-footer-line post-footer-line-1'>

Можете да поставите кода за бутона и веднага за след този фрагмент.
Може да се окаже, че за друг фрагмент от кода, търсенето не помага. Причината може да е, че такъв фрагмент не съществува, особено ако кода е на шаблон писан преди няколко години. Все пак за да сте сигурни, разгънете ръчно кода използвайки стрелкичките вляво, които ще видите до номерата на някои редове. След това повторете търсенето.

Continue lendo >>

Скролиращи притурки

Едно от важните неща във всеки блог в Blogger са притурките. Основните се предлагат от самия Blogger, но освен тях всеки е свободен да избере и прибави и от други източници, или самостоятелно написани. Рано или късно обаче, притурките започват да се натрупват и става сложно, да се ограничат и подредят така, че да не дразнят окото.
Част от притурките могат да се намалят и фиксират, като размери, но не всички. Освен това при намаляването на размера, понякога част от информацията остава недостъпна, което също е минус.
Проблемна притурка предлагана от Blogger е архивът. Има варианти да се събира, но за мен този начин е неудобен за търсещия в него. Затова го държа разгънат, като съм му оставил място където да променя дължината си.
В някои блогове обаче, това не е удачно. Затова предлагам друг начин за фиксиране на размерите на Архива- скролираща притурка.
Как става?
Отидете на Таблото за управление. След това на Дизайн и редактиране на HTML кода. Поставете отметката- Шаблоните на приставките да се разгъват. След това с едновременно натискане на CTRL и F, отваряте прозорче за търсене и търсите реда:

< div id='ArchiveList'>

Над него се намира реда, който трябва да промените:

< div class='widget-content'>

Изтривате го и го заменяте с

< div class='widget-content' style='overflow:auto; height:100px'>

Цифрата 100 е примерна и определя височината на притурката. Може да я промените според вашите нужди. Запазвате промените и готово.

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

Ще добавя още един код за оформяне на скролираща притурка. Той може да бъде полезен за добавяне в страничните ленти, на страница или в пост, не само на код на притурка, а и на текст.
< div style="width:200px; height:100px; overflow:auto; ">

Код на притурката(или текст)

< /div>

Заменяте в горното „Код на притурката(или текст)“ със желаното и поставяте кода, където искате. Можете да променяте и широчината на притурките(с width) и височината(с height).

Continue lendo >>

Блогер и мобилни устройства

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

Continue lendo >>

Грешки при смяна на шаблона в Blogger

Вече съм писал за смяната на шаблон в Blogger и в поста смяната с външен шаблон е описана точно, но от тогава някои неща се промениха и се налага да пиша отново.
Първо вече има възможност да се оформи нов уникален шаблон с вградения инструмент – Инструменти за дизайн. В началото бях скептичен, към този инструмент, защото блоговете започнаха да изглеждат еднакво, но след като разучих възможностите му, мога да твърдя, че е отличен. С малко въображение и опити, всеки може да си направи индивидуален и неповторим шаблон. Притурките се запазват и единственото нещо, което трябва да се добави са кодовете за бутони, скриптове, тагове и фавикон, които са добавени в самия шаблон. Това често се забравя.
Това е първата от няколкото грешки, на които искам да обърна внимание в този пост.
Следващите грешки са при смяна с външен шаблон. Преди време и аз съм препоръчвал, преди смяна на шаблона да се изтегли резервно копие. Само, че то не е достатъчно за възстановяване на оригиналния вид. Затова е хубаво, да имате записани в текстови документ и всички кодове на притурките, блоговете от блогрола и кодовете на бутони, тагове и фавикона. Не винаги при опит за възстановяване, те се конфигурират правилно. Блогрола, например се появява като притурка, но е празен.
По ефективно от изтеглянето на шаблона е, докато правите промени по кода, да ползвате двата бутона отдолу- Визуализация и Изчистване на редакциите. Така ще виждате бъдещия вид и ще можете да запазите кода, ако нещо не ви хареса, без загуби.



Друг проблем, на който попаднах се появява при качване на готови шаблони от външни сайтове. Често в тях също има притурки, част от които при смяна на шаблона остават, но не могат да се премахнат или конфигурират. Изходът е преди да се качи, такъв шаблон да се изчисти от всички притурки, което може да се направи в пробен блог.
Същият дефект се получава и когато се опитвате да възстановите шаблона с изтеглено копие, ако междувременно сте правили промени в притурките. Затова е хубаво да такова копие също да качите в пробен блог и да изчистите от притурките, а всички важни неща да съхранявате отделно на текстови документ.
Досадно е, но може да ви спести хиляди главоболия и часове допълнителна работа. Дано съм бил полезен.

Continue lendo >>

Архивиране на шаблон

Рано или късно на всеки, който има блог се налага поне да погледне HTML кода на шаблона. Обикновено, добавянето на бутони например е безопасно, но винаги могат да възникнат грешки. Някои инструменти или приложения също изискват, добавяне на елементи в HTML кода.
Дори най-безопасните промени, обаче могат някой ден да ви създадат неприятности. Ето един пример:
В шаблона на блога е добавен скрипт за емотикони. Скриптът е безвреден, но кара браузърите да четат определени символи, като изображения. Забавно и приятно.
Пуска се пост, в който е включен следния линк:

http://nounapoema.blogspot.com/

За съжаление в скрипта е зададено, комбинацията ( /no ), да се чете, като изображение. Браузърът не може да отвори линка, а резултатът е следния:




Неприятно изключение, което не се среща често, но показва риска, от вкарването на допълнителни елементи в кода.
Тук също има емотикони в коментарите. Зададено е да преобразуват, определени символи само в коментарите, но ако напишете:
(Виж:тук .....),
ще се получи подобен ефект.
Затова внимавайте с добавянето на нови неща в кода и помнете, какво сте добавили, за да не бъдете изненадани.
Дори да имате опит, винаги е хубаво преди да пристъпите към промени да направите копие на шаблона. Така при евентуална грешка, можете да възстановите старото положение.
Аз съм си наложил, да правя копия винаги, а в случаите когато сменям шаблона това е задължително. Новия шаблон може да не работи добре, или да открием нещо, което не сме видели при предварителното разглеждане. В такъм случай, архивното копие ще ни спести много главоболия.
Изтеглянето на архивно копие е лесно. След като сте отишли на Редактиране на HTML кода, кликвате на надписа най-горе:
Изтегляне на целия шаблон



Лесно и полезно.

Continue lendo >>

Оформяне на заглавката на блога

Новият инструмент за Дизайн на Blogger е удобен и лесен, но напоследък голяма част от блоговете, започнаха да изглеждат еднакви.
Думата по-скоро не е еднакви, а еднотипни. Един от начините да персонализирате изгледът на вашият блог, е добавянето на изображение в заглавката. Това може да се направи от Табло за управление- Дизайн –Елементи на страницата. Избирате опцията за редактиране на Заглавката. Използвайте опцията -Зад името и описанието.



За целта първо трябва да изберете подходящо изображение. Ако нямате собствено, потърсете в нета. Преди да го използвате, се уверете, че не нарушавате ничии авторски права. Хубаво е изображението да е с лиценз Public domain.
Следващата стъпка е да качите изображението, но често то не е подходящо по размер и стои като кръпка, или е прекалено голямо и измества страницата надолу.
Обработката на изображението е лесна, за тези които са на ти с компютрите. Дори и хора без особени умения, могат да го правят. Не трябват дори и специални програми. Ще покажа как става това с една програма, която върви в комплект с почти всеки офис пакет Microsoft office. Програмата се нарича Microsoft office Picture Manager. Ако я няма на десктопът ви, потърсете а във Всички програми - Microsoft office - Microsoft office Tools.
Иконката на програмата изглежда така:






Избрал съм изображение и съм го отворил с програмата. Натиснете горе бутонът Edit Pictures.

От дясно ще се отвори прозорец с опциите.
-Автоматично коригиране –става само за леки подобрения, но не винаги дава истинско подобрение.
-Корекцията на светлината и контраста не е с големи възможности.
-Коригиране на цветовете – отново не е на висота.
-Изрязване- това е най-полезната опция
-Завъртане – има го във всяка графична програма.
-Премахване на ефекта „червени очи”.
-Промяна на размерите –отново полезно.
-Компресиране – малко програми го имат, но е много полезно, когато се слага изображение в текстов документ.




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





Изображението обаче, още не е готово за качване. Ако го качите с тези размери, няма да попълни цялата заглавка. За целта използваме опцията за оразмеряване. Изображението трябва да е еднакво или по-широко от широчината на вашият шаблон. Ако тя е 1000 рх, то напишете в полето вдясно за широчина 1000 и натиснете ОК. Записвате промените и изображението е готово.



Ако изображението е по-широко от шаблонът ви, няма смисъл да се оразмерява. Просто при качване, използвайте опцията –Свиване за побиране.
Не е трудно, а придава индивидуален вид на вашият блог.

Continue lendo >>

Добавяне на мета тагове

За един блог след първата година делът на посещенията от търсачки е стабилна част от посещенията. Основен дял за това играят вече по-големият брой постове и подобреното класиране в Google. В SEO средите се говори много начините за подобрено класиране в Google, но лично аз не съм видял някой да постигне чудо. За мен SEO оптимизацията си остава губене на време, но съм направил едно две неща за моите блогове, които не изискват усилие.
Става въпрос за прословутите мета тагове. Това са ключове думи и описание, които се вграждат в кода на сайта. Твърди се, че подобряват класирането в Google по включените ключове думи, но част сред част от уеб мастерите се говори, че са безполезни.
Все пак поставянето им не отнема много време и всеки, може да си ги добави сам.
Процедурата: Табло за управление- Оформление – Редактиране на HTML кода. Слага се отметката - шаблоните на приставките да се разгънат. Допълнението за мeта тагове се поставя точно под head.
Вижте изображението:



Редовете, които добавяме са два:

<meta content='Тук поставете описиние на сайта' name='description'/>
<meta content='Тук поставете ключови думи, разделени със запетая' name='keywords'/>
На мястото на текста в червено поставяте своето описание и ключови думи. Изображението е от оригинален шаблон на Blogger. В някои от новите редовете са включени и просто трябва да попълните вашият текст. Има и допълнителни опции, но според мен са излишни. След това запазвате промените и всичко приключва.

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


Трябва да изтриете редът:
<title> <data:blog.pageTitle/> </title>

И на негово място да поставите:


<b:if cond='data:blog.pageType == "index"'>
<title> <data:blog.title/> </title>
<b:else>/
<title> < data:blog.pageName/> | <data:blog.title/> </title>
</b:if>

Запазвате промените и в резултатите от търсене, този пост например ще изглежда така:

Добавяне на мета тагове | Другият

Можете да замените символът | с - или : по ваш избор.
Това е всичко.

.

Continue lendo >>

Форматиране на пост в Blogger

В предишният пост споменах, че някои от новите шаблони не подържат смяна на шрифта. Все пак това не фатално. Има още една възможност за промените изгледът на текста, за да подчертаете и откроите нещо.
Това става чрез използването на тагове. Възможностите тук са много, но и аз самият едва отскоро се запознах с тази възможност.
Таговете са система от знаци, които не се виждат при разглеждането на страницата. С тяхна помощ, задавате подредбата и изгледът на елементите в една HTML страница. Употребата им се нарича форматиране. Самият аз доскоро не съм използвал тези възможности. Просто не знаех за тях.
За пръв път се сблъсках с тях, когато Балтазар Иванович ме покани да сътруднича в БЛОГ НА ДЕНЯ. Засега съм ги използвал само два пъти, но има блогове, в които те са единствената възможност за промени, а и предлагат нови възможности.

Освен за оформлението на текста тагове могат да са Ви полезни и за други неща.
По-подробна информация вижте на тази СТРАНИЦА. Там отдолу е добавена и таблица с кодовете на цветовете, което също е полезно.
Това са поредица от символи ограждащи текстът, който искаме да оформим.
Най-често срещаната грешка е да не се затвори даден таг, затова разгледайте внимателно примерите. При шаблони, които не поддържат смяна на шрифта, можете да оформите с друг шрифт, целият материал.Има възможност за добавяне на шрифтовe и извън тези 6 предлагани от Blogger.
Не е нужно да помните всички тагове. Вlogger има възможност да ги добавите във в шаблона на публикацията или така нареченото форматиране.
От Табло за управление , отидете на Настройки.След това кликнете на Форматиране и добавете тези тагове, които ви трябват в шаблона на публикацията. Така при всеки нов пост, ще имате под ръка това, което ви е необходимо.






По- долу съм показал как може да се промени едно изречение с тяхна помощ. Не е съвършено, но е въпрос на опит. Следващият ще е по-добър.

Форматиране на пост в Blogger(2)

Форматиране на пост в Blogger(2)

Форматиране на пост в Blogger(2)

Форматиране на пост в Blogger(2)

Форматиране на пост в Blogger(2)

Форматиране на пост в Blogger(2)

Форматиране на пост в Blogger(2)

Continue lendo >>

Добавяне на бутони в Blogger

Винаги ми е било малко смешно, когато видя чисто нов блог, в който има един два материала, но затова пък е накичен с реклами и бутони.
Самият аз съм имал бутони в блоговете си и още имам в някои, но преди да се добави нещо допълнително трябва да се прецени, дали има нужда от него.
Има различни бутони, но основните им цели са за добавяне на материалите в социални мрежи и(или) оценка на материалите.
Някои от бутоните имат неприятни бъгове(например бутонът за свежо.нет), но понеже ако някой е решил да си сложи, това няма да го спре ще опиша как се прави. Описанието го има на много места, но очевидно без визуална представа някои хора, се затрудняват.
Ще използвам за пример бутонитe на TBL, защото това са единствените, които използвам и аз. Останалите са добавят по аналогичен начин.
Код за бутон се взима от профила на блога ви в TBL.
Кликвате на линкът в ограденото поле: „За повече информация и код, продължете тук”



Избирате как искате да изглежда вашият бутон и кликвате върху съответния стил, който харесвате. Кодовете са в долните две полета и са различни за различните стилове на бутона. На вас ви трябва този от най-долното поле. Копирате го и го запазвате.



Следва по-сложното. Кодът трябва да се вкара в шаблона на блога. Отивате на Табло за управление, а след това на Оформление.



Избирате опцията Редактиране на HTML кода. Когато работя с редакция на шаблон, поне аз винаги правя копие от „Изтегляне на целия шаблон”. Операцията не е рискова, но едно застраховане не вреди.
Следващата стъпка е да разгънете шаблона. Кликнете на „Шаблоните на приставките да се разгънат”.





Натискате клавишната комбинация Ctrl+F и отдолу в прозореца на браузърът ви се отваря поле за писане. Кодът се поставя под тага data:post.body. Изписвате в полето за търсене post.body и редът се показва оцветен в зелено.



Пействате кода точно под този таг и след това натискате: Запазване на шаблона. Бутонът ще ви се появява автоматично под поста веднага след публикуването. Ако искате бутонът да се появява над поста, просто добавяте кода над тага data:post.body.



Операцията е приключила. Ако Ви излезе съобщение за грешка, не се притеснявайте. Причината може да е, че не сте копирали правилно взетият код. Просто натиснете: ”Изчистване на редакциите” нещата ще се върнат в първоначалният си вид. След това можете да проверите кода и да повторите.

Сега малко и за самият код. Това е той в оригиналният му вид. Имате още една възможност. Ако промените оцветения в червено текст от left на right, кодът ще се появява не отдолу отляво, а отдолу отдясно на поста.

Дано съм бил полезен на някого. В следващите материали ще разкажа, как може да се оформи изгледа на самият пост.

*
Специфичен случай за добавяне на бутон. При някои от новите шаблони, където на главната страница се показват резюмета, а не целите постове, поставянето на бутоните директно след post.body, добавя бутонът в общият изглед, но под самите постове го няма.
В тези случаи бутонът се добавя, на мястото показано на долното изображение:



.

Continue lendo >>

Смяна на шаблона в Блогер

Напоследък попаднах на няколко нови блога, авторите на които имаха проблеми със смяната на шаблона на блога. В мрежата на много места е обяснено как става това, но дори след опитите ми за обяснение по имейла, пак срещаха затруднение. Затова ще се опитам да опиша последователността на тази промяна на външният вид на блога с поредица от скрийншоти.

Първата възможност за промяна е да се използва, някой от предлаганите от Блогер шаблони. Тук нещата са и по-елементарни. Вече сте се логнали в акаунта си В Блогер. Страницата, на която системата ви праща е Таблото за управление. В горе вдясно ще видите надпис „Оформление”. Кликвате върху него и се отваря нов прозорец. Тук кликвате върху „Избор на нов шаблон”. Отваря се прозорец, в който са подредени предлаганите от Блогер шаблони. Маркирате в кръгчето, под този, който си харесате, а след това кликвате върху „Визуализация на шаблона”. Ако не ви хареса просто избирате друг шаблон и повтаряте. Когато изберете, този който ви хареса, кликвате на „Запазване на шаблона” и това е всичко. Вижте скрийншотите, на които съм оградил с червено това,което ви е необходимо.







Днес освен от Блогер в мрежата има стотици сайтове с красиви и функционални шаблони за блога ви. От там може да си свалите и инсталирате шаблон по свой вкус. Лично аз препоръчвам да си изберете от (ТУК). Изборът е голям, а и рядко има грешки в предлаганите шаблони. Последователността е следната:
Сваляте шаблона на своят компютър. Файлът е архивиран и преди да го използвате, трябва да го разархивирате. Обикновено в архива има два или повече файла. Този, който ви трябва изглежда така:



След като имате файла, отивате на таблото за управление на блогер. Този път избирате Оформление, а след това „Редактиране на HTML кода”.






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

* От Blogger, вече са се погрижили за по-лесната смяна на шаблона. От около седмица е добавено нова опция.При смяна на шаблона, можете да запазите притурките и елементите, които сте имали. Това спестява досадната работа, особено по попълване на блогорола. Остава да се добавят наново, само нещата вградени в HTML кода(бутони, мета тагове). Преди да инсталирате новият шаблон просто натискате:Съхраняване на приспособленията.Вижте на долното изображение:



.

Continue lendo >>