Jak okroić Wykopywarkę ze zbędnego kodu JavaScript?

Autorzy serwisu Wykop udostępnili na łamach serwisu różnego rodzaju wklejki, które po umieszczeniu na blogach/stronach www mają zachęcać użytkowników do wykopywania danego materiału. Wszystko jest ładnie, pięknie i w ogóle cacy, ale… dlaczego wszystko jest napisane w JavaScript?

Jako człowiek starający się w miarę możliwości nie umieszczać na stronach skryptów JS, przepisałem całą Wykopywarkę w PHP :)

Standardowo kod Wykopywarki wygląda następująco:

// wykopywarka wersja standardowa (72x65)
var wykop_url=location.href;	// Link do strony
var wykop_title=document.title;	// Tytuł strony (pobierany z )
var wykop_desc=encodeURIComponent('Przykładowy opis');
var widget_bg='FFFFFF';
var widget_type='normal';
var widget_url='http://www.wykop.pl/widget.php?url='+(wykop_url)+'&title='+(wykop_title)+'&desc='+(wykop_desc)+'&bg='+(widget_bg)+'&type='+(widget_type);
document.write('
<div></div>

'); </pre>
<p>Koszmar, prawda? ;) Jeżeli tylko mamy do dyspozycji serwer obsługujący <strong>PHP</strong>, możemy zastąpić ten kod obciążający przeglądarki naszych czytelników następującym kawałkiem kodu:</p>
<pre><?php
$wykop_url = rawurlencode('http://więcek.pl');
$wykop_title = rawurlencode('IT z ogonkiem');
$wykop_desc = rawurlencode('Taki blog o IT - tyle, że z ogonkiem...');
$wykop_bg = 'ffffff';
$wykop_type = 'compact';
$wykop_widget_url = 'http://www.wykop.pl/widget.php?url='.$wykop_url.'&title='.$wykop_title.'&desc='.$wykop_desc.'&bg='.$wykop_bg.'&type='.$wykop_type;

echo '
<div></div>

';
?></pre>
<p>I proszę bardzo – cała Wykopywarka napisana w całości w PHP :)</p>
<p>Dla osób chcących umieścić tą Wykopywarkę na blogach opartych o WordPress, wrzucę jeszcze Wykopywarkę w wersji instant, której kod wystarczy wkleić gdzieś w szablonie bloga (w pętli) i już powinien działać :)</p>
<pre><?php
$wykop_url = rawurlencode(get_permalink());
$wykop_title = rawurlencode(get_the_title());
$wykop_desc = rawurlencode(substr(strip_tags(get_the_content()), 0, 347).'...');
$wykop_bg = 'ffffff';
$wykop_type = 'compact';
$wykop_widget_url = 'http://www.wykop.pl/widget.php?url='.$wykop_url.'&title='.$wykop_title.'&desc='.$wykop_desc.'&bg='.$wykop_bg.'&type='.$wykop_type;

echo '
<div></div>

