Merhaba değerli okuyucularım,



Bu makalemde sizlere bloglarınızda sağ tık yasağı veya kopyalama işlemini engellemeyi göstereceğim. İşlemlerimiz çok basit, lafı uzatmadan direkt olarak konuya geçiyorum.

İlk önce kumanda yani admin panelimizden Yerleşim bölümüne giriyoruz. Ardından Gadget ekle diyerek HTML/JavaScript 'i seçiyoruz. Ardından aşağıdaki kodlardan hangisini istiyorsanız onu ekliyorsunuz.

Kopyalama Yasağı

<script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

Sağ Tık Yasağı

<SCRIPT LANGUAGE="Javascript"><!--
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
var EnableRightClick = 0;
if(isNS)
document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
if(EnableRightClick==1){ return true; }
else {return false; }
}
function mousehandler(e){
if(EnableRightClick==1){ return true; }
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;
}
function keyhandler(e) {
var myevent = (isNS) ? e : window.event;
if (myevent.keyCode==96)
EnableRightClick = 1;
return;
}
document.oncontextmenu = mischandler;
document.onkeypress = keyhandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
//-->
</script>

İşlemlerimiz bu kadardı. Herhangi bir soru veya sorunu olan yorum olarak belirtebilir. Değerli vaktinizi ayırıp okuduğunuz için teşekkür ederim. İnşallah işinize yaramıştır.

İyi Bir WebSite, Blog, Forum Nasıl Olmalıdır ?

Merhaba arkadaşlar. Bu makalemde sizlere web sayfalarının temeline değinmek istedim. Makaleyi okuduktan sonra fikir ve düşüncelerinizi söylerseniz kendi adıma mutlu olurum. Buyurun makaleye geçelim.

İyi bir web sayfası oluşturmak için dikkat edilmesi gereken bir nokta var. Burada yazacaklarım profesyonel bir web sayfasında olması gereken aynı zamanda profesyonel web sayfalarında olan özelliklerdir. Tabi bunlara uymak tamamiyle size kalmış. Bir de şunu unutmamak lazım : "Amerika'yı bir daha keşfetmenin lüzumu yok" değil mi ?..

 Sayfalarınızda kullandığınız resimlerin harddisk üzerinde kapladığı alana dikkat edin. Resimlerin boyutu en fazla 20 KB olmalıdır. Daha büyük boyutlu resimler sayfanın yüklenme süresini uzatır. Yani ziyaretçi uzun süre bilgisayarın başında bekler.

 Resim dosyalarının boyutlarının 20 KB olmasının geçerli olmadığı durumlar da vardı. Örneğin resim galerilerindeki resimlerin boyutları daha büyüktür. 400-500 KB'lara çıkabilen resimlere galerilerde rastlamak mümkün.

 Bir sayfada çok fazla animasyon kullanmayın. Fazla kullanılan animasyonlar ziyaretçinin ilgisini belli bir süre sonra dağıtır.

 Site içerisinde kullanılan pop-up menülerin sayısı fazla olmasın. İnsanın gözüne girecekmiş gibi birbiri ardına açılan sayfalar bir süre sonra karışıklık ve can sıkıntısına neden olur. Pop-up menülerin bir diğer boyutu da günümüz tarayıcılarının dahili pop-up önleme özelliklerinin olmasıdır. İstediğiniz sitenin pop-up'larına izin verebileceğiniz gibi istemediğiniz siteleri pop-up'larını engelleyebilirsiniz Ön tanımlı olarak engellenen pop-up'ları kullanırken bir defa daha düşünmek gerekiyor.

 Ziyaretçiler siteniz içerisinde istedikleri yerlere kolayca ulaşabilmelidir. Ziyaretçiye, istediği yere ulaşması için dereler tepeler aştırmayın. Link verilecek sayfaları güzel seçin.

 Sayfadaki renk uyumuna dikkat edin. Özellikle zemin rengi seçerken dikkatli olun. İnsanın gözünü yoran parlak veya cart renklerden uzak durun. Örneğin mavi zemin üzerine beyaz yazı ilk başta güzel görünebilir. Fakat belli bir süre sonra göz, harfleri ayırt edemez ve yorulur. Zemin rengi kadar öne çıkan unsurlardan biri de zemin resmidir. Zemine koyacağınız küçük boyutlu bir resi sitenizi göze hoş gösterirken kötü de gösterebilir.

 Web sitesi adresiniz çok uzun olmasın, akılda kolay kalacak bir isim bulmalısınız. "www.inanmazsinbubirwebmasterblogu.blogspot.com.tr" gibi bir isim kullanmayınız. Bu adresi mi akılda tutmak kolay yoksa "www.kgundovan.blogspot.com.tr" gibi bir adresi mi ? Açıkçası ikiside zor ama birbiriyle kıyaslarsak sadece isim-soyisim daha iyi.

 Sitenizin içeriğini düzenli aralıklarla güncelleyin. Siteniz dinamik bir içeriğe sahip olsun.

 Biraz da altyapıya göz atalım. Altyapıyı ziyaretçi göremeyecektir; ama webmaster olarak sizler, siteye bir sayfa eklemek istediğiniz zaman zorluklarla karşılaşabilirsiniz. Örneğin, resimlerinizi bir klasörde toplayın. Alt bölümleriniz varsa; bu alt bölümler de klasörlerle ayrılmış olsun. İyi bir web sitesinin dış güzelliği kadar iç güzelliği ve düzeni de önemlidir. Tecrübeyle sabittir.

