Blogger İçin LightBox Resim Görüntüleme

Bu makalemde; bloggerde LightBox la oluşturulmuş bir reim galerisinin nasıl yapıldığını örnek vererek anlatmaya çalışacağım.

LightBox, javascript ve prototip çerçevesini kullanan gerçekten zarif bir resim görüntüleyici eklentisidir.

1-Blogger panelinize giriş yapınız
2- Solda ki menüden Tema sekmesine tıklayanız.
3- Açılan sayfada sağ taraftaki üç noktaya tıklayarak HTML yi düzenleyi seçiniz.
4- Açılan sayfada Control+F ile  </head>  tagını bulunuz.
5- Bulmuş olduğunuz tagın hemen üst satırına alttaki kodu yapıştırınız. 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/>

<script src='https://dl.dropboxusercontent.com/s/44nrvf9a6dtv7a8/ImageLightbox-USER.js' type='text/javascript'></script>

Font Awesome İkonlarının Kullanma Şekilleri.

Web sayfalarında en yaygın şekilde kullanılan ikon fontlardan biri de Font Awesome dir.  İkonlar font haline dönüştürüldüğü için web sayfalarında yer kaplamadan ve sayfaya fazla yük bindirmeden çalışmaktadır. Üstelik css ile de  şekil verme imkanı mevcuttur.

İkonlar font özelliğinde olduğu ve imaj dosyasına ihtiyaç duymadığı için sitenin hızlı açılmasında büyük rol oynamakatadır.

Font Awesome sayfasına buradan ulaşarak üsteki icons sekmesinden kullanacağımız ikonları seçebiliriz.

Renk Kodu Bulma Programı-Pix

ColorPixie ile fare ile herhangi bir  rengin üzerine geldiğinizde o renge ait RGB, HEX, HTML, HSV ve CMYK formatlarda ki renk kodlarını bulmanıza yarayan pratik bir uygulamadır.  Klavye kısa yolları sayesinde de bu renk kodlarını kopyalayıp istediğiniz yere yapıştırarak rengi oluşturabilirsiniz.

Program küçük boyutta olup, kurulum gerektirmeden çalıştığından bilgisayara yük getirmemektedir.

Webmasterler ve tasarım işi ile uğraşanlar için kullanışlı bir program olup aynı zamanda ücretsizdir. Çalıştırıp fare ile bir rengin üzerine geldiğinizde 6 formatta renk kodunu kopyalayarak  renginizi oluşturabilirsiniz. 

HTML / CSS Efektli Dropdown Menu Yapma

Bu makalede HTML ve CSS le efektli dropdown yani açılır kapanır bir menünün nasıl oluşturulduğunu anlatmaya çalışacağım.

Oluşturacağımız menünün bitmiş hali aşağıda görülmektedir.

Fare ile menü elemanlarının üzerine geldiğimizde 2px lik orange renkli 360 derece dönen border oluşmaktadır. Görsel eğitim menüsü üzerine geldiğimizde de altında 10px lik kutu gölgeli  ve 360 derece dönen borderli dropdown menümüz açılıp kapanmaktadır.

Css ile Sikca Sorulan Sorular Sayfasi Yapma

Web sitelerinin en önemli kısımlarından birini oluşturan sıkça sorulan sorular (F.A.Q.) bölümü, siteyi takip edenlerin veya müşterilerin aklına gelebilecek soruları cevaplayarak gidermede büyük rol oynadığı inkar edilemez. Özellikle E-ticaret sitelerinde bu bölüm, müşterilerin en çok ihtiyaç duyduğu veya başvurduğu bölümlerden biridir.

E-ticaret sitelerinde bu sayfa da müşterilerin kargo, müşteri hizmetleri, satın alınan malın iade ve değişim şartları hakkında ki soruların cevap bulduğu  bölümdür. Böylece müşteriler akıllarında ki sorulara bu sayfadan hızlı bir şekilde yanıt alabilirler.

Ürünleriniz ve hizmetlerinizin teknik konuları hakkında tüketiciler, açıklamalara ihtiyaç duyacaksa akıllarda ki sorulara cevap vermek için sitenizin belli bir yerinde (footer, header,ayrı bir sayfa) sıkça sorulan sorular bölümü oluşturabilirsiniz.

Sosyal Medya Renk Kodları

Yeni bir site oluştururken veya sosyal medya butonlarını tasarlarken sosyal medya Hex ve RGB renk kodlarına ihtiyaç duyarız.

İşte en çok kullanılan  sosyal medya ağlarına ait Hex ve RGB renklerine toplu olarak aşağıda ki listeden ulaşabilirsiniz.