';
?></pre>
<p>Mam nadzieję, że komuś z Was to się przyda :) A przykład zastosowania przytoczonego tutaj kodu możecie zobaczyć poniżej (można sobie nawet kliknąć i zobaczyć, jak działa;)</p>
							
							
													
							<div id="social">
								<div id="fb_widget"><iframe src="http://www.facebook.com/plugins/like.php?href=http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html&layout=standard&show_faces=true&width=512&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:512px; height:80px;" allowTransparency="true"></iframe></div>
								<div id="wykop_widget">
									<g:plusone size="tall"></g:plusone>
									<iframe src="http://www.wykop.pl/dataprovider/diggerwidget/?url=http%3A%2F%2Fit.xn--wicek-k0a.pl%2Fjak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html&title=Jak%20okroi%C4%87%20Wykopywark%C4%99%20ze%20zb%C4%99dnego%20kodu%20JavaScript%3F&desc=&bg=ffffff&type=normal" style="border:none;width:72px;height:65px;overflow:hidden;margin:0;padding:0;" frameborder="0" border="0"></iframe>
								</div>
							</div>
				
						</div>
						
	
	<h3 id="comments">Komentarze (10) do “Jak okroić Wykopywarkę ze zbędnego kodu JavaScript?”</h3>

	<ol class="commentlist">
				<li class="comment even thread-even depth-1 parent" id="comment-679">
				<div id="div-comment-679" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://konradg.net/' rel='external nofollow' class='url'>Custom</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-679">
			12 stycznia 2010 o 06:25</a>		</div>

		<p>Łukasz, zauważ, że JavaScript jest w tym wypadku wygodniejsze, gdyż można wykopać znalezisko bez potrzeby przeładowania strony.</p>

		<div class="reply">
		<a class='comment-reply-link' href='/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html?replytocom=679#respond' onclick='return addComment.moveForm("div-comment-679", "679", "respond", "730")'>Odpowiedz</a>		</div>
				</div>
		<ul class='children'>
		<li class="comment odd alt depth-2" id="comment-680">
				<div id="div-comment-680" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://wiecek.biz' rel='external nofollow' class='url'>Łukasz Więcek</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-680">
			12 stycznia 2010 o 08:45</a>		</div>

		<p>Niee – tak, czy siak musisz otworzyć stronę Wykopu, żeby móc coś kopnąć :)</p>

		<div class="reply">
				</div>
				</div>
		</li>
</ul>
</li>
		<li class="comment even thread-odd thread-alt depth-1 parent" id="comment-681">
				<div id="div-comment-681" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn">okhan</cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-681">
			12 stycznia 2010 o 20:13</a>		</div>

		<p>A co jest złego w JavaScripcie, bo nie rozumiem?<br />
Może w następnej notce zobaczymy google analitycs w wersji php? ;)</p>

		<div class="reply">
		<a class='comment-reply-link' href='/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html?replytocom=681#respond' onclick='return addComment.moveForm("div-comment-681", "681", "respond", "730")'>Odpowiedz</a>		</div>
				</div>
		<ul class='children'>
		<li class="comment odd alt depth-2" id="comment-682">
				<div id="div-comment-682" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://wiecek.biz' rel='external nofollow' class='url'>Łukasz Więcek</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-682">
			12 stycznia 2010 o 20:28</a>		</div>

		<p>Popracuj trochę na słabszej maszynie, to zrozumiesz co złego jest w JS ;) Każdy dodatkowy JS ładowany na stronie jest wtedy bardzo odczuwalny. Sam przez długi czas pracowałem na słabszym kompie, więc wiem jaka to katorga. Ale syty głodnego nie zrozumie :)</p>
<p>No i skrypt w wersji PHP nie jest uzależniony od ustawień przeglądarki użytkownika.</p>

		<div class="reply">
				</div>
				</div>
		</li>
		<li class="comment even depth-2" id="comment-688">
				<div id="div-comment-688" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://marsjana.net/' rel='external nofollow' class='url'>marsjaninzmarsa</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-688">
			17 stycznia 2010 o 17:42</a>		</div>

		<p>Niektórzy (nie rozumiem tego, ale tak już po prostu jest) wyłączają JS w swojej przeglądarce. I co wtedy? Jak biedaczyna ma wykopać wpis? A tak jej (względnie mu) to umożliwiamy… ;)</p>

		<div class="reply">
				</div>
				</div>
		</li>
</ul>
</li>
		<li class="comment odd alt thread-even depth-1 parent" id="comment-683">
				<div id="div-comment-683" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://rkarbowski.info/' rel='external nofollow' class='url'>Radek Karbowski</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-683">
			12 stycznia 2010 o 21:48</a>		</div>

		<p>Witam,<br />
