27.8.08

Поставяне на YouTube Видео в блог

Статията обяснява как да си сложите видео от YouTube във вашият блог в Blogger(Blogspot). Процесът на поставяне на видео от YouTube в блог е много елементарен. Дори и най-начинаещите ще се справят с това. Ако искате да си сложите оригинално ваше видео, първо трябва да го качите в YouTube. Може да поставяте в блога си и всеки един клип от YouTube.

1. Намерете в YouTube желаното от вас видео. От дясната страна е описанието на видеото, има поле Embed с код вътре в него. Копирайте кода и го поставете временно в Notepad.
2. Влизате си във контролният панел на вашият блог, отивате на публикации. Започнете нова публикация, или редактирайте някоя предишна.
3. Влезте в Редактиране на HTML на вашата публикация

и поставете embed кода , който взехте от YouTube където пожелате. Позицията на която поставите кода, ще е позицията на която ще се появи видеото.

Забележки:

Може да промените размера на показваното видео от кода, който взехте от YouTube. В този пример ширината е 425 пиксела: width="425", а височината е 355 пиксела: height="355". Като променяте тези стойности, ще промените размера на видеото във вашият блог.

Трансфериране на блог между два акаунта

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

Ето стъпка по стъпка какво трябва да направите :

1. Влзете във вашият Акаунт в Blogger.
2. Отидете на Настройки.
3. Отидете на Разрешения (това е последното меню).
4. Натиснете на бутона Добавяне на Автори.
5. Задайте e-maila на човека на който ще прехвърлите блога, и натиснете бутона Покана.
6. Този човек на пощата си ще получи поканата и линк, с който трябва да потвърди.
7. След това в полето с авторите на блога ще се появи и e-maila на другия човек.
8. Трябва да му дадете администраторски права. Това става като натиснете от страни на и-мейла му, и след това натиснете бутона Разрешаване на Администраторски Права
9. Сега вече блога има двама администратора. Премахнете вашето име от списъка с администратори и с този на авторите на блога.
10. Готово. Вашият блог вече е прехвърлен на друг човек.

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

Добавяне на търсещо поле в Blogger

В Blogger блоговете има вградено навигационно меню в горната част, в което има и поле за търсене. Но доста хора махат вграденото навигационно меню, и си слагат поле за търсене в страничното поле или в пространството над публикациите. Ако искате и вие да си добавите поле за търсене във вашият блог, трябва да направите следното :

Отидете на Оформление / Елементи на страницата и добавете нов елемент където пожелатете да се намира полето за търсене. Елемента трябва да е HTML/JavaScript. В него добавете следният код:

<p align="left">
<form id="searchthis" action="ВАШЕТО URL/search" style="display:inline;" method="get">
<strong>ИМЕТО НА ВАШИЯТ БЛОГ<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Заместете ВАШЕТО URL с url адреса на вашият блог. Примерно моят url адрес е http://www.tricksforblogger.info/ . Също сменете ИМЕТО НА ВАШИЯТ БЛОГ с това което сте си избрали за блога ви Ако името на Блога ви е много дълго може да напишете и Търсене в Блога.
По принцип value="Search" , това е което се показва на бутона. Него също може да го смените с каквото пожелаете, например value="Търсете" .
Size="20" - това е дължината на полето за търсене. Може да го направите на каквато дължина пожелаете.

Инсталиране на нов Шаблон за блога ви в Blogger

Омръзнаха ли ви стандартните шаблони в Blogger. Струват ли ви се нефункционални само с 2 колони. Ако искате да си сложите по красив шаблон или да искате да е с 3 колони, няма нищо по лесно от това. За да си сложите нов шаблон , първо трябва да го имате. Шаблона представлява xml или текстов файл, който трябва да поставите в Blogger.

Ето как става това : Влезте във вашият блог и отидете на Оформление / Редактиране на HTML кода. В горната част имате секция Архивиране/Възтановяване на Шаблон и в нея поле в което да посочите и да качите файла със шаблона от вашият компютър. Качете файла и инсталирайте шаблона.

А от каде да си намерите подходящи шаблони ? Ето ви списък със сайтове от кадето може да си изтеглите безплатни шаблони за Blogger. На англиски терминът е Layout или Template, в търсачките може да търсите и с ключова дума Styles.

