Gimpci.Blogspot.Com

“Sexy Share” Sosyal İmleme Eklentisi

noreply@blogger.com (Unknown) — Thu, 28 May 2009 13:25:00 +0000

Bu hoş blogger eklentesi CSS kullanarak kodlanmış bir “Sosyal İmleme” eklentisidir.Kodları blogunuza ekleyerek yukarıdaki gibi widget ile okurlarınızın beğendikleri yazılarınızı imlemesinisi sağlayabilirsiniz.Hoş tasarımıyla kullanılabilir nitelikte bir eklenti.

İlk olarak şablonunuzdaki <head> tagını bulun ve hemen altına aşağıdaki kodları yerleştirin;

<style type='text/css'>
div.beauty-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.beauty-bookmarks ul.socials li{
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {

background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;
}

.beauty-furl {
background-position:-300px top !important;
}

.beauty-furl:hover {
background-position:-300px bottom !important;
}

.beauty-digg {
background-position:-500px top !important;
}

.beauty-digg:hover {
background-position:-500px bottom !important;
}

.beauty-reddit {
background-position:-100px top !important;
}

.beauty-reddit:hover {
background-position:-100px bottom !important;
}

.beauty-stumble {
background-position:-50px top !important;
}

.beauty-stumble:hover {
background-position:-50px bottom !important;
}

.beauty-delicious {
background-position:left top !important;
}

.beauty-delicious:hover {
background-position:left bottom !important;
}

.beauty-yahoo {
background-position:-650px top !important;
}

.beauty-yahoo:hover {
background-position:-650px bottom !important;
}

.beauty-blinklist {
background-position:-600px top !important;
}

.beauty-blinklist:hover {
background-position:-600px bottom !important;
}

.beauty-technorati {
background-position:-700px top !important;
}

.beauty-technorati:hover {
background-position:-700px bottom !important;
}

.beauty-myspace {
background-position:-200px top !important;
}

.beauty-myspace:hover {
background-position:-200px bottom !important;
}

.beauty-twitter {
background-position:-350px top !important;
}

.beauty-twitter:hover {
background-position:-350px bottom !important;
}

.beauty-facebook {
background-position:-450px top !important;
}

.beauty-facebook:hover {
background-position:-450px bottom !important;
}

.beauty-mixx {
background-position:-250px top !important;
}

.beauty-mixx:hover {
background-position:-250px bottom !important;
}

.beauty-script-style {
background-position:-400px top !important;
}

.beauty-script-style:hover {
background-position:-400px bottom !important;
}

.beauty-designfloat {
background-position:-550px top !important;
}

.beauty-designfloat:hover {
background-position:-550px bottom !important;
}

.beauty-syndicate {
background-position:-150px top !important;
}

.beauty-syndicate:hover {
background-position:-150px bottom !important;
}

.beauty-email {
background-position:-753px top !important;
}

.beauty-email:hover {
background-position:-753px bottom !important;
}

</style>
</div>

Sıra geldi yazılarınızın altında bu eklentiyi göstermek için yerleştireceğimiz kodlara.Bu kodları <data:post.body/> tagının hemen altında yerletirin.

<b:if cond='data:blog.pageType == "item"'>
<div class='beauty-bookmarks'>
<ul class='socials'>

<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-syndicate'><a href='Your-Feed-Link-Here' title='Subscribe to RSS'/></li>

<li class='beauty-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>
<span class='beauty-rightside'/></div>
</b:if>

Bu arada kırmızı yazdığım “Your-Feed-Link-Here” yazısının yerine RSS adresinizi yazmayı unutmayın.

Kolay gelsin.

İyi Bir Websitesi Nasıl Olmalı?

noreply@blogger.com (Unknown) — Thu, 07 May 2009 12:29:00 +0000

İnternet site sahipleri için altı altın kural: İnternet kullanıcıları, arama yaparken aynı kategoride birçok internet sitesi karşılarına gelir. Bu siteler arasında, sizin sitenizde vardır. Kullanıcılar, bir internet sitesine geldiklerinde kalıp, kalmamaya 3–4 saniyede karar verir. Onların dikkatini çeken bir şey olmayınca tek tıkla başka internet sitesine yönlenirler.

İnternet sitesi broşür tarzında değil, kullanıcıları birtakım mesajlarla başka sayfalara çekecek şekilde olmalıdır. En çok yapılan hata da rakiplerin internet sitelerine benzeme çabasıdır. Çünkü internet kullanıcıları ‘Ben bunu gördüm’ diyerek siteyi kapatır.

Ana sayfalara “intro” ve "flash" uygulamaları koymayın. Hoplayan, zıplayan nesneler internet kullanıcılarının dikkatini dağıtır ve kaçmalarına neden olur. İnternet sitenizin kurumsal kimliğinizi yansıtacak şekilde olmasına dikkat edin. Aksi takdirde kurumsal markanız zarar görebilir. Bu nedenle, ilgisiz içerikler, ilgisiz renkler, eksik tanıtımlardan kaçının.

İnternet siteleri, fotografik, okunmaya yatkın ve ferah olmalıdır. Üç sütun halindeki internet siteleri daha okunaklı olur.

İnternet analitik araçlarıyla sitenizi ölçümleyin. (İnsanların internet sitenize nereden ve hangi kelimeleri yazarak geldiğini öğrenin.) Herkesi memnun etmeye çalışmayın. Hedef kitlenizi kategorilere ayırın. İnternet sitenizin içeriğini başlangıçta 3 veya 4 hedef kitleye hitap edecek şekilde oluşturun.

Arama Motoru Optimizasyonu Nedir?

noreply@blogger.com (Unknown) — Thu, 07 May 2009 12:26:00 +0000

Arama Motoru Optimizasyonu, bir web sitesine arama motorlarının organik sonuçlarından kaynaklanan trafiğin ve trafik kalitesinin arttırılması sürecidir (Search Engine Optimization-SEO).

Arama Motoru Optimizasyonu, arama motorlarının web sitelerini indeksleme algoritmalarını dikkate alarak, hedef kitle olan intenet kullanıcılarının, neyi, ne şekilde aradıklarının belirlenmesi ile gerçekleştirilen bir pazarlama aktivitesidir. Arama motoru optimizasyonu teknikleri içinde, aslında internet kullanıcılarının fark etmeyecekleri, ama, arama motorlarının robot programlarının web sitelerini indekslerken dikkate aldıkları faktörlere göre, web sitesinin ve web sayfalarının kodlama yapısında yapılacak optimizasyon çalışmaları da yer alır. Bunun yanında, ilgili web sitesinde, arama motorlarının indeksleyebileceği ve ziyaretçileri de tatmin edecek düzeyde, ilgili ve zengin içeriğin bulundurulmasının sağlanması da bu çalışmalarda büyük önem taşır. Unutulmamalıdır ki, içeriği yetersiz olan bir web sitesi, diğer optimizasyon çalışmalarında ne yapılırsa yapılsın, yeterli başarı sağlayamayacaktır.

Arama motoru optimizasyonu, ilgili site sahibi kurum ve/veya kişilerce gerçekleştirilebileceği gibi, bu konuda bağımsız ve profesyonel servis sunan Arama Motoru Optimizasyonu Uzmanları tarafından da sağlanabilir. Arama Motoru Optimizasyonu çalışmaları, büyük oranda sitenin kod yapısında değişiklikler gerektirdiğinden, eğer mümkünse, web sitesinin ilk tasarlanma aşamasından itibaren, arama motoru optimizasyonu teknikleri dikkate alınarak yapılandırılması ve kodlanması etkin bir yaklaşım olacaktır.

Blogger Navbar Kaldırma

noreply@blogger.com (Unknown) — Thu, 07 May 2009 11:10:00 +0000

Navbar blogger tarafından sayfanın üstüne yerleştirilen ufak bir araç çubuğudur.Çoğu blogger kullanıcısı bu araç çubuğunu kötü göründüğü için yada şablonlarına uymadığı için kaldırmak ister.Size navbarı nasıl kaldıracağınızı anlatacağım:

Yerleşim > HTML Düzenle ‘ye gidin.
Widget Şablonlarını Genişley kutucuğunu işareleyin.
Aşağıdaki kodu bulun:

<b:skin><![CDATA[/
Hemen altına aşağıdaki kodu ekleyin:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
Şablonu kaydedin.

Bunu yaptıktan sonra navbar tamamen kalkacaktır.

Blogunuzdaki Toplam Yazı Ve Yorum Gösterimi

noreply@blogger.com (Unknown) — Thu, 07 May 2009 10:51:00 +0000

Eski blogcuların çoğu bloglarının ne kadar popüler olduğunu göstermek için toplam yazı ve toplam yorum sayılarını sayfalarına koyarlar.Sizde bunu blogunuza ekleyeceğiniz bir eklentiyle kolayca yapabilirsiniz.

Ekleyeceğiniz kod :

<script type="text/javascript">
function TotalPosts(json) {
document.write('<b>Toplam Yazı: '+json.feed.openSearch$totalResults.$t+'</b>');
}
function TotalComments(json) {
document.write('<b>Toplam Yorum: '+json.feed.openSearch$totalResults.$t+'</b>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&callback=TotalPosts"></script>
<br/>
<script src="/feeds/comments/default?alt=json-in-script&callback=TotalComments"></script>

Bu eklenti tarafımca kendi blogumda denenmiş ve hatasız çalışmıştır.Rahatça blogunuzda kullanabilirsiniz.

CSS Menü Tasarımı

noreply@blogger.com (Unknown) — Thu, 07 May 2009 10:21:00 +0000

XHTML kodlarıyla hemen başlayalım;

<ul class="menu">
     <li id="mAnasayfa"><a href="#">Ana Sayfa</a></li>
     <li id="mUrunler"><a href="#">Ürünler</a></li>
     <li id="mHizmetler"><a href="#">Hizmetler</a></li>
     <li id="mBizeUlasin"><a href="#">Bize Ulaşın</a></li>
</ul>

Menümüzün resimlerini tek bir resim dosyası olarak hazırlayacağız. Biz burada normal ve fare imleci üzerine geldiğindeki halini(:hover) koyduk ama bunlara seçili ve tıklama durumlarınıda eklenebilir.

Şimdi CSS kodlarımızı yazalım.

ul için genel sıfırlama kodlarımızı yazalım

ul.menu{
   margin:0;
   padding:0;
   list-style:none;
   width:480px;
   height:40px;
}

Sırasız listelerin her nesnesini(li) yan yana dizmek için float:left tanımını yapmalıyız.

ul.menu li{
float:left;
}

Linkler için genel tanımlarımızı yapalım

ul li a{
   display:block;
   width:120px;
   height:40px;
   text-indent:-9999px;
   outline:none;
   text-decoration:none;
   background:url(images/basit_resimli_menu.jpg) 0 0 no-repeat;
}

Her bir menü nesnesinin yukarıdaki resimdeki konumunu belirlemeye geldi sıra.

li#mAnasayfa a{background-position:0 0;}
li#mUrunler a{background-position:-120px 0;}
li#mHizmetler a{background-position:-240px 0;}
li#mBizeUlasin a{background-position:-360px 0;}

Basit bir şekilde resimli bir menü oluşturduk. Tabi buna birde fare üzerine geldiğindeki durumu ekleyerek daha belirgin bir hale getirebiliriz.

li#mAnasayfa a:hover{background-position:0 -40px;}
li#mUrunler a:hover{background-position:-120px -40px;}
li#mHizmetler a:hover{background-position:-240px -40px;}
li#mBizeUlasin a:hover{background-position:-360px -40px;}

Örnek için buraya bakabilirsiniz

Notebookları Kaplama Zamanı

noreply@blogger.com (Unknown) — Thu, 07 May 2009 10:03:00 +0000

Kişisel Bilgisayar Etiketi, yani Kişiket, HP’nin kişisel bilgisayar dünyasında kazandırdığı bir yenilik. Kişiket ile dizüstü bilgisayarlarınız siz nasıl isterseniz öyle görünür.

Bilgisayarınızın içi kadar dışıyla da farkınızı ortaya koyabilirsiniz. Kişiketleri etiket-siz adresindeki galeriden seçebileceğiniz gibi tamamen sizi yansıtan Kişiketler hazırlayıp siteye yükleyebilirsiniz. İster en sevdiğiniz fotoğraf ve çizimlerle kendi Kişiket’inizi yaratın, isterseniz onlarca göz alıcı Kişiket'ten birini seçin. Bilgisayarınız bundan sonra başkalarınınkine benzemesin.

HP'nin etiket-siz sitesini mutlaka inceleyin, farkı hissedin...

Adsense İle Kazanmak Mümkün

noreply@blogger.com (Unknown) — Thu, 07 May 2009 09:53:00 +0000

Google Adsense sayesinde pek çok kişi iyi rakamlar kazanıyor.

Bu kişilerin sitelerini aslında 2ye ayırabiliriz;

> Genel içerikli hitli siteler,
> Özel içerikli, özgün siteler.

Eğer gerçekten hitli bir siteye sahipseniz, hitinizle doğru orantılı olarak çok iyi rakamlar kazanabilirsiniz. Tıklardan çok fazla para alamayabilirsiniz ama sürümden kazanırsınız (: Bu noktada önemli olan bandan korunmak ve reklam alanlarını en iyi şekilde ayarlayabilmektir.

Hitiniz arttıkça banlanma riskinizde artacaktır. Çok fazla kişi girdiği zaman normal olarak kontrol zorlaşır. Bu açıdan webmasterlar çeşitli önlemler almalıdır. Çok fazla reklam alanı kullanıp, tık oranı düşük olan alanlara reklam koyarak cpm oranını düşürmek yerine daha az ve daha etkili alanlara reklam koymak her zaman daha karlıdır.

Bu noktada webmasterlar çeşitli yerleşimlerle kullanıcıyı reklama yönlendirebilirler. Bağlantı reklamlarını menü altına veya üstüne koyarak, menü gibi göstererek tık artırılabilir. Ayrıca içerik reklamları, içerikle bütünleşmiş gibi koyulursa her zaman daha etkili olur. Renkler devreye girer bu konuda. Arkaplanın, site arkaplan rengiyle aynı olması avantajdır.

–

Diğer bir iyi para kazanma metodu ise özel içeriktir. Bazı kelimeler Google için değerlidir. Yani reklamverenlerin talebi doğrultusunda. Örneğin travel, hotels gibi.. Bu tür kelimelerde ziyaretçiler zaten belli bir amaç için sitenizi ziyaret ederler. Bu ziyaret esnasında aradıklarıyla alakalı olan reklamlara tıklamaları işten bile değildir. Yani az hit - çok tık - çok kazanç. Tabii reklam yerleşimi biraz önce bahsettiğimiz gibi olsa iyi olur.

Site Geçerlilik Servisleri

noreply@blogger.com (Unknown) — Thu, 07 May 2009 08:29:00 +0000

Web sayfalarımızın kodlama geçerliliğini (Markup Validation) her zaman W3C‘nin Validation servisleriyle test ederiz. Bildiğiniz üzere Xhtml geçerliliği için Xhtml Validator ve Css geçerliliği için de Css Validator sayfalarını kullanırız. Tabi başvuracağımız en büyük merci şu anda W3C ancak internette sitelerimizi geçerlilik yönünden test edebileceğimiz birçok servis bulunmakta. Bu yazımızda sizlere bu birkaç siteden söz edeceğiz.

Xhtml-Css.com: Bu siteye sıkça başvuruyorum. Sitenin en büyük avantajı verdiğiniz URI ile sitenizin hem Xhtml hem de Css geçerliliğini test etmesi. Basit ve sade tasarımı ile göz dolduruyor. Yerimlerimde her zaman ziyaret ettiğim bir geçerlilik sitesi. Ayrıca okunası bir blogları da mevcut. Göz atmadan geçmeyin.

Validome.org: Bir başka geçerlilik servisi. Ancak diğerlerine nazaran biraz daha zengin olduğu kesin. Bu sitede websayfanızın Xhtml, Xml, Wml kodlamalarını da test edebiliyorsunuz. Sonuçları bazen W3C’den farklı çıkabiliyor. DTD testini birçok sitede görmedim ancak burada bulunuyor ve sitenizi bu bakımdan da test edebiliyorsunuz.

Validator.ca: Bu site websayfanızın tümünü veya sadece istediğiniz bir sayfasını test ediyor. Zaten sitede “Multipage Validator” olarak bir tanımlama yapılmış. Web sitenizin tüm sayfalarını tarayarak size bilgi veriyor ve gerekli durumda taranan sayfalar üzerine tıklayarak W3C Xhtml validator sayfasına gönderebiliyorsunuz.

Xhtmlvalidation.com: Basit bir site ve sadece Xhtml geçerliliğinizi test ediyor. Ancak sloganlarının güzelliği takdire şayan :) (How “sexy” is your Xhtml?)

İlginç ve Modern Kulplu Bardak Tasarımları

noreply@blogger.com (Unknown) — Thu, 07 May 2009 08:09:00 +0000

Tasarım harikalarını sizlerle paylaşmaya devam ediyorum.İşte birbirinden ilginç bardak tasarımları…

Blog Oluşturabileceğiniz Türkçe Servisler

noreply@blogger.com (Unknown) — Wed, 06 May 2009 12:55:00 +0000

Ücretsiz blog oluşturabileceğiniz türkçe servislerden 11 tanesini listeledim ve bazı özelliklerini belirttim.Bunların arasında en popüleri “Blogcu”.Benim size tavsiyem ise hiçbir reklam barındırmayan “Veblogu” olacak.

Blogcu : Blogcu, okumayı ve yazmayı seven yüz binlerin buluştuğu, tanıştığı, blogları yazıp okuduğu Türkiye'nin ilk blog platformudur. Bu servis, 2005 yılından bu yana ücretsiz olarak sunulmaktadır.

-Blogcu'ya ücretsiz üye olabilirsiniz. Üye olduktan birkaç dakika sonra blogunuz yayına hazır olacaktır.

-Bloglar, size özel yayın alanlarıdır ve içeriğinin ne olacağını sadece siz belirlersiniz.

-Blogcu, web tasarımı veya programlama bilgisine ihtiyaç duymadan kişisel blogunuzu oluşturabileceğiniz şekilde düzenlenmiştir.

-Blog açarak, yazı ve resimlerinizi kolaylıkla internette yayımlayabilir, kendinize ait bir alana sahip olabilirsiniz.

-Blogunuza eklediğiniz yazıları dilerseniz tüm dünyaya, dilerseniz sadece blogcu kullanıcılarına açabilirsiniz. Hatta, dilediğiniz yazıların sadece sizin arkadaşlarınız, veya sadece kendinize açık olması mümkün.

-Diğer blogcular, veya sitenizin ziyaretçileri, blogunuza eklediğiniz yazılara yorum ekleyebilirler. Eklenen yorumları istediğiniz zaman düzenleyebilir, silebilir hatta hiç yorum yayınlanmamasını sağlayabilirsiniz.
Weblogtr : Weblogtr.Com üyelerine ücretsiz weblog alanı(Weblogger, blog, günce, web günlüğü) sağlayan bedava bir hizmettir.

Bedava blog hizmetine kayıt olduktan sonra “kullaniciadiniz.weblogtr.com” şeklinde bir alana sahip olacaksınız.

Bu eğlenceli olabilecek hizmetle arkadaşlıklar kurabilir, yazılarınızı, anılanırınızı, resimlerinizi paylaşabilirsiniz. Daha sonraları web sitesi açmak isteyen kullanıcılar içinde bir ön deneyim olacaktır.
BlogSayfası : Sanal ortamda düşüncelerinizi, hayatınızı, bilgilerinizi, başkalarıyla paylaşmak istediklerinizi yazabileceğiniz bir nevi günlük.Bazi özellikleri:

-Kullanışlı blog yönetim paneli.

-Beğeneceğiniz geniş tema listesi.

-Blogunuzdan kazanç sağlayabileceğiniz adsense eklentisi izni.

-WordPress altyapısı.
TurkBlog : TürkBlog bir çok blog sitelerinde olmayan, daha da çok özelliği mevcut olan bir blog sistem sitesidir.Bazı özellikleri:

-Bloglar arası atomatik transfer sistemi (Blogrolling).

-Kolaylıkla blogda yazı ve sanal malzeme kullanma imkanı.

-Bir hesapla 10 blog kullanma imkanı.

-Blog için güzel dizayn seçimi ve düzenleme imkanı.

-Grup blog imkanı (bir kaç kişi için bir blog kullanma).
Blogsever : Blogsever, halihazırda herhangi bir blog sitesi olmayan kullanıcılara yeni ve farklı bir blog hizmeti vermek amacıyla kurulmuş bir blog barındırma hizmetidir.

Kullanıcılar seçtikleri bir kullanıcı adı ile hesaplarını açtıktan sonra, hemen bloglarını kullanmaya başlayabilir ve ana sayfadan kullanıcı adı ve şifrelerini girerek, kendilerine ait yonetim panelinden blog'larını yönetmeye başlayabilirler. Bütün bu hizmetler kullanıcılar için ücretsizdir. Ancak kullanıcılar daha fazla alan ve band genişliği istedikleri ve sitelerinde reklam olmamasını tercih ettikleri takdirde Profesyonel Paketleri tercih etmelidirler.
YeniOluşum : Yeniolusum.com sayesinde sizinde Internet’te bir siteniz olacak ve hiç bir özel bilgiye gerek kalmadan kolayca saniyeler içinde web sitesinizi oluşturabileceksiniz.Bazı özellikleri:

-Yeni Oluşum’un hazır şablonlarını kullanarak, sitenizin görünümünü dilediğiniz zaman değiştirebilirsiniz.

-Sitenize yazı, resim ekleyebilir, yazıları dilediğiniz gibi formatlayabilirsiniz. Web tasarımı bilmenize hiç gerek olmadan, Word kullanır gibi rahat, yeni konularınızı, sayfalarınızı, yazılarınızı ekleyebilirsiniz.

-Diğer Yeni Oluşum üyeleri veya sitenizin ziyaretçileri, sitenize eklediğiniz yazılara yorum ekleyebilirler. Eklenen yorumları istediğiniz zaman düzenleyebilir veya silebilirsiniz.
Sayfam : Standart üyeler kendilerine ait 1 adet blog açma hakkına sahiptir ve her blog da istediği kadar makale yayınlayabilir. Ayrıca 1 MB a kadar doldurabileceği bir resim galerisine sahip olacaktır.

Ayrıca bloglarınız için 32 Ayrı Tema mevcuttur istediğinizi kullanabilir yada tema düzenleme menüsünden kendinize göre bir tema düzenleyebilirsiniz. Tema düzenleme bölümünde temanızda kullanabileceğiniz onlarca hazır değişken bulabilirsiniz ve kendi zevkinize göre bir tema oluşturabilirsiniz
Yehhu : Internet'te bir siteniz olacak ve hiç bir özel bilgiye gerek kalmadan kolayca saniyeler içinde web sitesinizi oluşturabileceksiniz, rahatlıkla blogunuzda istediğiniz konuyla ilgili yazılarınızı yayınlayabilirsiniz.Bazı özellikleri:

- Bedava domain: kullanıcı.yehhu.net
- Limitsiz host ve trafik
- Bloglarda sayaç, reklam ,resim ve sorgu kullanma imkanı
- Blog için RSS ve sitemap hizmeti
- Süper blog tasarımları
- Kullanımı kolay ve Türkçe yönetim paneli
Blog4 : Blog4.com ile ücretsiz blog sahibi olabilirsiniz.Blog ile eskiden defterlerde tuttuğumuz günlükleri tutabilir, istediğiniz konu hakkında birşeyler karayabilir yada çoklu tema seçeneği ile kendinize ait internet sitesi oluşturabilirsiniz.
Veblogu : Şubat 2009 - Dünya’ya gözlerini açan ’Ve blogu‘, Barcelona takımı gibi ‘ Biz Formamıza Reklam Almayız!’ mantığı ile kullanıcılarına - Reklamsız - bir blog keyfi sunan, sağında, solunda, yukarısında yada aşağısında herhangi bir tanıtımımız olmadan, kullanıcıların kendi domainleri veblogu.com şeklinde oluşturmasına imkan veren bir blog servisi.
Bloglat : Bloglat.com sadece türk kullanıcılara hitap eder ve mümkün olduğunca türkçe hizmet sunar. Anlaşılması kolay bir dil kullanır. Birçok türkçe ve resimli yardım metni içerir. Gerektiğinde kullanıcılara birebir destekte bulunur.

Bloglat.com da blog yazmak çok kolay, blogunuzu istediğiniz gibi biçimlendirebilirsiniz. Kolay yönetim paneli sayesinde resim, yazı, link ve dahasını 1 tıklama ile ekleyebilirsiniz.

Birden Fazla Linki Tek Link Haline Getirin

noreply@blogger.com (Unknown) — Wed, 06 May 2009 07:15:00 +0000

Özellikle Rapidshare kullanıcıları yüksek boyutlu dosyaları paylaşıma sunarken verdikleri bağlantıların sayısıda fazla olabiliyor. 1link.in sitesi, birden çok olan bağlantılarınızı tek bir bağlantı haline getiriyor. İstenirse bağlantılara parola koyulabildiği gibi, üye olarak bağlantıları takip etme ve bağlantılara önad eklemek mümkün oluyor. En güzel yanlarından biri ise, eğer herhangi bir 1link.in bağlantısına tıklarsanız, bağlantının hangi siteleri içerdiğini görebiliyorsunuz.

Siteye gitmek için buraya tıklayın.

Kullanmanız Gereken 5 Twitter Uygulaması

noreply@blogger.com (Unknown) — Tue, 05 May 2009 06:59:00 +0000

Artık herkes twitter’ın ne olduğunu biliyor ve kullanmaktan keyif alıyor.Twitter’ın her geçen gün daha popüler hale gelmesiyle birlikte twitter’a yönelik uygulamalarda çoğalmaya başladı.Bu yazımda sizlere kullanmanızı tavsiye ettiğim 5 twitter uygulamasını listeledim.

Twitter Search

Twitter arama motoru ile gerçek zamanlı arama yaparak istediğiniz bir kelime ile ilgili dünyadaki tüm iletilere ulaşabilirsiniz.
TweetChat

Twitter kullanıcıları için iletişim aracı olan Tweet Chat ile istediğiniz bir konuyu girip o konuyla ilgili ileti gönderip alabiliyorsunuz.
TweetDeck

Çok popüler ve harika bir uygulama olan Tweet Deck ile sütunlar yaratarak kendi dashboardunuzu oluşturabilir, gruplar kurabilir, kolayca fotoğraf paylaşabilirsiniz.
Power Twitter

Diğer bir popüler uygulama olan Power Twitter ile twitter sayfanızı kolayca kişiselleştirerek kullanımını kolaylaştırabilirsiniz.
Twhirl

Twhirl ile masaüstünüzden aynı anda birkaç sosyal ağ hesabınızı güncelleştirebilirsiniz.Ayrıca arama ve kolay ve fotoğraf paylaşma özellikleride mevcut.

Eğer hala twitter’ın ne olduğunu bilmiyorsanız bu yazıyı okuyarak twitter hakkında herşeyi öğrenebilirsiniz.

Webmasterlar İçin 5 Ücretsiz Online Araç

noreply@blogger.com (Unknown) — Wed, 29 Apr 2009 14:12:00 +0000

Preloaders.Net
Bu site ile istediğiniz şekilde “preloader” oluşturabilirsiniz.Kullanıcılarına arkaplan ve önplan rengini derğiştirme , boyutlarla oynama ve animasyon hızını belirleme gibi seçenekler sunuyor.En sevdiğim özelliği ise “transparan” desteği.Böylece her renkte websitesi ve temaya entegre edebilirsiniz.(Alternatif olarak bu siteyi öneririm)
Favikon
”Favicon” lar websitelerinin olmazsa olmazlarıdır.Bir websitesini özgün kılarlar ve sık kullanılanlar arasında sitenin bulunmasını kolaylaştırırlar.Bu site sayesinde istediğiniz bir resmi kırpıp kendi faviconunuzu oluşturabiliyorsunuz.
3D-Pack
Bu site ile ücretsiz “3 boyutlu kutular” oluşturabilirsiniz.Yapmanız gereken ön ve yanlar için bilgisayarınızdan istediğiniz resimleri upload etmeniz.Ben böyle kutular yaratmak için ücretli bir program kullanıyordum ve emin olun bu sitedeki araç ile benim kullandığım programın hiçbir farkı yok.
RoundPic
Bu online araç ile resimlerinizin köşelerini ovalleştirebilirsiniz.Resim editörleri ile bu işlemi yapmakta zorlanıyorsanız bu sitede birkaç adımda kolayca bu işlemi gerçekleştirebilirsiniz.
Rsizr
Resim boyutunu değiştirmek ve kırpmak bir çok webmasterın sıkça kullandığı bir işlemdir.Bu işlem genelde resim editörleri ile yapılsada bu resim editörlerini kullanmak istemeyenlerin işini görecek bir site rsizr.

E-Mail Şablonları

noreply@blogger.com (Unknown) — Wed, 29 Apr 2009 12:51:00 +0000

Template yani “Şablon”…

Pek çok kategoride farklı şablonlarla karşılaştım bugüne kadar.Örneğin website şablonları , blog şablonları , photoshop şablonları vs.Ancak ilk defa karşıma “E-Mail Şablonu” çıktı.İlk başlarda biraz yadırgadım , “e-mailinde şablonumu olurmuş” dedim fakat çok sık e-mail gönderiyorsanız ve bu e-mailler ciddi kişi yada kurumlara gidiyorsa bu şablonların çok faydalı olacağına karar verdim.

İşte HTML ile hazırlanmış ücretsiz e-mail şablonları.Outlook , Lotus Notes , gibi programların yanında Gmail gibi web bazlı e-mail gönderirken de kullanabilirsiniz bu şablonları.

Şablonları yüklemek için buraya tıklayın.

CSS İle Resmin Üzerine Yazı Yazma

noreply@blogger.com (Unknown) — Tue, 28 Apr 2009 12:29:00 +0000

İnternette yapılan her site, ziyaretçisine belli bir konuda bilgi sunmak, hizmet sağlamak için yapılmakta.Sunulan bilginin ziyaretçi tarafından anlaşılmasını sağlamak ve kolaylaştırmak için yapılabilecek en önemli unsur, resim ve yazıları birbirleri ile harmanlamak. Yapılan araştırmaların gösterdiği üzere birbirleri ile alakalı resim ve yazılar beraberce kişiye sunulduğunda öğrenme daha kolay gerçekleşmekte.

Bu ilkeden olsa gerek, haber içeriği sunan bütün sitelerde fotolar ile yazıların birbirleri ile harmanlanarak verildiğini görebiliriz.

Resimler le yazıları harmanlamanın bir yolu da, yazıyı resmin üzerine yazmaktır. Bunu, resim düzenleme programlarından biri ile de yapabilirsiniz ancak biz bu yazımızda, resmin üzerine CSS (javascript) ile yazıyı ekleyeceğiz.

HTML Kodları

Yazıyı resmin üzerine getirmek aslında çok kolay, html ile başlayalım:

<div id="arkaplan">
<div id="yazi"> Kapadokya, (Pers dilinde “Güzel Atlar Ülkesi” anlamına gelir). Bölge 60 milyon yıl önce; Erciyes, Hasandağı ve Güllüdağ’ın püskürttüğü lav ve küllerin oluşturduğu yumuşak tabakaların milyonlarca yıl boyunca yağmur ve rüzgar tarafından aşındırılmasıyla ortaya çıkmıştır. </div>
</div>

Yürüttüğümüz mantık şu şekilde, “arkaplan” id’li div etiketi, resmimizi arkaplan olarak tutacak, “yazi” id’li div etiketi ise, yazımızı resmin üzerinde istediğimiz yere yerleştirmemize yardımcı olacak.

CSS Kodları

CSS kodunda da işimiz yine hiç karmaşık değil, arkaplan id’li div etiketinin arkaplanına istediğimiz resmi koyacağız ve yazi id’li div etiketine biraz sitil vereceğiz:

#arkaplan {
               float:left;
               width:500px;
               height:345px;
               margin:5px 0px 0px 15px;
               background-image:url(urgupgoreme.jpg);
               background-repeat:no-repeat;
}
#yazi {
               position:relative;
               width:400px;
               height:90px;
               left: 0px;
               float:left;
               top:220px;
               filter:alpha(opacity=50);
              -moz-opacity:.50;
              opacity:.50;
              background-color:#000;
              color:#fff;
              font-size:11px;
              line-height:16px;
              font-family:Verdana, Arial, Helvetica, sans-serif;
              padding:10px;
}

#arkaplan için css kodu o kadar karmaşık değil, kendiliğinden anlaşılabilir durumda. #yazi bolumunde ise önemli olan noktalar şunlar:
- top:220px: yazı bölümünün üstten olan uzaklığı
- filter, -moz-opacity, opacity: arkaplanın saydamlığı

İşte, css kodu bu kadar!

Sonuç

Sonuç olarak ortaya böyle bir çalışma çıkıyor.

Css ile ilgili diğer yazılaramada göz atabilirsiniz:

Monotracer – Kabinli Motosiklet Tasarımı

noreply@blogger.com (Unknown) — Tue, 28 Apr 2009 12:16:00 +0000

Günümüze kadar çok farklı kabinli motorsiklet tasarımları yapıldı fakat bunun gibisi gerçekten bulmak zor.

Önümüzdeki yıl 100 adet araçın imalatına başlanılacakmış, tabiki denemeler bittikten sonra şu anda 2 adet motorsiklet imal edilmiş onlar üzerinde testler yapılıyor renk olarak beyaz ve sarı renkler kullanılmış özelliklerine gelince:

Performans 96 KW at 8750 d / d
Maks. 6000 d / tork 117 Nm
Hız> 250 km / s
Hızlanma 0-100 km / 4,8 saniye içinde
Tüketim 3.62l/100 KM
CO2 emisyonları 85 g / km olarak

Albümün Tamamını Görüntüle

Küçülebilen Otomobil

noreply@blogger.com (Unknown) — Tue, 28 Apr 2009 12:13:00 +0000

Güney Koreli tasarımcı Jongpil Shin ilginç bir tasarımla geleceğin otomobillerine farklı bir tasarım getirdi. Shin küçülebilen bir otomobil tasarımı yaparak gelecekte ve hatta bu günlerde bile sıkça karşılatığımız yer sorununa ciddi bir çözüm üretmiş oldu.

Otomobilin fonksiyonları kısa bir şasi üzerinde kurgulanmış. Shin bunu bir lastiğin esneyip geri büzülmesine benzetiyor. Yani esnek bir şasi ve üzerinde yolcu sayısına göre uzayan koltuklar. Yakıt konusunda otomobilin küçülüp büyümesi ne derecede etki eder bunu mühendisler söylecekler tabiki fakat yer tasarrufu konusunda Shin’in bu konsepti epey fayda sağlayacaktır.

Bu arada unutmadan bu araba iki kişilik olarak dizayn edilmiş. Yani arkalı önlü en fazla iki kişi oturabiliyor.

Albümün Tamamını Görüntüle

İlgili diğer yazılarımada göz atabilirsiniz:

Jetbike – Biraz Jetski , Biraz Bisiklet

noreply@blogger.com (Unknown) — Tue, 28 Apr 2009 11:47:00 +0000

Tasarımcısı San Francisco da, Norio Fujikawa olan bu yarı jet-ski yarı, yarış motorsikleti görünümünde olan tasarım, yakında denizde yapılması planlanan yarışların jet-Bisikletleri.

Muhteşem manevra kabiliyeti, büyük egzos’u ile yollarda veya pistlerde gördüğümüz markalı yarış motorsikletlerini artık sularda sürat yaparken görebileceğiz.

Albümün Tamamını Görüntüle

İlgili diğer yazılarımada göz atabilirsiniz:

City Conecpt – Şehir Böceği Araba

noreply@blogger.com (Unknown) — Tue, 28 Apr 2009 11:23:00 +0000

Günümüzde Alışveriş yada trafikte, birçoğumuz kalabalıktan dolayı sıkıntı yaşamaktayız, geleceğin bu araçları trafikte işkence olan araç sürmeyi, keyifli hale getirmek için tasarlanan araçlardır.

Manevra kabiliyeti ve sürüş rahatlığı bakımından gerçekten de ilerde insanların şehir trafiğinde ki en büyük yardımcısı olacak gibi görülüyor.

Tasarımcı : Matthew James Bradbury

Albümün Tamamını Görüntüle

Ayrıca diğer bir otomobil tasarım harikası olan Transformable Spin – Sezgisel Araç yazımada bakabilirsiniz.

Transformable Spin – Sezgisel Araç

noreply@blogger.com (Unknown) — Tue, 28 Apr 2009 07:56:00 +0000

Matias Conti tarafından tasarlanan bu ilginç araç konsepti; sezgisel zeka ile çalışıyor, yani sürücünün boyuna ve kilosuna bağlı olarak en uygun şekli alıyor.Dolayısıyla sürücüye hem zevkli hem de güvenli sürüş imkanı sağlıyor.

Teknik özelliklerinden bahsetmek gerekirse, elektrikli akü sayesinde tekerler hareket ediyor, bununla beraber yürüyen aksamına paralel damperle birlikte aracın hareket kabiliyeti sağlanmaktadır.

Motor kısmı arkada olup, pille çalışmasına rağmen Conti’nin deyimiyle “deli bir sürüş keyfi” yaşamak isteyenler için mükemmel bir araç konsepti…

Albümün Tamamını Görüntüle

Kadınlara Özel Laptop Tasarımları

noreply@blogger.com (Unknown) — Tue, 28 Apr 2009 07:38:00 +0000

Endüstri tasarımcısı Nikita Buyanov tararfından tasarlanıp üretilmeye başlayan muhteşem dizüstü bilgisayarlar…

HP Eko: Bu dizüstü bilgisayar bar-kod okuyucu, güneş şarj hücreleri ve kan basıncı, nabız kontrol eden bir bilezik yer alıyor.
HP Nobag: Sabit OLED teknolojisi ile, dizüstü bilgisayarlar için büyük bir çanta taşımak istemiyenler için idealdir ve dokunma algılayıcısı vardır.
HP Fitness: Kayıt tutmak için bir bilezik var, ağırlığı kontrol amaçlı en iyi hizmeti vermektedir.
HP Make-up: Makyaj çantanızı yanınızda taşımanıza gerek yok bu laptop aynı zamanda güzellik merkezi.
HP Mama: Einbeveynler iki Bluetooth kamera ile çocukları izlemesini sağlar.
HP Chameleon: Uygulanabilir microcell teknolojisi uyarlanılmış ve laptop kapağınızı değişik desenlerde dizayn edebiliyorsunuz.
HP Parfume: Kavramsal bir dizüstü, burada bir lamba ile koku örnekleri yeteneği ile hava ve ortam koşullarına göre dizüstü rengi değiştirebilir.

Diğer yaratıcı ürünlere bakmak istermisiniz?

Twitter Nedir? Nasıl Kullanılır?

noreply@blogger.com (Unknown) — Mon, 27 Apr 2009 13:25:00 +0000

Artık hemen hemen her blogda görür olduk twitter’ı.Bilenler zevkle kullanırken bilemeyenler nedir bu twitter , ne işe yarar diye soruyorlar.Bu yazımda biraz Twitter’dan bahsedeceğim.

Twitter Nedir?
Twitter temelde kullanıcıların o an ne yaptığını yada ne hissettiğini yazdıları , diğer kullanıcıların ise takip edip okuduğu basit bir anlık ileti sisteminden ibarettir.Twitterda amaç sizi takibe alan kişilere yazdığınız andaki eyleminizi, düşüncenizi, aktivitenizi bildirmek, o konular hakkında bilgi vermektir. Ayrıca sizin takip eden kullanıcılardan veya arkadaşlarınızdan sizin o an ne yaptığınızı merk edenler olabilir, siz de arkadaşlarınızın ne yaptığını merak ediyor olabilirsiniz. O yüzden twitter bulunmaz bir araçtır.

Nasıl Kullanılır?
Eğer bir twitter hesabının yoksa kayıt olarak bu hizmetten ücretsiz olarak faydalanabilirsiniz. Twitter / Creat an account linkinden kayıt olabileceğiniz bu sistemde, anlık durumunuzu diğer kullanıcılara aktarmak oldukça basit.Kayıt olduktan sonra Twitter Anasayfasına gelerek “What are you doing” yazan kısmın hemen altındaki kutucuğa, anlı durumunuzu girip “Update” düğmesine bastığınızda, diğer kullanıcılar sizin yazdığınız yazıyı(anlık durumunuzu) okuyabilecektir. Bu konuda, anlık durumunuz hakkında doğru bilgi vermeniz,dalga geçme seviyesinde olmamanız; diğer kullanıcıların sizi takibe alması ve cidiiye alıp okuması için büyük önem taşımaktadır.

Kullanıcılar Nasıl Takip Edilir?
Twitterı kullanırken tabi ki diğer kişileri takip etmek isteyeceksiniz. Bunu yapabilmek, arkadaşlarınızın anlık durumundan anında haberdar olmak için arkadaşınızı takip etmeniz gerekir. Bunu yapmak için ise, arkadaşınızın Twitter profil sayfasında “Follow” yazan düğmeye bastığınızda artık o arkadaşınızı takip ediyor olacaksınız. Örneğin; benim twitter sayfama geldiğinizde kulanıcı resmimim hemen altında “Follow” yazan düğmeyi göreceksizinz.Beni takip etmek isterseniz twitter sayfam bu.

Umarım bilmeyenler için faydalı bir yazı olmuştur.İlk zamanlarda “bu da ne böyle , çok sıkıcı"” diyebilirsiniz ama zamanla arkadaşlarınızı takip etmeye başladıkça ne kadar keyifli bir sistem olduğunu anlayacaksınız.

Dev Araba Duvarkağıdı Arşivi – 355 Adet

noreply@blogger.com (Unknown) — Mon, 27 Apr 2009 12:54:00 +0000

Araba hayranları için 355 adet duvarkağıdından oluşan muhteşem bir arşiv paylaşıyorum.En lüks , en güçlü , en hızlı , en estetik arabalar bu arşivde toplandı.Hepsi yüksek çözünürlükten.İndirmek için buraya tıklayabilirsiniz.

Ayrıca arabalardan hoşlanıyorsanız şu yazılarımada göz atabilirsiniz:

İşinize yaraması dileğiyle…

Gimp İle Alev Efekti Yapmak

noreply@blogger.com (Unknown) — Fri, 24 Apr 2009 13:47:00 +0000

Gimp derslerine fazla vakit ayıramamıştım son zamanlarda.Sadece 360 derece dönen animasyonlu logo yapmayı göstermiştim.Bu yazımda ikinci Gimp dersi olarak alev efekti oluşturmayı göstereceğim.

İşlemleri sırasıyla takip ederseniz sizde kolayca alev efekti oluşturabilirsiniz.

Herhangi bir boyutta yeni bir sayfa açalım.
“Blend Tools” aracını seçelim ve seçeneklerdeki gradyanı “German Flag Smooth” olarak ayarlayalım.
Fare imlecini sayfanın ortasından en alta doğru çekerek gradyanı ortalayalım.Bu işlemin sonunda sayfanın üst tarafında siyah , ortada kırmızı ve altta sarı renk olmalı.
Filtreler | Bozulma | IWarp filtresini açalım.
Ayarlardaki “Deform Mode” ayarını “Swirl CCW” olarak değiştirelim.Diğer ayarları değiştirmenize gerek yok.
Bu ayarların solundaki pencerede resmimiz gözüküyor.O resmin üzerine gelip farenin tuşuna basılı tutarak yukarı aşağı ilerletelim.Resmin bozulduğunu göreceksiniz.Birkaç deneme ile resmi deforme ederek alev efektini vermiş olacaksınız.

Yukarıda gördüğünüz alev efektini bu dersi anlatırken yaptım.

Kolay gelsin…