Gdzie muszę wkleić kod, żeby ktoś mógł wykopać wpis? :)</p>
<p>Pozdrawiam.</p>

		<div class="reply">
		<a class='comment-reply-link' href='/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html?replytocom=683#respond' onclick='return addComment.moveForm("div-comment-683", "683", "respond", "730")'>Odpowiedz</a>		</div>
				</div>
		<ul class='children'>
		<li class="comment even depth-2" id="comment-684">
				<div id="div-comment-684" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://więcek.pl' rel='external nofollow' class='url'>Łukasz Więcek</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-684">
			12 stycznia 2010 o 21:50</a>		</div>

		<p>Mówimy o WordPressie, tak? Najprościej – wklej ten kod w single.php po tej linijce:</p>

		<div class="reply">
				</div>
				</div>
		</li>
		<li class="comment odd alt depth-2" id="comment-685">
				<div id="div-comment-685" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://konradg.net/' rel='external nofollow' class='url'>Custom</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-685">
			12 stycznia 2010 o 21:51</a>		</div>

		<p>Gdzie chcesz, ważne, aby była w pętli.</p>

		<div class="reply">
				</div>
				</div>
		</li>
</ul>
</li>
		<li class="comment even thread-odd thread-alt depth-1 parent" id="comment-686">
				<div id="div-comment-686" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://rkarbowski.info/' rel='external nofollow' class='url'>Radek Karbowski</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-686">
			12 stycznia 2010 o 23:31</a>		</div>

		<p>Działa. Dzięki. :)</p>

		<div class="reply">
		<a class='comment-reply-link' href='/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html?replytocom=686#respond' onclick='return addComment.moveForm("div-comment-686", "686", "respond", "730")'>Odpowiedz</a>		</div>
				</div>
		<ul class='children'>
		<li class="comment odd alt depth-2" id="comment-687">
				<div id="div-comment-687" class="comment-body">
				<div class="comment-author vcard">
				<cite class="fn"><a href='http://wiecek.biz' rel='external nofollow' class='url'>Łukasz Więcek</a></cite> <span class="says">pisze:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://it.xn--wicek-k0a.pl/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#comment-687">
			13 stycznia 2010 o 08:34</a>		</div>

		<p>Nie miało prawa nie działać ;)</p>
<p>Polecam się na przyszłość :)</p>

		<div class="reply">
				</div>
				</div>
		</li>
</ul>
</li>
	</ol>

		
	

	
		<div id="respond">
			<h3>Zostaw komentarz</h3>

			
				<form action="http://it.xn--wicek-k0a.pl/wp-comments-post.php" method="post" id="commentform">
				
				
					<p><input type="text" name="author" id="author" value="" size="40" tabindex="1" />
					<label for="author"><small>Nick (wymagany)</small></label></p>

					<p><input type="text" name="email" id="email" value="" size="40" tabindex="2" />
					<label for="email"><small>E-mail (niepublikowany) (wymagany)</small></label></p>

					<p><input type="text" name="url" id="url" value="" size="40" tabindex="3" />
					<label for="url"><small>URL</small></label></p>

				
				<p><textarea name="comment" id="comment" cols="60" rows="10" tabindex="4" x-webkit-speech></textarea></p>
				<p><a rel="nofollow" id="cancel-comment-reply-link" href="/jak-okroic-wykopywarke-ze-zbednego-kodu-javascript.html#respond" style="display:none;">Kliknij tutaj, aby anulować odpowiadanie.</a></p>

				<p>
					<input name="submit" type="submit" id="submit" tabindex="5" value="" onclick="javascript: pageTracker._trackPageview('/goal/comment');" />
					<input type='hidden' name='comment_post_ID' value='730' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
				</p>

				<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="2d32e99b94" /></p>
				</form>
		</div>
	

											
								
			</div>
			<div id="right">
	
	<div class="sdb-polecane">	
		<h3>Polecane strony</h3>
		<ul>
			<li><a href="http://www.programosy.pl/program,winamp.html">Winamp</a>, <a href="http://www.programosy.pl/program,nero.html">Nero</a> i <a href="http://www.programosy.pl/program,allplayer.html">ALLPlayer</a> na <a href="http://www.programosy.pl/">programosy</a></li>
			
			<li><a href="http://agencja-pr.net" title="Agencja PR">Agencja PR</a></li>
			
			          		</ul>
	</div>
	
	<div class="sdb-polecane">
		<h3>Blogroll</h3>
		<ul>
			<li><a href="http://hekate-design.pl/" title="Projektowanie i tworzenie stron Internetowych">Hekate Design</a></li>