BTemplates - много шаблони за Blogger разделени по категории.
Mashable - 50 шаблона за Blogger.
FinalSense
CreateBlog
WebTalks
Blogger Templates Directory
idwebtemplate
FreeLayouts
Templates for new Bloggers
BloggerBuster
BlogspotTemplates
Blogger-Templates
BlogCrowds
BloggerTemplates - Има няколко AJAX темплейта за Blogger , с подвижни менюта.

Как да си сменим Favicon иконката в Blogger

Какво е Favicon иконката ? Това е иконката която се появява вляво от url адреса на уеб сайтовете. Стандартната такава иконка за Blogger e голямо бяло B на червен фон favicon , а ето и иконката на този блог favicon . Стига да имате желание и вие може да си сложите ваша иконка за вашият блог. Ето какво трябва да направите :

1. Направете си изображението което желаете. Трябва да е в размер 16x16 или 32x32 пиксела. За предпочитане е да е 16x16, защото по-старите браузъри да могата да го четат. След това запишете изображението в GIF формат.

2. Качете файла в някой онлайн сайт за изображения, например tinypic.com и си запишете url адреса, който ще ви дадът. Ще получите няколко различни варианта на адрес за файла, на вас ще ви трябва този : Direct Link for Layouts.

3. Отидете на Оформление / Редактиране на HTML кода. В началото намерете този код :
<title><data:blog.pageTitle/></title> и веднага след него добавете следният код:
<link href='URL на файла' rel='shortcut icon' type='image/gif'/> и заменете URL на файла с адреса ,когото ви дадоха за вашият файл.

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

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

Поставяне на Adsense Реклама между публикациите в Blogger:

1. Отидете на оформление, елементи на страница. Там дайте редактиране на Blog Post. Бутона за редактиране се намира в долният десен ъгъл на полето за Blog Post.
2. Към последните отметки ще видите "Показване на реклами между публикациите", отметнете тази отметка и ще се появи полето за настройването на рекламата.
3. Задайте вид, размер и цветове за рекламата и запазете.
Готово! Вече имате реклама между публикациите си.

Поставяне на Adsense Реклама вътре в публикациите в Blogger:

1. Нужно е да вземете кода за вашата реклама от акаунта си в Adsense.
Представлява нещо подобно:


След това преди да вмъкнете този код в Blogger, е нужно да замените някои от символите :

< се заменя с &lt;
> се заменя с &gt;
" се заменя с &quot;

Ето тук ще направите заменянето (parse) на символите автоматично.
След замяната кода трябва да изглежда така :


2. Сега трябва да се постави кода на рекламата в кода на вашият шаблон :
2.1. Отидете на Оформление/ Редактиране на HTML кода. Точно над кода отдясно има отметка "Разгъване на шаблоните на притурки". Отметнете отметката.
2.2. Намерете post.body , най-добре ползвайте търсачката на браузера. Включва се с CTRL+F
Кодът изглежда така:

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


<div style='float:left;'>
Кодът на Adsense Рекламата
</div>


2.4. Ако желаете рекламата да се появи отляво на текста ви както е показано на скрийншота:



<div class='post-header-line-1'/>
<div style='float:left;'>
Кодът на Adsense Рекламата
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Ако искате кода да е от дясната страна на текста ви, вместо <div style='float:left;'> напишете <div style='float:right;'>
Може да задавате и отстояния, ако рекламата много се долепя за текста ви. Например :
<div style='float:left ; margin-left:30px '>
Кодът на AdSense рекламата
</div>
Този кода ще остави разтояние от 30 пиксела от лявата страна на рекламата.
Може да зададете отстояния от всички страни по следният начин :
<div style='float:left; margint: 5px 10px 15px 20px '>
Кодът на AdSense рекламата
</div>
, като 5 пиксела е горното отстояние, 10 пиксела дясното, 15 - долното и 20 -лявото. Вие си нагласете отстоянията както намерите за добре.
Ако сте по запознати с CSS може да позиционирате рекламният елемент на Adsense навсякъде във вашата публикация.

22.8.08

Показване на кратко резюме на статиите ви на Главната страница на Блога

Expandable Post Summaries е метод , с който на основната страница на блога се показва кратък абзац от статията ви, последван от линк „ Прочетете Целият Текст..” (или каквото вие решите да пише). Това позволява на читателите ви да прегледат кратките резюмета на статиите ви на заглавната страница на блога. Това е много по-удобно отколкото стандартното показване на цели статии в Blogger.

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


Стъпка 1: Добавяне на код към CSS.