Dev C++ Programı ve Kurulumu

Merhaba değerli arkadaşlar;



Bugün sizlerle birlikte Dev C++ programını kuracağız. Eğer Dev C++ programını hala indirmediyseniz Dev C++ indir linki sizlere yardımcı olacaktır. Makalemizi çok fazla uzun tutmayalım ve Dev C++ nasıl kurulur görelim...

İlk önce demek istediğim birkaç şey var. Bunlardan birincisi zaten programı indirdiyseniz "Next-Next-Next" deyip programı kurabilirsiniz. Ama yinede ben bu işte bilgi sahibi olmayan ama azimli olan arkadaşlarım için resimli olarak anlatmak istiyorum:

Resimlere tıklayarak daha büyük halini görebilirsiniz.

Merhaba sevgili arkadaşlar;



İleride yayınlayacağım makaleler için bazı programlara sahip olmanız gerekmektedir. Bunlardan bazılarını söylemek gerekirse, başta Visual Studio 2012 adında program yer alıyor. Ancak hem karışık olması hemde fazla yer kaplaması nedeniyle daha sade ve kullanışlı bir program öneriyorum sizlere. Başlıktanda anlayacağınız gibi programımızın adı "Dev C++". Bu programı nasıl indireceğinizi aşağıda resimlerle anlattım. İnşallah anlatabilmişimdir. Yardımcı olabildiysem ne mutlu bana.

Güncelleme : Videonun en altına nasıl indirebilirsiniz video halinde paylaştım. Kısa ve öz 1 dakikalık video.

Resimlere tıklayarak daha büyük halini görebilirsiniz.

Merhaba sevgili arkadaşlar. Bugün itibaren makale yazma işini ciddiye alıp düzenli bir şekilde makale yazmayı planlıyorum. Fakat neler yazarım diye kendime sorunca başta hemen aklıma programcılık geliyor. Yine programcılık üzerinden devam edeceğim ve bunun üzerine birkaç kategori daha ekleyeceğim. Başlıca kategoriler şöyle olacak :

- HTML 5 ve CSS 3
- JAVA
- Veritabanı
- Algoritma
- SEO&SEM
- C++
- C#
- Webmaster
-Wordpress ve Blogger

İşte genel kategoriler bunlar olacak arkadaşlar. Bu kategoriler üzerinden sanırsam sıralı makaleler yazacağım ama bu konuda daha tam emin değilim. Eski makalelerimi de sildiğimi belirtmek istiyorum. Zaten hiç kullanıcım olmadığı için sıkıntı etmiyorum.

Okuyup ilgi gösterdiğiniz için çok teşekkürler. Soru ve sorunlarınız varsa eğer bu makaleye yorum atabilirsiniz.

Merhaba değerli okuyucu arkadaşlarım;

Bu makalemde sizlere 125x125 reklam alanı oluşturmayı anlatacağım. Bu makalede Blogger kullananlar için reklam alanı olacak ama kodları sizde doğru bölüme koyarak kullanabilirsiniz. Yani HTML, WordPress, Blogger hatta MyBB, vBulletin gibi forum scriptlerinde dahi kullanabilirsiniz. Lafı uzatmadan hemen konuya geçiyorum.

Öncelikle arkadaşlar aşağıda vereceğim kodu  Yerleşim ➜ Gadget Ekle ➜ HTML/JavaScript yolunu izleyerek içine yapıştırıyoruz.