<li><a href="http://www.milczarek.eu/">Jakub Milczarek – Lodzermensch w Krakowie</a></li>
<li><a href="http://mydiy.pl" title="DIY – blog dla majsterkowiczów">myDIY – zrób to sam!</a></li>
		</ul>
	</div>
	
	<div class="sdb-content">	
		<h3>Tagi</h3>
		<div id="tagi">
			<a href='http://it.xn--wicek-k0a.pl/tag/3310' class='tag-link-26' title='1 temat' style='font-size: 8pt;'>3310</a>
<a href='http://it.xn--wicek-k0a.pl/tag/adblock' class='tag-link-27' title='1 temat' style='font-size: 8pt;'>AdBlock</a>
<a href='http://it.xn--wicek-k0a.pl/tag/ads' class='tag-link-28' title='1 temat' style='font-size: 8pt;'>Ads</a>
<a href='http://it.xn--wicek-k0a.pl/tag/adwords' class='tag-link-29' title='1 temat' style='font-size: 8pt;'>AdWords</a>
<a href='http://it.xn--wicek-k0a.pl/tag/aliorbank' class='tag-link-30' title='1 temat' style='font-size: 8pt;'>AliorBank</a>
<a href='http://it.xn--wicek-k0a.pl/tag/android' class='tag-link-3' title='13 tematów' style='font-size: 15pt;'>Android</a>
<a href='http://it.xn--wicek-k0a.pl/tag/aplikacje' class='tag-link-31' title='1 temat' style='font-size: 8pt;'>aplikacje</a>
<a href='http://it.xn--wicek-k0a.pl/tag/bezpieczenstwo' class='tag-link-4' title='4 tematy' style='font-size: 11.294117647059pt;'>Bezpieczeństwo</a>
<a href='http://it.xn--wicek-k0a.pl/tag/bing' class='tag-link-32' title='1 temat' style='font-size: 8pt;'>Bing</a>
<a href='http://it.xn--wicek-k0a.pl/tag/biwak' class='tag-link-33' title='1 temat' style='font-size: 8pt;'>biwak</a>
<a href='http://it.xn--wicek-k0a.pl/tag/blip' class='tag-link-34' title='4 tematy' style='font-size: 11.294117647059pt;'>Blip</a>
<a href='http://it.xn--wicek-k0a.pl/tag/blog' class='tag-link-5' title='6 tematów' style='font-size: 12.529411764706pt;'>Blog</a>
<a href='http://it.xn--wicek-k0a.pl/tag/bloger' class='tag-link-35' title='1 temat' style='font-size: 8pt;'>bloger</a>
<a href='http://it.xn--wicek-k0a.pl/tag/bug' class='tag-link-36' title='1 temat' style='font-size: 8pt;'>bug</a>
<a href='http://it.xn--wicek-k0a.pl/tag/buzz' class='tag-link-37' title='3 tematy' style='font-size: 10.470588235294pt;'>Buzz</a>
<a href='http://it.xn--wicek-k0a.pl/tag/cache' class='tag-link-38' title='1 temat' style='font-size: 8pt;'>Cache</a>
<a href='http://it.xn--wicek-k0a.pl/tag/cenzic' class='tag-link-39' title='1 temat' style='font-size: 8pt;'>Cenzic</a>
<a href='http://it.xn--wicek-k0a.pl/tag/choinka' class='tag-link-40' title='2 tematy' style='font-size: 9.4823529411765pt;'>choinka</a>
<a href='http://it.xn--wicek-k0a.pl/tag/chrome' class='tag-link-41' title='5 tematów' style='font-size: 11.952941176471pt;'>Chrome</a>
<a href='http://it.xn--wicek-k0a.pl/tag/chromeos' class='tag-link-42' title='1 temat' style='font-size: 8pt;'>ChromeOS</a>
<a href='http://it.xn--wicek-k0a.pl/tag/clicky' class='tag-link-43' title='1 temat' style='font-size: 8pt;'>Clicky</a>
<a href='http://it.xn--wicek-k0a.pl/tag/cnc' class='tag-link-44' title='1 temat' style='font-size: 8pt;'>CNC</a>
<a href='http://it.xn--wicek-k0a.pl/tag/commentify' class='tag-link-45' title='1 temat' style='font-size: 8pt;'>Commentify</a>
<a href='http://it.xn--wicek-k0a.pl/tag/consolas' class='tag-link-46' title='1 temat' style='font-size: 8pt;'>Consolas</a>
<a href='http://it.xn--wicek-k0a.pl/tag/cookie' class='tag-link-47' title='1 temat' style='font-size: 8pt;'>Cookie</a>
<a href='http://it.xn--wicek-k0a.pl/tag/css' class='tag-link-48' title='1 temat' style='font-size: 8pt;'>CSS</a>
<a href='http://it.xn--wicek-k0a.pl/tag/desire' class='tag-link-50' title='1 temat' style='font-size: 8pt;'>Desire</a>
<a href='http://it.xn--wicek-k0a.pl/tag/desktop' class='tag-link-51' title='1 temat' style='font-size: 8pt;'>desktop</a>
<a href='http://it.xn--wicek-k0a.pl/tag/dns' class='tag-link-52' title='2 tematy' style='font-size: 9.4823529411765pt;'>DNS</a>
<a href='http://it.xn--wicek-k0a.pl/tag/facebook' class='tag-link-57' title='4 tematy' style='font-size: 11.294117647059pt;'>facebook</a>
<a href='http://it.xn--wicek-k0a.pl/tag/firefox' class='tag-link-61' title='5 tematów' style='font-size: 11.952941176471pt;'>Firefox</a>
<a href='http://it.xn--wicek-k0a.pl/tag/fx' class='tag-link-71' title='2 tematy' style='font-size: 9.4823529411765pt;'>Fx</a>
<a href='http://it.xn--wicek-k0a.pl/tag/g1' class='tag-link-72' title='3 tematy' style='font-size: 10.470588235294pt;'>G1</a>
<a href='http://it.xn--wicek-k0a.pl/tag/google' class='tag-link-8' title='13 tematów' style='font-size: 15pt;'>Google</a>
<a href='http://it.xn--wicek-k0a.pl/tag/googleanalytics' class='tag-link-75' title='4 tematy' style='font-size: 11.294117647059pt;'>GoogleAnalytics</a>
<a href='http://it.xn--wicek-k0a.pl/tag/gps' class='tag-link-77' title='2 tematy' style='font-size: 9.4823529411765pt;'>GPS</a>
<a href='http://it.xn--wicek-k0a.pl/tag/historia' class='tag-link-79' title='2 tematy' style='font-size: 9.4823529411765pt;'>historia</a>
<a href='http://it.xn--wicek-k0a.pl/tag/idn' class='tag-link-83' title='11 tematów' style='font-size: 14.423529411765pt;'>IDN</a>
<a href='http://it.xn--wicek-k0a.pl/tag/ie' class='tag-link-84' title='2 tematy' style='font-size: 9.4823529411765pt;'>IE</a>
<a href='http://it.xn--wicek-k0a.pl/tag/iphone' class='tag-link-86' title='2 tematy' style='font-size: 9.4823529411765pt;'>iPhone</a>
<a href='http://it.xn--wicek-k0a.pl/tag/it' class='tag-link-87' title='5 tematów' style='font-size: 11.952941176471pt;'>IT</a>
<a href='http://it.xn--wicek-k0a.pl/tag/komentarz' class='tag-link-92' title='2 tematy' style='font-size: 9.4823529411765pt;'>komentarz</a>
<a href='http://it.xn--wicek-k0a.pl/tag/opera' class='tag-link-107' title='2 tematy' style='font-size: 9.4823529411765pt;'>Opera</a>
<a href='http://it.xn--wicek-k0a.pl/tag/pc' class='tag-link-112' title='3 tematy' style='font-size: 10.470588235294pt;'>PC</a>
<a href='http://it.xn--wicek-k0a.pl/tag/php' class='tag-link-113' title='2 tematy' style='font-size: 9.4823529411765pt;'>PHP</a>
<a href='http://it.xn--wicek-k0a.pl/tag/plugin' class='tag-link-117' title='2 tematy' style='font-size: 9.4823529411765pt;'>plugin</a>
<a href='http://it.xn--wicek-k0a.pl/tag/prywatnosc' class='tag-link-13' title='2 tematy' style='font-size: 9.4823529411765pt;'>Prywatność</a>
<a href='http://it.xn--wicek-k0a.pl/tag/qr-code' class='tag-link-128' title='2 tematy' style='font-size: 9.4823529411765pt;'>QR-Code</a>
<a href='http://it.xn--wicek-k0a.pl/tag/seo' class='tag-link-136' title='2 tematy' style='font-size: 9.4823529411765pt;'>SEO</a>
<a href='http://it.xn--wicek-k0a.pl/tag/serwis' class='tag-link-137' title='2 tematy' style='font-size: 9.4823529411765pt;'>serwis</a>
<a href='http://it.xn--wicek-k0a.pl/tag/social-slider' class='tag-link-143' title='2 tematy' style='font-size: 9.4823529411765pt;'>social-slider</a>
<a href='http://it.xn--wicek-k0a.pl/tag/spam' class='tag-link-145' title='3 tematy' style='font-size: 10.470588235294pt;'>spam</a>
<a href='http://it.xn--wicek-k0a.pl/tag/statystyki' class='tag-link-20' title='4 tematy' style='font-size: 11.294117647059pt;'>Statystyki</a>
<a href='http://it.xn--wicek-k0a.pl/tag/tutorial' class='tag-link-23' title='2 tematy' style='font-size: 9.4823529411765pt;'>Tutorial</a>
<a href='http://it.xn--wicek-k0a.pl/tag/twitter' class='tag-link-151' title='2 tematy' style='font-size: 9.4823529411765pt;'>Twitter</a>
<a href='http://it.xn--wicek-k0a.pl/tag/uzytecznosc' class='tag-link-24' title='4 tematy' style='font-size: 11.294117647059pt;'>Użyteczność</a>
<a href='http://it.xn--wicek-k0a.pl/tag/wordpress' class='tag-link-25' title='8 tematów' style='font-size: 13.352941176471pt;'>WordPress</a>
<a href='http://it.xn--wicek-k0a.pl/tag/wp' class='tag-link-159' title='4 tematy' style='font-size: 11.294117647059pt;'>WP</a>
<a href='http://it.xn--wicek-k0a.pl/tag/wtyczka' class='tag-link-161' title='3 tematy' style='font-size: 10.470588235294pt;'>wtyczka</a>
<a href='http://it.xn--wicek-k0a.pl/tag/wykop' class='tag-link-163' title='3 tematy' style='font-size: 10.470588235294pt;'>Wykop</a>		</div>
	</div>

	<div class="sdb-content">	
		<h3>Wordpress Commentify</h3>
		<div id="tagi">
			<a href="http://commentify.info" title="Wordpress Commentify"><img src="http://pliki.wiecek.biz/commentify/195.png" alt="Wordpress Commentify"></a>
		</div>
	</div>