Първо отидете на Оформление / Редактиране на HTML кода. Запазете си шаблона, ако оплескате нещата да може да го възстановите. Става като натиснете върху „Изтегляне на целия шаблон”. След това намерете краят на Head Секцията: тя завършва със този таг </head> . Точно преди този таг поставете следният код :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Запазете Шаблона.

ВАЖНА ЗАБЕЛЕЖКА: Малко преди </head> има таг ]]></b:skin> . Кода който поставяте трябва да се намира между тези два тага.

Стъпка 2: Добавяне на Линк в края на резюмето.

Отидете пак на Оформление / Редактиране на HTML кода. Този път дайте отметка на „Разгъване шаблоните на притурки”. Ако не отметнете там , няма да може да видите следващят код. Намерете този код <data:post.body/> (Най-лесно се търси като натиснете CTRL+F и в търсачката на браузера поставите това което търсите). Този код

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_top'>Прочетете Цялата Статия...</a>
</b:if>
поставете веднага след <data:post.body/>

Забележка: Ако искате да промените размера и цвета на линка променете кода така :

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_top'><font size=”120” color=”red” > Прочетете Цялата Статия...</font></a></b:if>

Където размера ще променяте от size=”120” ,а цвета от color=”red”. Стойностите които ще променяте са във кавичките.

Стъпка 3: Модифициране на Статиите ви.

Отидете на Настройки / Форматиране. Най отдолу има поле озаглавено „ Шаблон за Публикации”. В това поле поставете следният код :

Началният Абзац Тук <span class="fullpost">Остатъка от статията тук</span>

Запазете настройките.

Сега като дадете на Създаване на Публикация и натиснете Редактиране на HTML кода ще видите горният текст , който записахте в шаблона за публикации. На мястото на „Началният Абзац Тук „ поставете началото на статията ви, което ще се вижда на заглавната страница. Другата част от статията напишете на мястото на „Остатъка от статията тук”. В никакъв случай не трийте <span class="fullpost"> и </span>.

Забележки : Този хак няма да се появи автоматично на старите ви статии. Нужно е всяка статия поотделно да я обработите. Текста който искате да се вижда само във пълната статия ограждайте отгоре с <span class="fullpost"> и отдолу с </span>. Тази редкация я правете като сте в режим редкатиране на HTML кода.

Добавяне на Джаджи към Блога

В тази статия ще разясним как се поставят допълнителни неща към вашият блог, и от каде да си ги вземете безплатно. На английски термините за тези допълнителни неща са Widget, Gadget и Add-Ons. На Български най-близката дума е Джаджа , въпреки че тя е жаргонна. Та какво представляват тези Джаджи ? Това са всякакви допълнителни неща, които може да сложите на блога си, които да са полезни на вашите читатели или ги поставяте просто за забавление. Джаджите са най-различни като: часовници, mp3 плеъри, карта на посетителите, бебешки линийки, чат присособления и много други неща.
За да си инсталирате някаква джаджа трябва да вземете HTML кода и от някой сайт за джаджи, и да я поставите някъде във вашият блог. Например ако искате да я поставите в страничният бар, отидете на Оформление/ добавете нов елемент - HTML/JavaScript и поставете кода на джаджата в този елемент.

Сайтове от които да взимате безплатни джаджи са :

Google Gadgets
Тук приспособленията са подредени по категории. Те са правени от различни автори. След като си изберете джаджа, кликнете на бутона "Добавете към Уеб Страницата си", и ще ви се отвори поле за настройване на джаджата към вашата страница. Може да променяте цвят и размер.

WidgetBox
Един от най-голямите сайтове с джаджи. Има всякакви подредени по категории. Могат лесно да се инсталират за BLogger, WordPress, MySpace и TypePad. Нужна е регистрация, която е напълно безплатна.

Snipperoo
Подобен сайт на WidgetBox. Отново е нужна регистрация, която е безплатна. Ако имате OpenID, може да влизате с него в сайта.

MamaiBebe , MoetoDete , Lilypie , Tickerfactory
В тези сайтове ще намерите различни линийки, които да поставите във вашият блог. Има линийки за бременност, за възразст, за отслабване , за диети и за какво ли още не. Първите 2 сайта са на Български език, а последните 2 са на Английски.


Скриване на Навигационното Меню

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

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

За да изключите навигационното меню на вашият блог, трябва да отидете на Оформление , Редактиране на HTML кода. След това добавете следният код:

#navbar-iframe { height:0px; visibility:hidden; display:none; }

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