Css3 Gecis Efektleri (Transitions)

Eskiden JavaScript ve Flashla yapmakta olduğumuz bir çok işlevi şimdi Css3 gelen yeni özellikler sayesinde fazla kod yazmadan pratik bir şekilde yapma imkanına kavuşuldu.

Bu özelliklerin başında Css3 geçiş (Transitions) efektleridir. Bu yazımızda da resimlere verilen hover efektleri konusunda örnek vermeye çalışacağım.

Bu efektde,  mausla resmin üzerine gelindiğinde resim yukarı çıkarak kaybolacak ve gizlenmiş olan resim yazısı ise açığa çıkacaktır. 

İlk efektimizi oluşturalım. Önce HTML kodlarımızı yazalım. Efektlerimizi sırasız liste şeklinde göstermek üzere container divinin içine ul li yapısı oluşturuyorum.

HTML5 de Site Yapısı ve Kodları

HTML5 in yapısında  kodlamanın  eskiden olduğu gibi div ile yapılmasının  devamı  şeklinde olup, yeni gelen etikeler ile daha da zenginlik kazanmıştır. Zaten arama motorları da  div ile düzenlenmiş sitelere öncelik vermektedir. Ayrıca kodlama daha az olduğundan sitenin yüklenmesi daha hızlı şekilde yapılmaktadır.

Aşağıda HTML5 e göre düzenlenmiş standart bir site yapısı verilmiş olup, kullanılan terimlerin açıklamaları yapılmıştır.

Pokemon GO Android Cihazlara Nasıl Yüklenir?

Bazı uygulamaların ülkemizde yayınlanmadığına, sadece belli ülkelerde yayınlandığına şahit olabiliyoruz. 

Bu durumlarda yurt dışında indirilebilen bu uygulamaları veya oyunları Google Play ülke kısıtlaması nedeniyle Android telefon veya tabletimize indirebilmemiz mümkün olmuyor. 

Fakat alternatif yöntemler kullanarak bu ülke kısıtlamalı Android uygulamalarını indirebilmemiz mümkün olmaktadır.

Birinci Yol:

Eğer Android işletim sistemli bir telefona sahipseniz APK indirerek ya da Google Play üzerinden ülke değiştirerek indirebilirsiniz. 

Pokemon GO iOS Cihazlara Nasıl Yüklenir?

Bazı oyun ve uygulamalar var ki ilk adımda sadece belli ülkelerin App Store mağazaları üzerinde indirilmeye açılıyorlar. İşte bu yazımızda da bu tür bölge kısıtlamasına sahip uygulama ve oyunları indirebilmek için izleyeceğiniz yoldan bahsedeceğiz.

Pokemon Go'yu Türkiye App Store hesabınız üzerinden mağazayı değiştirerek indirmeniz mümkün değil. Yeni bir Apple ID oluşturup ülke değiştirmeniz yeterli. 

iOS kullanıcılarıiçin durum biraz sıkıntılı gözüküyor. iOS için: App Store Avusturalya ya da 

Yeni Zelanda veya Kanada hesabı açarak indirebilirsiniz.

Youtube Videolarını Blogger Bloga Ekleme Yöntemleri

1-Youtube.com sayfasına girerek ekleyeceğin videonun     altında ki  Paylaş bağlantısını tıklayınız.

2-Ekle bağlantısını tıklayınız.

3-Genişletilmiş kutuda gelen kodu kopyalayın.

4-Kodu blogunuza HTML olarak yapıştırın.

Eklenecek Örnek Kod Aşağıdai gibidir.

<iframe  width="500" height="300" src="//www.youtube.com/embed/eNCexqm-EIs" rameborder="0" allowfullscreen></iframe>

Web Hosting ve VPS Hosting Arasında ki Farklar

Web Hosting ve VPS Hosting hizmetleri arasında çok ince benzerlik olmakla birlikte faydalı olabilecek farklılıklar da mevcut.  Her iki hizmet türü de ihtiyaçlarını karşılayan kişiyi memnun etmekte ancak VPS Hosting tarafında hem seriş sağlayıcının hem de hizmet alan kişinin alması gereken yol biraz daha fazla.

Web Hosting

Web Hosting web site dosyalarınızı veya bir uygulamanızı internet üzerinden bir alan adı ile her yerden erişilebilir kılan bir servistir.

E-Postalar İle Yeni Bir Dolandırıcılık Yöntemi

Türkiye vatandaşlarının kişisel bilgilerinin çalındığı bir döneme denk gelen bu dolandırıcılık yöntemi şu şekilde oluşuyor.

E-postalar ile dolandırıcılık önce İngiltere'de ortaya çıktı ve dünyaya yayıldı.

