понеделник, 31 януари 2011 г.

Star Ratings под постовете в Blogger

От известно време Blogger изпробват нови функционалности, които както винаги първо се тестват в Blogger на чернова (Blogger draft).
Повечето новинки са в редактирането на публикациите. Добавени са нови шрифтове(вече са на разположение и в инструмента за дизайн на шаблон), възможност за свръхголеми изображения и оформяне на поста с Read more, независимо от шаблона.
За тези които желаят, да ги използват могат да го направят, като изберат Blogger на чернова, да е Табло за управление по подразбиране. Виждал съм блогъри, които ползват тази възможност, но не зная дали няма някакви минуси и лично аз изчаквам новите функционалности да станат стандартни.
Видях, обаче нещо интересно, което можете да използвате. Това е Stat Ratings – или оценка със звездички на поста. Опитах тази функция и намерих някои недостатъци и възможности за подобрение. Ето как изглежда:



За да включите функционалността, трябва да влезете в Blogger на чернова. За тези които не знаят- от Табло за управление- в долната част на страницата, кликвате на Blogger на чернова.



След като сте влезли отидете на Дизайн- Елементи на страницата- Редактиране на притурката Публикации в блога. Слагате отметката –Показване на оценките със звезди и запазвате промените.



Сега следва по-трудната част, защото в част от шаблоните, притурката се визуализира като скролираща и излиза на неподходящо място. Възможно е и в зависимост от шаблона, въобще да не се покаже.
За да я оправите се върнете в контролното табло на блогер. За да не работите с Blogger на чернова, отидете на друга страница и след това заредете отново таблото за управление. След това отидете на Дизайн – Редактиране на HTML кода.
Сложете отметката - Шаблоните на приставките да се разгъват.
Изтеглете резервно копие на шаблона, а след това натиснете Ctrl + F.
В полето за търсене поставете:

<span class='star-ratings'>

Целия код е това:

<span class='star-ratings'>
< b:if cond='data:top.showStars'>
< div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
< /span>

Поправете в g:height='42', цифрата на 85.
След това изрежете целия код и намерете реда

< div class='post-footer'>

Поставете кода точно под него:

<span class='star-ratings'>
< b:if cond='data:top.showStars'>
< div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='85' g:type='RatingPanel' g:width='280'/>
</b:if>
< /span>


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

Continue lendo >>

понеделник, 24 януари 2011 г.

Оптимизиране на заглавието в Blogger

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



В Blogger по подразбиране, оформлението е направено така:

ИМЕ НА БЛОГ: ЗАГЛАВИЕ НА ПУБЛИКАЦИЯТА

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

<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 >>

понеделник, 17 януари 2011 г.

Favikon в Blogger

Favikon се нарича малката иконка, която виждате, когато заредите даден адрес във вашия браузър. В Blogger по подразбиране иконката е еднаква за всички блогове. Има лесна възможност да придадете индивидуалност на вашия блог, поставяйки собствена икона.
За целта първо трябва да намерите подходящо изображение. Трябва да ви харесва, но това не е основното. Качено в лентата на браузъра, изображението е с много малки размери и такива с много подробности и дребни детайли не са подходящи. Трябва да е максимално изчистено с открояващи се цветове. Подходящи се изображения във формат- jpeg, но за тези които искат да са по-нестандартни е възможно използването и на анимирани gif изображения.
Следващата стъпка е предварителното оформяне. Изображението трябва да се оформи, като квадрат със страни 16х16рх или 32х32рх, защото по-големи размери не се поддържат от браузърите. Дори 32х32рх, не се поддържа от някои по-стари версии, но лично аз използвам този размер.
Следващата стъпка е качване на изображението на сървър и взимане на адреса. Подходящи сайтове за тази цел са:
TiniPic – след качване ще ви покаже 4 адреса. Трябва ви - Direct Link for Layouts.
PicBG – взимате адреса за директен линк.

Поставяте адреса в следния код:
< link href='Адрес на изображението' rel='shortcut icon' type='image/gif'/>


( type='image/gif е зададено gif, но не е проблем, ако изображението е и в jpeg формат.)
Сега трябва да вмъкнете кода в шаблона на Blogger. Отивате на Табло за управление- Дизайн- Редактиране на HTML кода. Разгъвате притурките и поставяте кода на следното място.



Намира се в горната част на шаблона и няма да е трудно да го откриете. Запазвате промените и с това приключва всичко.

Continue lendo >>

понеделник, 10 януари 2011 г.

Програми за обработка на изображения-PhotoFiltre

Втората програма, която искам да представя след PhotoScape, е PhotoFiltre. Също много лека и безплатна програма, с интересни възможности.
Това е началния екран.



Ще отбележа само някои от възможностите и и съм ги маркирал със стрелки.
1- е възможност за едноцветни филтри, но програмата има над сто други филтри, достъп до които имате от лентата горе.
2- е възможност за постепенно засенчване на изображението.
3- възможност за оформяне на интересни рамки и полета, но за тази възможност ще обясня допълнително.
4-програмата има възможност за създаване на прозрачност на изображенията. Недостатък е, че тя избира основния цвят и можете само да избирате степента на прозрачност.
5 – инструментите за корекция и рисуване, ги имат и други програми, но като допълнение към ефектите, свършат работа.
Сега малко повече за основната функция, заради която я използвам- създаването на интересни рамки-3.



След кликване на иконката се отваря ново прозорче, от където може да изберете две неща -полупрозрачна маска и гръб. Функцията е сливане на две картинки. Маската определя контура и можете да я изберете от папката Spray, а от папката Pattern, избирате изображението, което ще запълва рамката.След избор и натискане на Preview, можете да прегледате предварително ефекта. Ето един пример.



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

Continue lendo >>

понеделник, 3 януари 2011 г.

Програми за обработка на изображения-PhotoScape

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



Лично аз използвам, основно функцията Редактор:



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



Програмата има пакет стандартни изображения за вмъкване, но можете да изберете всяко изображение от вашия компютър. За да има добър ефект обаче, вмъкваните изображения, трябва да са във формат PNG и с прозрачна основа.
След избиране на обект, можете да го оразмерите, преместите и завъртите, както желаете.



Запазвате промените, като се предлага опция и за запазване, като ново изображение и това е всичко.
Можете да изтеглите програмата от ТУК.

Ето и нещо направено с тази програма за пример.

Continue lendo >>

Правила за съдържанието

Криейтив Комънс договор
Произведението използва Creative Commons Признание-Некомерсиално-Без производни 2.5 България License. Моля, копирането на материали от тук, да става с указване на източника с реален линк.

За мен

Моята снимка

Ако двамата имаме по една ябълка и ги разменим, пак ще имаме по една ябълка. Ако двамата имаме по една идея и ги разменим, всеки ще има по две!
Джордж Бърнард Шоу

Намерете ни във Facebook

  ©Другият - Всички права запазени

Template by Dicas Browser | Template original Dicas Blogger | Topo