bildirgec.org

içerik hakkında tüm yazılar

Telefonunuz için yaralı 5 mobil site

Ali Emre | 15 March 2010 16:06

Telefonların önemi gün geçtikçe artıyor, sürekli yeni bir model daha piyasaya sürülüyor. Her yeni model yeni bir teknoloji. İşte bu telefonlar için gerekli olabilecek program sitelerini bu yazıda toparlıyacağız.

1. getjar

Görklerimin en iyisi desem yalan olmaz. Oldukça iddialı birde sloganı var zaten. (Appsolutely Everything for …) Telefon modeline göre programları gruplamış harika bir site.
2.Freewarepocketpc

jQuery İle “Gizle/Göster” Sütun ve Tablo Yapımı

Metin METE | 12 February 2010 08:52

Bu yazımızda jQuery ile sitemizdeki sağ yada sol sütunu, tabloyu yada paneli nasıl gizle/göster yapabileceğimizle ilgili uygulama hazırladım. Çalışma mantığı, daha önce anlattığım (jQuery İle “Tab” Uygulaması Geliştirmek) yazısındaki uygulama ve çalışma mantığıyla neredeyse aynıdır. Tek farkı! Bu uygulamada animasyonun daha fazla olması. Çalışan örneği için BU bağlantıya bakabilirsiniz.

Şimdi öncelikle site içeriklerini Ana Tablo içine aldım;

1
2
3
<div class="ana-tablo">
...
</div>

Ana Tablo için eklediğim stil;

1
.ana-tablo { overflow:hidden; position:relative; padding-bottom:10px; }

Şimdide sırayla içerikleri doldurmaya başlıyorum. Öncelikle Gizle/Göster butonlarını ekledim;

1
2
<div class="gizle">»</div>
<div class="goster">«</div></code>

Gizle/Göster butonları için eklediğim stil;

1
.gizle, .goster { font-size:25px; position:absolute; top:0; right:10px; background:#000; color:#fff; padding:5px 5px 8px 5px; line-height:0.2em; cursor:pointer; overflow:hidden; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:5px; -webkit-border-radius:5px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }

Tabii bu bölümde de atlamamak lazım! Kullanıcılarımıza sadece “Gizle” butonu gösterileceğinden, “Göster” butonunu stille ekstra olarak gizledim;

1
.goster { display:none; }

Ardından Sağ Sütunu ekledim;

1
2
3
4
<div class="sag-sutun">
<div>...</div>
<div>...</div>
</div>

Sağ Sütun için eklediğim stil;

1
2
.sag-sutun { width:220px; float:right; overflow:hidden; padding-right:10px; margin-right:40px; }
.sag-sutun div { width:200px; padding:10px; margin-bottom:10px; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:10px; -webkit-border-radius:10px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }

ve son olarak da Sol Sütunu ekledim;

1
2
3
<div class="sol-sutun">
...
</div>

Sol Sütun için eklediğim stil;

1
.sol-sutun { margin-right:280px; padding:10px; background:#fefee0; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:10px; -webkit-border-radius:10px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }

Sayfa için kullanacağımız XHTML kodları burada bitiyor. Buradan sonrasında jQuery ile yazacağımız fonksiyonlar çalışacak.

jQuery kodlarını vermeden önce hazırladığım fonksiyonların ne işe yaradığından bahsetmek istiyorum. Öncelikle ilk fonksiyonumuz, “Gizle” butonu tıklanınca “Sağ Sütun” ve “Gizle” buttonu kaybolacak, kaybolan sütun yerine “Sol Sütun“‘u genişletecek, genişleyecek ama bir yandan da sağdan “Göster” butonu kadar boşluk bırakacak. İkinci fonksiyonumuzda ise “Göster” butonu tıklanınca “Gizle” butonu kaybolacak, “Sol Sütun” belirttiğimiz ölçüde tekrar daraltılacak, “Sağ Sütun” ve “Gizle Butonu” gösterilecek, gösterilecek ama “Sağ Sütun“‘un sağına “Gizle” butonun sığıcağı kadar boşluk ekleyecek. Aman dikkat!!! Anlattıklarımdan kafanız karışmasın. Sadece anlattıklarımı hayal edip, “- tabi ya! böle yapınca bu olucak, şöle yapınca şu olucak.” gibisinden düşünebilirsiniz…

Neyse, yukarıda anlattıklarım hayal ürünü olmaktan çıkıp, kodsal olarak bu şekli alıyor;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
$(".gizle").click(function(){
$(".gizle").animate({opacity:0}, 250).hide("slow");
$(".goster").animate({opacity:1}, 250).show("normal");
$(".sag-sutun").animate({marginRight:"-220px", opacity:0}, 250);
$(".sol-sutun").animate({marginRight:"40px"}, 250);
});
$(".goster").click(function(){
$(".gizle").animate({opacity:1}, 250).show("normal");
$(".goster").animate({opacity:0}, 250).hide("slow");
$(".sag-sutun").animate({marginRight:"30px", opacity:1}, 250 );
$(".sol-sutun").animate({marginRight:"270px"}, 250);
});
});