<center><table border="1"><tr><td width="125" height="125" align="center">
<a href="http://www.kgundovan.blogspot.com/p/iletisim.php" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G143BtN9hUFnkI_M2ypRkgIlaibCd2DggNMuAJoZO08yUiCCOhZfrjt02cg7FdJBeyw82u356TqvHg8cTS4okAsAXFJhIy-gMOeDKZk1dl7W1WxrbBjkScca9XoqDLYkQKZqbwXQPuLs/s1600/125x125.gif"/></a></th>
<td width="125" height="125" align="center"> <a href="http://www.kgundovan.blogspot.com/p/iletisim.php" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G143BtN9hUFnkI_M2ypRkgIlaibCd2DggNMuAJoZO08yUiCCOhZfrjt02cg7FdJBeyw82u356TqvHg8cTS4okAsAXFJhIy-gMOeDKZk1dl7W1WxrbBjkScca9XoqDLYkQKZqbwXQPuLs/s1600/125x125.gif"/></a> </th>
</tr><tr>
<td width="125" height="125" align="center">
<a href="http://www.kgundovan.blogspot.com/p/iletisim.php" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G143BtN9hUFnkI_M2ypRkgIlaibCd2DggNMuAJoZO08yUiCCOhZfrjt02cg7FdJBeyw82u356TqvHg8cTS4okAsAXFJhIy-gMOeDKZk1dl7W1WxrbBjkScca9XoqDLYkQKZqbwXQPuLs/s1600/125x125.gif"/></a> </td>
<td width="125" height="125" align="center">
<a href="http://www.kgundovan.blogspot.com/p/iletisim.php" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G143BtN9hUFnkI_M2ypRkgIlaibCd2DggNMuAJoZO08yUiCCOhZfrjt02cg7FdJBeyw82u356TqvHg8cTS4okAsAXFJhIy-gMOeDKZk1dl7W1WxrbBjkScca9XoqDLYkQKZqbwXQPuLs/s1600/125x125.gif"/></a> </td></tr></table></center>

Daha sonra "Kaydet" diyerek Gadget bölümünden ayarlarımızı (konumunu vs.) tamamlıyoruz.

Merhaba sevgili okuyucu dostlarım;

Bu makalemde sizlere Blogger kullananlar için güzel bir eklenti paylaşacağım. Bu eklenti sayesinde kendi blogumda da görebilirsiniz, makale içindeki resimlere CSS sayesinde şekiller veriyor. Herhangi bir kurulum vs. bir şey gerektirmiyor ve çok kısa bir süre içinde kurulumu bitiyor. Lafı uzatmadan eklentiye geçelim;

İlk önce admin (kumanda) panelinden şablonumuzu düzenlediğimiz bölüme geliyoruz.

]]></b:skin>

Kodumuzu girdikten sonra hemen üstüne aşağıda verdiğim kodları yapıştırıyoruz.

Eklemek istediğiniz stilin kodunu yazın, tek tek sıraladım.

 STİL 1 :

.post-body img {
border:0;
padding:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
box-shadow: 0px 0px 15px #000; /* Arkadaki gölgeyi verir. Değerlerle isterseniz oynayabilirsiniz. */
border-radius: 50%; /* Border Radius : Kenarın yuvarlanmasıdır. Yüzde ile oynayabilirsiniz.*/
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

STİL 2 :

.post-body img {
background:#FFF; /*Çevresindeki arka plan rengi  */
padding:15px; 
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
box-shadow: 0px 0px 15px #000; /* Gölge*/
border-radius: 0% 50%; /* Yuvarlatılmış kenar  */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

STİL 3 : 

.post-body img {
background:#FFF; /* Çevresindeki arka plan rengi */
padding:15px; /* Sınır Arasındaki Boşluk ve Görüntü */
border-radius: 50% 0; /*  Yuvarlatılmış kenar */
box-shadow: 0px 0px 15px #000; /* Gölge */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius:0; /* Bu işlem ile sınır yuvarlaklık (değeri 0) */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

STİL 4 : 

.post-body img {
box-shadow: 0px 0px 15px #000; /* Gölge*/
border-radius: 50%; /* Yuvarlatılmış kenar */
border:0;
padding:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
box-shadow: 0; /* Bu gölge (değeri 0) */
border-radius: 0; /* Bu işlem ile sınır yuvarlaklık (değeri 0)*/
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

STİL 5 : 

 .post-body img {
border-radius: 45% / 20%; /* Rounded border */
box-shadow: 0px 0px 15px #000; /* Gölge */
padding:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius: 0; /*  Bu yuvarlaklığını sınır (değeri 0) */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

Eğer beğendiyseniz ne mutlu bana. İyi bloglamalar efenim :)