Teknoloji Blog'u: Pixel Badge Yapımı

Pixel Badge Nasıl Yapılır?

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-YIaqPMiV3I4/UAaRQWRRazI/AAAAAAAAEAo/ukInEVvPKhA/s1600/cooltext731777674.gif" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="http://3.bp.blogspot.com/-YIaqPMiV3I4/UAaRQWRRazI/AAAAAAAAEAo/ukInEVvPKhA/s1600/cooltext731777674.gif"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Pixel Badge</td></tr>
</tbody></table>
<span style="background-color: white;">Blogumuzda bazen reklam
alırız ya da başka bir bloga reklam veririz. Bunun için bazen
sitemizi temsil edecek küçük görseller talep edilir. Çoğu
sitede görmüşsünüzdür. Pixel Badge denilen bu küçük ince
görsellerde sitemiz ile ilgili iki kelime bulunur. Şimdi bunu
yapmak için size çok basit bir yol göstereceğiz.</span><br>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<br></div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Pixel Badge yapımı için
hazır bir site kullanacağız. Çok uzun zamandır hizmet veren <a href="http://cooltext.com/Logo-Design-Pixel-Badge" rel="nofollow" target="_blank">CoolText</a> isimli sitenin Pixel Badge yapım aracı sayesinde bir kaç
adımda sitemiz için basit bir rozet oluşturabileceğiz.</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Adım adım anlatalım;</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>
<ul>
<li><span style="background-color: white;"><a href="http://cooltext.com/Logo-Design-Pixel-Badge" rel="nofollow" target="_blank">Cool Text</a> sitesine gidin</span></li>
<li><span style="background-color: white;">Left Text yazan yere
rozetin solunda görünmesini isteyeni yazın</span></li>
<li><span style="background-color: white;">Hemen altında yazı
rengini ve arka plan rengini ayarlayın</span></li>
<li><span style="background-color: white;">Right Text yazan yere
sağda yazmasını istediğiniz şeyi yazın</span></li>
<li><span style="background-color: white;">Hemen altında yazı
rengini ve arka plan rengini belirleyin</span></li>
<li><span style="background-color: white;">Dış ve iç kenarlık
rengini belirleyin</span></li>
<li><span style="background-color: white;">Auto Width seçeneği
yazının uzunluğuna göre rozeti genişletecek ya da küçültecektir</span></li>
<li><span style="background-color: white;">Hemen altındaki genişlik
seçeneği ile kendiniz bir genişlik belirleyebilirsiniz.</span></li>
<li><span style="background-color: white;">Render Logo butonuna
tıklayın</span></li>
</ul>
<br>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>

Pixel Badge Blogumuzda bazen reklam alırız ya da başka bir bloga reklam veririz. Bunun için bazen sitemizi temsil edecek küçük görseller...