Your Ad Here

wayback machine ile site geçmişleri

wayback machine ile istediğiniz sitenin geçmişteki görünümlerine bakabilirsiniz. tıpkı bir zaman makinesi gibi sizi geçmişe götürecek.
işte birkaç örnek:




google '98
hotmail '97
blogger '99
sizin de eski görünümünü merak ettiğiniz siteler varsa: wayback machine


devamını oku..

sabit logo - static logo/watermark script

sayfa yüklendiğinde logo, efektle (fade in) ortaya çıkar ve sayfa aşağı yukarı hareket ettirilse de logo sabit kalır. önizleme için linkteki blogun sağ alt köşesine bakın: sabit logo

dynamic drive tarafından yapılmış static logo/watermark script'inin uygulanışına gelelim:

yerleşim>html'yi düzenle bölümü açılır ve </head> etiketi öncesine aşağıdaki kodlar eklenir:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://www.hotlinkfiles.com/files/2730784_munzd/staticlogo.js' type='text/javascript'/>


şablon kaydedilir.

sırada javascript kodlarının düzenlenmesi var.

staticlogo.js dosyasını açıp aşağıda kırmızı renk ile belirtilmiş bölümleri istediğiniz şekilde değiştirebilirsiniz:

logoHTML: '<a href="http://www.blogger.com" title="Blogger"><img src="http://i30.tinypic.com/2j49fv8.png" style="width:64px; height:64px; border:0" /></a>',


aşağıdaki kod satırında "orientation", logonun hangi köşede yer alacağını, "visibleduration" ise logonun sayfada ne kadar süreyle görüneceğini belirler.

setting: {orientation:4, visibleduration:0, fadeduration:[1000, 500]},

"0" değeri logonun her zaman görünmesini sağlar. sıfır yerine başka değerler yazılabilir (birimi milisaniyedir).

"4" değeri ise logonun sağ alt köşede yer almasını sağlar; diğer değerler:

1: sol üst köşe, 2: sağ üst köşe, 3: sol alt köşe.

aşağıdaki "10" değerleri de logonun köşelere olan uzaklığını gösterir.

offsets: {x:10, y:10},


devamını oku..

açılır menü - drop down panel

dynamic drive tarafından yapılmış bir açılır menüyü sizlerle paylaşacağım. önizleme için önce linke sonra da sol üstte bulunan "Tavan Arası"na tıklayın: drop down panel

açılır menü ile sayfanızda yer kaplamayan, istediğiniz içeriği barındıran bir menüye sahip olabilirsiniz.

uygulanışı:

yerleşim>html'yi düzenle bölümü açılır ve </head> etiketi öncesine aşağıdaki kodlar eklenir:

<link href='http://www.hotlinkfiles.com/files/2734713_6ppeg/ddpanel.css' rel='stylesheet' type='text/css'/> <script src='http://www.hotlinkfiles.com/files/2739937_rgssr/ddpanel.js' type='text/javascript'/>

ardından <body> etiketi sonrasına içeriğin bulunacağı kodlar eklenir:

<div class='ddpanel' id='mypanel'>
<div class='ddpanelcontent' id='mypanelcontent'>
<p style='padding:5px'>
<img class='closepanel' src='http://resim_linki.jpg' style='float:left; width:128px; height:128px;'/>

Buraya dilediğiniz içeriği ekleyebilirsiniz.


</p>
</div>
<div class='ddpaneltab' id='mypaneltab'>
<a href='#'><span>Tavan Arası</span></a>
</div>
</div>

şablon kaydedilir.

dosyalarda değişiklik yapmak istiyorsanız indirebilirsiniz: ddpanel.js | ddpanel.css

Notlar:
1 - "Tavan Arası" yerine istediğinizi yazabilirsiniz (aç/kapa gibi).

2 - panel butonunu tek bir resimle değil de iki resimle de oluşturabilirsiniz. böylece panelin açılıp kapandığı sırada resim de değişir (roll over efekti). istediğiniz resimlerin linklerini aşağıdaki kodlara sırasıyla eklemeniz gerekiyor:

pointerimage: {enabled: true, src: ["http://resim_linki1.png", "http://resim_linki2.png"]},

hazırladığım örnek resimler şu şekilde:


3 - panelin resme tıklanarak doğrudan kapatılabilmesi için resme "closepanel" sınıf adı verilir.

4 - Butonun, sayfanın sağında ya da ortasında olmasını istiyorsanız ddpanel.css dosyasındaki float değerlerini right ya da center yapmalısınız.


devamını oku..

maroon king blogger tema

tasarım: skinpress.com
dil: ingilizce
özellikler: kırmızı, siyah, gri, açık kahve renkler, sağda kenar çubuğu, rss ikonu.

önizle | indir


devamını oku..

blogger colorbox efekti - 2

burada ayrıntılı olarak anlattığım colorbox uygulamasının diğer bir çeşidine geldi sıra. önizleme için tıklayın: colorbox - 2

efektin uygulanışı:

yerleşim>html'yi düzenle bölümü açılır ve </head> etiketinin öncesine aşağıdaki kod eklenir:

<link type='text/css' media='screen' rel='stylesheet' href='http://www.hotlinkfiles.com/files/2689601_f1wqf/colorbox2.css' />
<link type='text/css' media='screen' rel='stylesheet' href='http://www.hotlinkfiles.com/files/2689602_2imnk/colorbox2-custom.css' />
<!--[if IE]>
<link type='text/css' media='screen' rel='stylesheet' href='http://www.hotlinkfiles.com/files/2689603_j2cv4/colorbox2-custom-ie.css' title='example' />
<![endif]-->
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>google.load('jquery', '1.3.2');</script>
<script type='text/javascript' src='http://www.hotlinkfiles.com/files/2689600_qqia9/jquery.colorbox2.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
$.fn.colorbox.settings.bgOpacity = '0.5';
$('.rsm').colorbox();
$('#ajax').colorbox({contentWidth:'300px', contentHeight:'195px'});
$('#flash').colorbox({contentAjax:'../content/flash.html'});
$('#web').colorbox({contentWidth:'600px', contentHeight:'450px', contentIframe:true});
$('#inline').colorbox({contentWidth:'500px', contentInline:'#inline-content'});
});
</script>

geri kalan işlemlere buradan ulaşabilirsiniz.


devamını oku..

google chrome blogger wordpress tema

tasarım: ericulous.com
blogger'a dönüştürme: btemplates.com
dil: ingilizce
özellikler: mavi, beyaz, turuncu renkler, yuvarlanmış köşeler, sağda kenar çubuğu, wordpress'ten uyarlama.

önizle
indir: blogger | wordpress


devamını oku..

blogger colorbox efekti - 1

colorbox, sayfada bulunan görsellerin, web adreslerinin, ajax ve flash dosyalarının özel bir efektle görüntülenmesini sağlayan lightbox benzeri bir uygulamadır. resmi web sitesi colorpowered.com'dur. aşağıda uygulanışı açıklanan colorbox örneğini görmek için tıklayın : colorbox - 1

açık anlatımını ilk olarak teknomobi.net'te gördüğüm bu efektin uygulanışına bakalım:

yerleşim>html'yi düzenle bölümü açılır ve </head> etiketinin öncesine aşağıdaki kod eklenir:

<link href='http://www.hotlinkfiles.com/files/2689386_odgnx/colorbox.css' media='screen' rel='stylesheet' type='text/css'/>
<link href='http://www.hotlinkfiles.com/files/2689383_6dsxx/colorbox-custom.css' media='screen' rel='stylesheet' type='text/css'/>
<!--[if IE]>
<link type='text/css' media='screen' rel='stylesheet' href='http://www.hotlinkfiles.com/files/2689385_wuxpu/colorbox-custom-ie.css' title='example' />
<![endif]-->
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>google.load(&#39;jquery&#39;, &#39;1.3.2&#39;);</script>
<script src='http://www.hotlinkfiles.com/files/2689384_ydsp0/jquery.colorbox.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$.fn.colorbox.settings.transition = 'elastic';
$.fn.colorbox.settings.bgOpacity = '0.9';
$.fn.colorbox.settings.contentCurrent = 'Görsel {current} / {total}';
$('.rsm').colorbox();
$('#ajax').colorbox({contentWidth:'300px', contentHeight:'195px'});
$('#flash').colorbox({contentAjax:'../content/flash.html'});
$('#web').colorbox({contentWidth:'800px', contentHeight:'600px', contentIframe:true});
$('#inline').colorbox({contentWidth:'500px', contentInline:'#inline-content'});
});
</script>

şablon kaydedilir.

sıradaki işlem eklenen görsele efektin verilmesidir, bunun için görselin kodlarına kırmızı renkli kodlar eklenmelidir:

<a class="rsm" title="Açıklama Bölümü" onblur="try {parent.deselectBloggerImageGracefully();}
catch(e) {}" href="http://i31.tinypic.com/2hdz28z.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;
cursor:pointer; cursor:hand;width: 200px; height: 130px;" src="http://i31.tinypic.com/2hdz28z.jpg" border="0" alt="" /></a>


class="rsm" ile görsele colorbox efekti atanır.
title="Açıklama Bölümü" ile tercihen görselin altına açıklama eklenebilir.

eğer bir albüm oluşturmak istiyorsanız, albümde yer alacak görsellere aşağıdaki gibi bir "rel" etiketi eklenir:

<a class="rsm" rel="album" title="Açıklama Bölümü" onblur="try {parent.deselectBloggerImageGracefully();}
catch(e) {}" href="http://i31.tinypic.com/2hdz28z.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;
cursor:pointer; cursor:hand;width: 200px; height: 130px;" src="http://i31.tinypic.com/2hdz28z.jpg" border="0" alt="" /></a>


web site görüntüleme için gereken kod şu şekilde:

<a id="web" href="http://www.google.com.tr/">google</a>


diğer kullanım alanları ise id="flash", id="ajax", id="inline" etiketleriyle aktif hale getirilebilir.

not:

1. "rel" etiketine verilen "album" ismini değiştirebilirsiniz ancak bu değişikliği albümde yer almasını istediğiniz tüm görsellerin kodlarına uygulamalısınız.

2. "rsm" ve "web" gibi sınıf isimlerini değiştirmek istiyorsanız, javascript kodunda kırmızı renkle belirtilmiş isimleri değiştirmeniz yeterlidir.

diğer colorbox türleri: colorbox efekti - 2


devamını oku..

office 2010

microsoft office'in yeni sürümü 2010 yılında piyasaya sürülecek. office 2010, word, excel, powerpoint ve onenote'un web üzerinden kullanılabilecek sürümlerini de bünyesinde barındıracak. kullanıcılar bu programları bilgisayarlarına kurmak ve kurulum için ücret ödemek zorunda olmayacaklar. uygulamalar, web reklamlarıyla finanse edilecek.

yeni sürüm office'in dağıtımına 2010 yılının ilk yarısında başlanması hedefleniyor. pakette word, access, excel, powerpoint, onenote, outlook, infopath, project, publisher, sharepoint designer, sharepoint workspace ve visio olacak.

microsoft, bu atağıyla google docs ile rekabetinin süreceği sinyalini veriyor.

office 2010'un ilk ekran görüntüleri ise şu şekilde:






devamını oku..

fat, fat32, ntfs nedir?

ntfs:

microsoft tarafından fat dosya sisteminin yeniden yapılandırılmasıyla, windows işletim sistemi için geliştirilmiş dosya sistemidir. açılımı "new technology file system"dır.

özellikleri:


- veri kurtarma işleminin gerçekleştirilmesini sağlar.
- güvenlik önlemi için dosya şifrelenmesi özelliğini barındırır.
- istenen seviyede güvenlik düzenlenmesini destekler.
- "remote storage" sayesinde taşınabilir saklama alanlarının yönetilmesini sağlar.
- disk aktivite "log"larının tutulmasını ve güç kesintisi ile oluşabilecek veri kaybını önler.
- disk kotaları ile sınırlı disk alanı kullanımını sağlar.
- büyük disk alanlarını destekler ve performans kaybına yol açmaz. 120 gb'lık bir ntfs disk 16 kb'lık cluster kullanılırken, fat32 tipi diskte 64 kb'lık cluster kullanılır. cluster boyutu ne kadar küçük olursa disk performansı o kadar yüksek olur.

fat:

ms-dos ile kullanılmaya başlanan eski tip bir dosya sistemidir. kısıtlı bir alanın sadece tek parça olarak kullanılmasına izin verir. tekil alan boyutu 2 gb'dır. açılımı "file allocation table"dır.

fat32:

fat dosya sistemine nazaran daha küçük boyutlu cluster kullanır. bu yüzden fat dosya sisteminden daha performanslı bir sistemdir.


fat ve fat32, özellikle "dual-boot" denilen eski işletim sistemlerinde kullanılır.
bilgisayarda windows 95/98 gibi işletim sistemlerinin kullanılması gerekmiyorsa ntfs kullanılması önerilir. ntfs, windows nt/xp/2000/server 2003-2008/vista/7'de kullanılmaktadır.


devamını oku..

blogger'da resim şeffaflaştırma

"image opacity" denilen resim şeffaflaştırma son zamanlarda web tasarımcılar tarafından sıkça tercih edilmektedir. resim yarı saydam halindedir, fare imleci ile üzerine gelindiğinde saydamlık kaybolur ve resim normal bir şekilde gözükür. şeffaflaştırılmış bir resim örneği:

bunu gerçekleştirmek gayet basit:

yerleşim>html'yi düzenle bölümü açılır ve </head> etiketi öncesine aşağıdaki kod eklenir:

<style type='text/css'>
a.op img {
filter:alpha(opacity=60);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.op:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

şablon kaydedilir.

not: kodlardaki 60 ve 100 değerlerini değiştirerek şeffaflığı arttırabilir ya da azaltabilirsiniz.

bundan sonra yapılması gereken eklenen resme şeffaflık özelliğini vermek.
bunun için aşağıda bir kısmına yer verilmiş resim koduna, kırmızı renkle yazılmış kodları eklemek:

<a class="op" onblur="try {parent.deselectBloggerImageGracefully ...


devamını oku..

blogger devamını oku bağlantısı

cummolog'un her postasında görülen "devamını oku" özelliğini eklemek için aşağıdaki yolu takip edin:

öncelikle şablonun yedeği hata ihtimaline karşın kaydedilmelidir.

ardından yerleşim>html'yi düzenle bölümüne gelinip "widget şablonlarını genişlet" seçeneği seçilir. <head> etiketi bulunup, hemen altına aşağıdaki kod eklenir:

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

bu işlemden sonra <data:post.body/> etiketi bulunup, hemen altına aşağıdaki kod eklenir:

<b:if cond='data:blog.pageType != "item"'><br/><a expr:href='data:post.url'>devamını oku..</a>
</b:if>

ardından şablon kaydedilir.

not: "devamını oku.." bölümünü değiştirip istediğinizi yazabilirsiniz.

sıradaki işlem ise yazının istenen kısmının nasıl gizleneceği. bir örnek:

Bu kısım yazının gözükecek kısmıdır ve yazının hemen altına "devamını oku" linki gelir.
<span class="fullpost">
Bu kısım ise yazının saklanan kısmıdır ve gözükmesi için "devamını oku" linkine tıklanmalıdır.</span>


devamını oku..

blogger son yorumlar eklentisi

cummolog'da örneğini gördüğünüz son yorumlar eklentisini blogunuza yerleştirmek için;

yerleşim>sayfa öğeleri>gadget ekle>html/javascript i seçin ve aşağıdaki kodu yapıştırın:





<script style="text/javascript" src="http://www.hotlinkfiles.com/files/2670198_ggr0z/sy_cummolog.js"></script>
<script style="text/javascript">var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script>
<script src="http://adresiniz.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>



"5" yorum sayısını, "100" ise karakter sayısını gösterir. "adresiniz" yazan yere blog adresinizi yazmayı unutmayın.


devamını oku..

php'de değişken aktarma

ad ve soyad adlı iki değişkene değer atama aşağıdaki gibi gerçekleştirilir:







<html>
<head>
<meta http-equiv="Content-Language"content="tr">
<meta http-equiv="Content-Type"content="text/html charset=windows,1254">

<title> değişken aktarma </title>
<body>

<?php
/* değişkenleri tanımlayalım*/
$ad="Rasmus";
$soyad="Lerdorf";
/* değişkenleri sayfaya yazdıralım*/
echo "Adım:$ad,Soyadım:$soyad<br>";
echo 'Adım:$ad,Soyadım:$soyad<br>';
/*tek tırnak ile çift tırnak arasındaki farkı görüntülemede görebilirsiniz.*/
?>

</body>
</html>


devamını oku..

tıklanan sayfa yeni sekmede nasıl açılır?

yeni sekmede açılan link örneği: cummolog
bunun için aşağıdaki kırmızı renkle belirtilmiş kodlardan birisini eklemeniz gerekmektedir:

<a href="http://site_adresi" target="_blank">site_ismi</a>

<a href="http://site_adresi" target="_blogView">site_ismi</a>


devamını oku..

php ile mysql'e nasıl bağlanılır?

en basit şekliyle php ile mysql'e bağlantı aşağıdaki kodlarla yapılır:







<html>
<head>
<meta http-equiv="Content-Language" content="tr">
<meta http-equiv="Content-Type" content="text/html charset=windows-1254">
<title> MySql Bağlantısı </title>
</head>
<body>

<?php
$databasebaglantisi=mysql_connect("localhost","root","sifre");
if (!$databasebaglantisi){
echo "MySQL'e bağlanılamadı";
}
else{
echo "MySQL'e bağlanıldı";
}
?>

</body>
</html>


devamını oku..

firefox'ta yazı ve resimler nasıl büyütülür, küçültülür?

firefox kullanırken sayfa içinde yer alan herşeyi büyütmek ya da küçültmek istiyorsanız aşağıdaki kısayolları kullanabilirsiniz:

büyüt: ctrl +
küçült: ctrl -
normal haline getir: ctrl 0 (sıfır)


devamını oku..

backlink nedir?

backlink, bir site linkinin, başka sitelerde yayınlanmasıdır ve backlink sayısı kaç sayfada site linkine yer verildiğini gösterir. ziyaretçi çekebilmenin en iyi yollarındandır. sitenin popülerliğini arttırır.

backlink, özellikle blog kullanıcıları arasında yapılan link değişimi ile arttırılabilir.

backlink ile ziyaretçi çekebilmek için, linkin çok tercih edilen kaliteli sitelerde yer alması gerekir. ziyaretçi sayısı günlük 100 olan sitelerde 10 backlink yayınlanması yerine, günlük ziyaretçi sayısı 1000 olan sitede backlink yayınlanmış olması daha faydalıdır.

backlinkler nasıl görülebilir?

google'a girildikten sonra arama bölümüne link:ornek_site_adresi.com/ yazılarak adresin hangi sitelerde yer verildiği görülebilir.


devamını oku..

blogger navbar kaldırma ya da gizleme

blogger standart temalarının yukarısında bulunan navbar'ı kaldırmak için body etiketinin öncesine aşağıdaki kodlardan birini yerleştirmeniz gerekir:

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

ya da

#navbar-iframe {
display: none !important;
}

blogger navbar'ı tamamen ortadan kaldırmak değil de sadece gizlemek istiyorsanız, yine <body> etiketinden önce aşağıdaki kodları eklemeniz gerekmekte :