BBC’de yer alan habere göre, yeni siber dolandırıcılık hamlesinde, şahıslar borçlu olduklarını belirten bir e-posta alıyorlar. Yasal bir şirketten gelmiş gibi duran bu e-postada, borçlu olduklarını ve borcun ödenmesinin geciktiği belirtiliyor. 

Site İçi SEO Nasıl Yapılır ?

İnternet sitelerinin arama motorlarında yükselmesi için yapılan çalışmalara SEO denir. Seo,  site içi ve site dışı seo olarak iki gruba ayrılır. Bu makalemizde sizlere site içi seo nasıl yapılır hakkında ayrıntılı bilgiler vermek istiyorum. 

Site Dışı Seo Nasıl Yapılır  hakkında da bilgi edinmek isterseniz BURAYA  bakabilirsiniz.

Site içi seo çalışmaları seonun bel kemiğini oluşturmaktadır. Çünkü içerik olarak doyurucu olmayan, ziyaretçilere istediğini veremeyen siteler arama motorları tarafından da değersiz görülür ve ne kadar site dışı seo çalışması yapılırsa yapılsın başarı elde edilemez. 

Site içi seo için yapılması gerekenleri şu şekilde sıralayabiliriz.

Kablosuz Bağlanti Noktalarının Tehlikeleri

En son haberlere ulaşabilme, e-postalara erişebilme, ya da bir kafe, bar, otel veya hava alanlarının sunduğu kamuya açık internet bağlantıları artık kullanıcılar açısından çok kullanılır hale geldi.

Bedava Wi-Fi bağlantı noktalarında pratikliği karşısında şifresiz bağlantı imkanı, iyi sinyal gücü, bu bağlantılara ulaşmayı ve kullanmayı kolaylaştırıyor. 

Kafede, restoranda veya başka yerlerde sunlun bu hizmetler genelde şifrelenmemiştir. Böyle bir ortamda verileri havada yakalayan kişilerin şifrelenmemiş bağlantı üzerinden gönderdiğiniz herşeye ulaşabilecekleri anlamı çıkıyor. Risk altında olan sadece finansal verileriniz değil, geçmişte ziyaret ettiğiniz web siteleri, oturum açma bilgileriniz, e-posta hesabı, Ftp bilgileriniz, belgeleriniz klasöründe ki bilgileriniz halka açık alanlarda tehlike altında. 

Winrar İle Setup (Exe) Dosyası Hazırlama

1. Adım 

Setap' ını yapacağımız Winrar'lı dosyamızı çift tıklayarak aşağıdaki gibi açalım. En sağ taraftaki "Arşivi Kendi Açılan Türe Dönüştür" butonu olan SFX butonuna tıklıyoruz. 

Blogger Footer Alanına Sütun Ekleme

Blogger'ın kullanıclarına sunmuş olduğu hazır temaların bazılarında Alt Kısım (Footer) sadece tek sütundan oluşmaktadır. Bu sütunları isteğe bağlı olarak çoğalma imkanımız var.

Bloggerde Resimli Benzer Yazılar Eklentisi

Daha önceki bloglarda tanıtılan Linkwithin ve Outbrain'in Resimli Benzer Yazılar veya Bunlarda İlginizi Çeker gibi uygulamalar hata verdiğinden ve çok şikayet konusu olduğundan alternatif olarak bu yazı paylaşılmaktadır. 

Bu alternetif uygulamayı blogunuza eklemek için şu adımları takip ediniz.

1-Blogger Kumanda Paneli>Şablon>HTML'yi Düzenle den " </head>" kodunu bulunuz. Bulduğunuz bu kodun hemen üzerine aşağıdaki kodları ekleyiniz.

Son Yazılarınızı Animasyonlu Olarak Blogunuzda Gösterme

Yayınlamış olduğunuz son yazılarınızı  resimli ve animasyonlu olarak vidget şeklinde blogunuza ekleyebilirsiniz.

Ayrıca makale sayısını ve resimlerin boyutlarını istediğiniz gibi ayarlayabilirsiniz. Mausla resimlerin üzerine gelindiğinde makalenin kısa bir tanıtımının yapıldığı bir pencere animasyonlu olarak  yana doğru açılarak ziyaretçiye makale hakkında bilgi vermektedir.

Blog Sayfanıza Müzik Çalar Ekleme

Aşağıdaki kodu kopyalayıp Blogger Kullanıcı Paneli>Yerleşim>Gadget Ekle>HTML/JavaScript Ekle yolunu takip ederek yapıştırınız. Blogunda görmek istediğin yere taşıyarak kullanınız.