Herşeyi bu şekilde yaptıktan sonra, aşağıdaki gibi kodlara sahip olucaktınız;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery İle "Gizle/Göster" Sütun ve Tablo Yapımı</title>
<script src="http://arsiv.pilli.com/jquery-1.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".gizle").click(function(){
$(".gizle").animate({opacity:0}, 250).hide("slow");
$(".goster").animate({opacity:1}, 250).show("normal");
$(".sag-sutun").animate({marginRight:"-220px", opacity:0}, 250);
$(".sol-sutun").animate({marginRight:"40px"}, 250);
});
$(".goster").click(function(){
$(".gizle").animate({opacity:1}, 250).show("normal");
$(".goster").animate({opacity:0}, 250).hide("slow");
$(".sag-sutun").animate({marginRight:"30px", opacity:1}, 250 );
$(".sol-sutun").animate({marginRight:"270px"}, 250);
});
});
</script>
<style type="text/css">
.ana-tablo { overflow:hidden; position:relative; padding-bottom:10px; }
.sag-sutun { width:220px; float:right; overflow:hidden; padding-right:10px; margin-right:30px; }
.sag-sutun div { width:200px; padding:10px; margin-bottom:10px; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:10px; -webkit-border-radius:10px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }
.sol-sutun { margin-right:270px; padding:10px; background:#fefee0; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:10px; -webkit-border-radius:10px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }
.gizle, .goster { font-size:25px; position:absolute; top:0; right:10px; background:#000; color:#fff; padding:5px 5px 8px 5px; line-height:0.2em; cursor:pointer; overflow:hidden; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:5px; -webkit-border-radius:5px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }
.goster { display:none; }
</style>
</head>
<body>
<div class="ana-tablo">
<div class="gizle">»</div>
<div class="goster">«</div>
<div class="sag-sutun">
<div>...</div>
<div>...</div>
</div>
<div class="sol-sutun">...</div>
</div>
</body>
</ html>

içerik hırsızlığına karşı bazı önemli servisler

xerre | 17 December 2009 17:28

pilli (bildirgeç, hafif, zamazing..) yazarları ya da diğer blog yazarları olsun hepsi de uğraşıp emek verdikleri yazılarının başka sitelerde izinsiz olarak yayınlandığını görünce mutlaka sinirleneceklerdir.
içerik hırsızları o kadar rahat bir şekilde kopyala yapıştır (copy paste) yaparlar ki sizin ruhunuz bile duymaz.
bu bildiride içerik hırsızlarına karşı, izinsiz olarak çalınan içerikleri belirlemek için kullanabileceğiniz bikaç kolay yöntemden bahsedeceğiz.

yazılarınızın başka yerlerde izinsiz olarak kullanılıp kullanılmadığına bakmak

şüphesiz ki bir çok içerik hırsızının korkulu rüyasıdır Copyscape. url’nizi girip aratın ve bırakın Copyscape sizin içeriğinizin nerelerde kullanılmış olduğunu bulsun. ücretsiz, kolay kullanımı ve tatmin edici sonuçları ile oldukça kullanışlı bir servis.

avira antivir güncelleme yöntemini değiştirdi

admin | 23 November 2009 18:24

son günlerde pek çok ücretsiz antivir kullanıcısı virüs tanımlama veritabanını indirmeklte sorun yaşıyordu ve farklı çözümler arayışında iken avira‘dan açıklama geldi. 19 Kasım 2009’da yayınlanan açıklamada virüs tanımlama veritabanı formatını iVDF’ten nvdf formatına çevirdiklerini ve bu şekilde güncelleme için daha az dosya transfer ettiklerini belirtmişler.

Backlinkin Önemi

admin | 18 November 2009 23:45

Öncelikle siz değerli bildirgeç üyeleri merhaba bugün sizlere backlinkin siteleriniz için ne denli önemli olduğundan bahsedeceğim.Bazı forumları okuyorum backlink’in önemli olmadığını söylüyorlar sakın ha! Backlink siteleriniz için hayati önem taşımaktadır.

alternatif bildirgec tasarımı, sorun ve istekler

bakiyyebemolu | 06 October 2009 16:56

bildirgec için ne yazabilirim diye düşünürken; birkaç saatlik boş vaktin, biraz da can sıkıntısının etkisiyle bildirgec için ne tasarlayabilirim diye düşündüm.

pilli’ye 2007’den bu yana üyeyim ve bu süre zarfında sinepil ve kodaman hizmete girdi (bir ara da sebzeler lafı dolandı). son iki sitenin haricinde kalan 9 siteden hafif dışında tasarım yenilemesine gidilmedi bildiğim kadarıyla. ancak boş da durulmadı; kazanç görüntülemedeki yenilik ve iyileştirmeler, yorum skorlama uygulaması, yazı taslak hazırlama şu an için aklıma gelenler. tabii iyi düşünülmüş pilli ilan sistemini de unutmamak gerekir. ayrıca bir dönem oldukça sık yaşanan sunucu kesilmeleri ve bakım çalışmalarıyla da artık pek karşılaşılmıyor diyebiliriz. ama bildirgec’in tasarımının yenilenmesi gerektiğini düşünüyorum.

az önce de belirttiğim gibi vakit geçirmek ve bu vesileyle hazır yakalamışken pilli yöneticilerine bazı sorun ve isteleri bildirmek istedim.

bildirgec
bildirgec

dileyenlerin buradan (küçük jpg) ve buradan (png) inceleyebileceği bu amatör tasarımı pilli’nin diğer sitelerini de (hafif hariç) göz önünde bulundurarak yaptım. biraz bahsedecek olursam; iki adet kağıt dokusu var. üst menü normal bir kağıttı ama ben biraz renk düzenini değiştirdim. yine üst menüde kullandığım font handvetica. diğer bölümler bildiğimiz arial. logo için ise Bitstream Vera Serif yazı tipini kullandım ve bildirgec logosunu vektörize edip biraz oynadım. iki adet vektör ikon ise arşivimdeydi, adres hatırlayamıyorum.

Etkili ‘site bakımda’ sayfaları

firederick | 19 June 2009 13:34

Her internet sitesi bakıma alınabilir. Herhangi bir nedenden dolayı siteyi kullanıma kapatmak zorunda kalabilirsiniz. Sitenizin düştüğünü yani kullanıma kapatıldığını gören ziyaretçiyi tekrar siteye çekebilmek için bu tarz site bakımda sayfası hazırlamak çok önemlidir. Yazımda site bakımda sayfalarının en etkili şekilde nasıl kullanılabileceğini anlatacağım.

Yazım 8 bölümden oluşuyor;
1. basitlik ve anlaşılırlık
2. herşey sizin için
3. mizah kullanmak
4. siteyle aynı sayfalar
5. şu tarihte-saatte döneceğiz
6. yapılabilecek şey önerin
7. geri dönünce biz çağıralım
8. şunları yaptık şunlar kaldı

1. Basitlik ve anlaşılırlık
Site bakımdasayfalarının basit olması sitenizin kapanma nedeninin basit bir güncelleme veya gerekli bir özellik eklemesi olduğunu vurgular. Daha basit “site bakımda” sayfaları daha etkili olur. Logonuz ile birlikte sadece ne kadar sürede sitenin aktif olacağını belirtmeniz bile yeterli olabilir.

Site bakımda sayfalarınız için başka bir kullanışlı özellik de bu sayfaları birdenfazladilde yaratmanız. İnternetin uluslararası bir havuz olduğunu düşünürsek en azından ingilizceyi de diller arasına katmanız yararlı olabilir. En azından online çeviricileri (google-translate gibi) kullanın.

Sitenize orjinal ve kaliteli içerik kazandırmak

firederick | 15 June 2009 16:23

Bedava içerik. Biz bütün webmaster’ların istediği budur değil mi? Bunun sadece bedava değil, orjinal, kaliteli ve özgün olmasını da isteriz. Sadece bizim sitemize ait içerikler. İçerik her zaman bulunur ama insanlara kendi siteniz, sadece sizin siteniz için içerik yazdırmak gerçekten çok zordur.

Peki bunu neden isteriz. Çünkü orjinal ve kaliteli içerikler arama motorlarında en üstlerde görünür ve bu size trafik ve tıklama olarak dolayısıyla da para olarak geri döner. (Genelde adsense veya diğer reklam sistemlerinden)

Anlamanız gereken en önemli şey insanlar siz istiyorsunuz diye özgün içerik yazmaz. Sadece kendi istedikleri için yazarlar özgün içeriği ve uzman oldukları bir konuda yazarlar.