#navbar-iframe{opacity:0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

opacity (şeffalık) değerlerini değiştirerek navbar'ın istediğiniz şekilde gözükmesini sağlayabilirsiniz.


devamını oku..

tanrı'ya inanıyor musun?

oyunuzu tanrı'ya ya da sadece bir veri tabanına gönderin. seçim sizin..

oy göndermek için buraya ya da buraya tıklayın.


devamını oku..

blogcu ve blogger'da arka plan değiştirme ve sabitleme

aşağıda kırmızı renkle belirtilmiş satırları ekleyerek hem arka planı değiştirebilir hem de bu arka planın sabitlenmesini sağlayabilirsiniz:

blogger için:

body {
background:url(http://arka_plan_resminin_linki);
background-attachment:fixed;

margin: 20px;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


blogcu için:

<body background="http://arka_plan_resim_linki" style="background-attachment:fixed">


devamını oku..

birden fazla anasayfa nasıl yapılır?

tarayıcınızı açtığınızda ya da anasayfa simgesine tıkladığınızda birden fazla sayfanın açılmasını istiyorsunuz.
örneğin bu sayfalar, google ve cummolog olsun.

firefox;
araçlar>seçenekler>ana sekmesine gelinir.
anasayfa bölümünde adresler arasına "|" karakteri eklenir:

http://www.google.com.tr/|http://cummolog.blogspot.com/

internet explorer;
araçlar>internet seçenekleri>genel sekmesine gelinir.
anasayfa bölümünde adresler alt alta yazılır:

http://www.google.com.tr/
http://cummolog.blogspot.com/


devamını oku..

c#'ta bir web sayfasına nasıl ulaşılır?

c# dilinde oluşturduğunuz formda bir butona (ya da resme) tıklayarak web sayfası açılsın istiyorsanız, butona çift tıklayarak açılan "click" bölümüne şu kodları yazmalısınız :

System.Diagnostics.Process.Start(@"iexplore.exe","http://site_adresi.com");


"iexplore.exe" ile web sayfasının internet explorer'da görüntülenmesini sağlarsınız. windows işletim sistemi içinde ie doğrudan yer aldığından formlarda bu tarayıcıyı kullanmanız önerilir. diğer web tarayıcılar için ise tarayıcı klasöründeki ".exe" uzantılı dosya ismini yazmanız gerekir.
firefox için : firefox.exe - chrome için : chrome.exe gibi..


devamını oku..

blogger'a favicon nasıl eklenir?

favicon adres çubuğunda ya da yer imlerinde görünen küçük simgelerdir.
örneğin cummolog faviconu :
bulduğunuz faviconu aşağıdaki kodlarla blogunuza ekleyebilirsiniz :

<link href='http://resim_linki' rel='shortcut icon' type='image/png'/>


devamını oku..

blogger'da favicon sorunu nasıl çözülür?

önceleri <head> sonrasına eklenen kodlarla bloglara favicon kodları eklenebiliyordu. bir süredir blogger'da faviconlar çalışmamakta. bu sorunu çözümlemek gayet basit:

kodları <head> ile </head > arasına değil </head>'in hemen ardına eklediğiniz zaman favicon çalışır duruma gelir.


devamını oku..

copy.exe sorunu nasıl çözülür?

aslında bu sorunu sadece "copy.exe sorunu" olarak adlandıramayız. yine de birçok yerde bu isimle anılmaktadır.

harici hard diskinizi pcnize bağladınız, tıklamanıza rağmen disk klasörü açılmıyorsa ve klasörü sağ tuşa tıklayıp "Ara" ("Explore") dediğinizde açabiliyorsanız bu sorunu şu şekilde çözebilirsiniz:

öncelikle bir metin belgesi oluşturun. ardından metin belgesinin ismini "autorun" uzantısını da "inf" olarak değiştirin. ve bu dosyayı harici diskinize yollayın.

işte bu kadar..


devamını oku..
Your Ad Here