</div>
		</div>
		<div id="footer">
	<big><big>© <b>IT z ogonkiem</b></big></big><br>
	<a href='http://www.freethemelayouts.com/'>Wordpress Theme</a> design: DT <a href='http://www.dreamtemplate.com'>Website Templates</a>.
</div>

</div>
		<script type="text/javascript">
				jQuery(document).ready(function () {var hideDelay=200;var hideDelayTimer=null;jQuery("#socialslider").hover(function(){if(hideDelayTimer)clearTimeout(hideDelayTimer);jQuery("#socialslider").animate({left:'0'},"normal");},function(){if(hideDelayTimer)clearTimeout(hideDelayTimer);hideDelayTimer=setTimeout(function(){hideDelayTimer=null;jQuery("#socialslider").animate({left:'-86'},"normal");},hideDelay);});});
		</script>
		
	<!-- Social Slider v.7.0.10 -->
	<!-- SS#aHR0cDovL2l0LnhuLS13aWNlay1rMGEucGwjcGxfUEwjTiNzb2NpYWwtc2xpZGVy## -->
	
	<div id="socialslider" style="top: 150px; width: 85px; left: -86px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; position: fixed;">
		<div id="socialslider-contener" class="socialslider-contener">

							<div id="socialslider-linki" class="socialslider-grupa">
					<ul>
						<li><a href='http://feeds.feedburner.com/it-wiecek-pl' title='RSS' style='color: #666;' target='_self' rel='nofollow'><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/rss-32.png' alt='RSS' />RSS</a></li><li><a href='http://feedburner.google.com/fb/a/mailverify?uri=it-z-ogonkiem&loc=en_US' title='Newsletter' style='color: #666;' target='_self' rel='nofollow'><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/newsletter-32.png' alt='Newsletter' />Newsletter</a></li><li><a href='https://www.facebook.com/lukasz.wiecek' title='Facebook' style='color: #666;' target='_self' rel='nofollow'><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/facebook-32.png' alt='Facebook' />Facebook</a></li><li><a href='https://plus.google.com/u/0/105020798016042431621/posts' title='Google+' style='color: #666;' target='_self' rel='nofollow'><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/googleplus-32.png' alt='Google+' />Google+</a></li><li><a href='http://www.youtube.com/user/WiecekLukasz' title='YouTube' style='color: #666;' target='_self' rel='nofollow'><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/youtube-32.png' alt='YouTube' />YouTube</a></li>					</ul>
				</div>
							<div id="socialslider-ikony" style="right: -33px;">
				<ul>
				<li><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/rss-20.png' alt='RSS' /></li><li><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/newsletter-20.png' alt='Newsletter' /></li><li><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/facebook-20.png' alt='Facebook' /></li><li><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/googleplus-20.png' alt='Google+' /></li><li><img src='http://it.xn--wicek-k0a.pl/wp-content/plugins/social-slider/icons/standard/youtube-20.png' alt='YouTube' /></li>				</ul>
			</div>
		</div>
	</div>

	<script type='text/javascript' src='http://it.xn--wicek-k0a.pl/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.52'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/it.xn--wicek-k0a.pl\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Wysy\u0142anie..."};
/* ]]> */
</script>
<script type='text/javascript' src='http://it.xn--wicek-k0a.pl/wp-content/plugins/contact-form-7/scripts.js?ver=3.1'></script>

	<!-- Google Analytics -->
		<script type="text/javascript">
			document.write(unescape("%3Cscript src='http://xn--wicek-k0a.pl/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
			try {
			var pageTracker = _gat._getTracker("UA-167446-18");
			pageTracker._setDomainName("xn--wicek-k0a.pl");
			pageTracker._trackPageview();
			} catch(err) {}
		</script>
	<!-- END Google Analytics -->

	<!-- Piwik -->
<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://piwik.xn--wicek-k0a.pl/" : "http://piwik.xn--wicek-k0a.pl/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://piwik.xn--wicek-k0a.pl/piwik.php?idsite=2" style="border:0" alt="" /></p></noscript>
<!-- End Piwik Tag -->

</body>
</html>