Yazılım etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Yazılım etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger benzer yazılar eklentisi 9 farklı stil

Sitenizin alt yapısı her ne olur ise olsun benzer yazılar eklentileri sitenize gelen ziyaretçileri daha çok sitenzde tutabilmek ve daha çok ilgisini çekecek konunun olduğunu göstermenin en eski ve güzel yöntemlerinden biridir. Bu amaçla kullanabileceğiniz blogger benzer yazılar eklentisi ile kodlamada hiçbir değişiklik yapmadan kolaylıkla 9 farklı stili ve bu stillerin içinde yer alan özellikleri denetleyip yönetebileceğiniz bir blogger benzer yazılar eklentisi paylaşacağım.

Blogger Benzer Yazılar Eklentisi Genel Özellikleri

  • 9 farklı stilden dilediğinizi kullanabilme
  • Başlık, özet ya da resim göster/gösterme özelliği
  • Basit liste gösterim özelliği
  • Resim boyutarını dilediğiniz gibi değiştirebilme
  • Başlık ya da özet uzunluğunu siz belirleyin
Başlıca özellikler bu şekilde. Fazla lafı uzatmadan hemen kuruluma geçelim. Kurulum 2 aşamalıdır; ilk aşamada stil kodlarınızı head alanına ekledikten sonra ikinci aşamada benzer yazılarınızı göstermek istediğiniz alana verdiğim benzer yazılar kodunu eklemeniz yeterli olacaktır. Videolu anlatım da hazır olduğunda resimli anlatım altına ekleyeceğim.

Blogger Benzer Yazılar Eklentisi Kurulum - Resimli Anlatım

1. Blogger yönetim panelinize girin, "Şablonlar" kısmında "HTML'yi düzenle" butonuna tıklayın ve açılan kod ekranında </head> kodunu aratarak aşağıda verdiğim stil kodlarını bu </head> kodunun hemen üzerine ekleyin.

Stil kodları için BURAYA TIKLAYIN açılan ekranda yer alan stil kodlarını kopyalayın ve aşağıdaki resimdeki gibi uygulayın.
2. Stil kodlarımızı ekledikten sonra hemen benzer yazılar kodlarımızı ekliyoruz. Kodu eklemek için:
<b:includable id='postQuickEdit' var='post'>
birinci kısımda yaptığınız arama gibi bu kodu aratarak altında benzer yazılar kodlarınızı ekleyin.

Benzer yazılar kodlarını BURAYA TIKLAYARAK açılan ekrandan kopyalayabilirsiniz. Ardından yukarında resimde gösterildiği şekilde uygulayınız.
Kurulum işlemi bu kadar gelelim eklediğiniz kodlar ile stil vs değişikleri nasıl yapacağınıza. Bu değişiklikleri 2. eklediğiniz kodlar üzerinden yapılmakta ve aşağıda bir resim ile neleri kullanarak nasıl özelleştirmeler yapabileceğinizi anlatmaya çalıştım.

Blogger Benzer Yazılar Eklentisi Kurulum - Videolu Anlatım

Blogger Sabit Ana Sayfa nasıl yapılır

Bu yazımızda özellikle wordpress kullanıcılarının sıkça kullandığı, daha kurumsal - bireysel ana sayfa yapısı sağlayan ana sayfada son yazıların yerine içeriğini sabit bir şekilde düzenlediğiniz bir sabir saynaın nasıl eklenebileceğini anlatmaya çalışacağım. Fazla uzatmadan adımlar halinde yapmanız gerekenlere geçelim.

Blogger Sabit Ana Sayfa Resimli Anlatım

1. Blogger yönetim panelinize girerek, sayfalar kısmına girin ve yeni sayfa oluşturarak ana sayfa olarak kullanacağınız içerikleri bu yeni sayfanızda düzenleyerek yeni ana sayfanızı hazırlayın.
2. Ana sayfa içeriklerimiz ekleyip yayına hazırladıktan sonra yine blogger yönetim panelimizden ayarlar kısmından arama motorları ayarları kısmından özel yönlendirmeler satırının sağ yanında yer alan düzenle kısmına tıklayın. Burada siteadi.com bağlantınızı siteadi.com/p/sayfa-adi.html şeklinde oluşturduğunuz sayfaya yönendirin ve düzenleyerek hazırlamış olduğunuz sayfanız hazır.

Blogger Sabit Ana Sayfa Videolu Anlatım

Butns css Bootstrap buton kütüphanesi nedir nasıl kullanılır


Yeni tasarımlarda ya da güncellemelerde hepimiz hazır ortam kütüphanelerinden faydalanıyoruz ve bu yazımda benzeri çalışmalarınızda kullanabileceğiniz Butns.ga dan bahsetmek istedim. 

Butns.ga Nedir?


Butns.ga özellikle Bootstrap gibi Frontend framework için size kapsamlı bir buton çeşitliliği sunan bir buton stip kütüphanesidir denebilir. Bootstrap gibi Frontend framework’ler kendi button stilleri ile birlikte gelir lakin çok çeşitlilik içermemektedir.

Ücretsiz Butns kütüphanesi tüm ekli framework’lerden bağımsız bir dizi özel button stilleri sunuyor. Zaten özel bir sayfa tasarımına sahip olan ve button stilleriyle uğraşmak istemeyen geliştiriciler için mükemmel bir seçenektir.

Button seçimi için neredeyse sınırsız seçenek ve kombinasyonlar mevcuttur. Butns kullanıcı aşinalığı açısından flat(düz) button’lar, pill(hap) button’lar ve ghost(hayalet) button‘ların karışık & eşleşebilen 30’dan fazla farklı arkaplan / kenarlık renkleri içermektedir.

Ayrıca iki farklı rengi bir araya getiren farklı gradent stilleri arasından seçim yapabilirsiniz. Renkler ve gölgelerle birlikte herhangi bir button’nun şeklini, boyutunu ve şeffaflığını da değiştirebilirsiniz.

Her şey CSS sınıflarıyla kontrol edilir. Bu nedenle kütüphanedeki her şeye tam erişiminiz vardır.

Butns de kullanışlı bir özellik olarak yalnızca bir sınıf adını güncelleyerek farklı stiller arasında kolayca geçiş yapabilmenizdir. Aşırı karmaşık bir stil ekleme veya bir stil sayfası düzenleme sistemi yoktur.

Butns.css web üzerinde kolayca kullanılabilen en kapsamlı button stil sayfalardan bir tanesidir. Birden çok web projesine ekleyebilirsiniz ve hepsi bu kütüphaneyle farklı bir görünümlere sahip olabilir.

Butns.ga NAsıl Kullanılır?


Başlamak için .css dosyasını Butns ana sayfasından veya GitHub repo‘sundan indirebilirsiniz. Her ikisi kaynakta en güncel sürümlerin bağlantısı mevcuttur.

Sınıflar listesine GitHub sayfasından mutlaka göz atmak gerekiyor. Renk, button türü ve küçük/büyük veya yarı saydam gibi görüntüleme seçeneklerini özelleştirmek için bütün sınıfların tam listesini ve kullanım şeklini bulabilirsiniz.

Bootstrap gibi diğer framework’lerin sınıflarıyla çakışmadığından üzerinde rahat bir şekilde oynamalar yapabilirsiniz. Böylece Butns.css’i herhangi bir güçlük çekmeden hemen hemen tüm diğer frontend framework ile birleştirebilirsiniz.

JavaScript Nedir?


HTML dili her ne kadar metinler üzerinde neredeyse her türlü düzenlemeyi yapmamıza izin verse de, zayıf kaldığı bazı yönler vardır; mesela HTML bize web sayfalarına bir 'iş' yaptırtma, onları değişik olaylara veya durumlara duyarlı hale getirme imkanı sunmaz. Bu eksikliği Netscape firmasının yetkilileri de farketmiş olacak ki Aralık 1995 tarihinde, C dilinin browser'lara uyarlanmış hali diyebileceğimiz JavaScript'i piyasaya sürdüler.

Tam bu dönemde Sun Microsystems Pascal ve Delphi dillerinden esinlerek oluşturduğu 'Java' isimli bir programlama dilini piyasaya sürmek üzereydi. Netscape'in piyasaya sürdüğü script dilinin ismini JavaScript koyması, o dönemde çok telaffuz edilen 'Java' kelimesinin popüleritesinden yararlanmak adına uyguladığı bir pazarlama stratejisiydi, yani pek çok kişinin düşündüğünün aksine Java ile JavaScript arasında isim benzerliği hariç hiçbir benzerlik yoktur.

Bir süre sonra Microsoft da olaya el attı ve JavaScript'le neredeyse aynı olan JScript'i piyasaya sürdü.Fakat sonra bu diller farklı yönlere doğru geliştiler. Şu anda Netscape tarayıcısı JScript'i tanımıyor, fakat Explorer her iki script'i de tanıyor. Yine de iki tarayıcının JavaScript'i yorumlamaları bazen farklılık gösterebiliyor.

'JavaScript nedir?'  :

  • Netscape'in piyasaya sürdüğü script dilidir.
  • JavaScript HTML kodlarının içine yazılır. Yazılan kodun bir JavaScript kodu olduğu browser'a <script>...</script> etiketleri ile bildirilir.
  • Tıpkı HTML gibi, JavaScript kodları da yorumlanmak için bir browser'a ihtiyaç duyarlar, yani sonuçta '.exe' uzantılı, bağımsız olarak çalışabilecek bir dosya oluşmaz.
  • JavaScript bir olay halinde işler; olay JavaScript açısından ziyaretçinin bir yere tıklaması, bir tuşa basması vs. olabilir.

JavaScript ile neler yapılabilir?

JavaScript ile bir web sayfasına yukarıda tanımladığımız biçimde herhangi bir olayın gerçekleşmesi halinde herhangi bir iş yaptırabiliriz. Örnegin sayfada bir butona basıldığında sayfadaki bir 'text' kutusunun içine 'Click!' yazdırabiliriz. Burada olay ziyaretçinin butona tıklaması, iş ise text kutusuna 'Click!' yazılmasıdır... Javascript dilinde neredeyse olası her olay tanımlanmıştır, dolayısıyla yapılabilecek şeyler çok geniştir.

Javascript'i öğrenmeye geçmeden önce bir öneri: Sadece gerektiği zaman Javasript'i kullanın. Gereksiz kullanımlar sayfanın boyutunu şişireceği gibi, sayfanızın estetiğini ve kullanışlılığını de olumsuz yönde etkileyecektir.

JavaScript Tanımlamak


Muhtemelen JavaScript‘in bir “a client-side scripting language” olarak geçtiğini yani kullanıcı tarafında(client-side) çalışan betik bir dil olduğunu duymuşsunuzdur. Bu aslında web tarayıcısında çalışan bir programlama dili olduğunu söylemenin başka bir yoludur.

Alternatif olarak Wikipedia şöyle tanımlıyor.
JavaScript is a high-level, dynamic, untyped, and interpreted programming language. It has been standardized in the ECMAScript language specification.
JavaScript’in yukarıda yaptığımız tanımının yanında aynı zamanda dikkat çekici bir özelliği de server-side(sunucu tarafında) de çalışabildiğini de belirtmek gerekiyor! Öncelikle yukarıdaki bazı noktalar hakkında konuştuktan daha sonra makalemizde server-side kısmı hakkında da konuşacağız.

  • High-Level. Bir programlama dili High-Level olduğunda, bilgisayarın temelini oluşturan şeyler hakkında ince ayrıntılı bilgi edinmek zorunda kalmadan programlama yapılabilen bir dil olarak kabul edilir. Belleği yönetmek zorunda değilsiniz hangi işlemcinin çalıştığını bilmeniz gerekmiyor ve pointer gibi şeylerle (C veya Assembly gibi dillerdeki gibi) uğraşmanız gerekmiyor.
  • Dynamic. Dinamik olan dillerde geliştiricilerin yeni kod ekleyerek dilin belirli yönlerini genişletmesine izin verilir. Programı çalıştırırken yeni nesneleri tanıtmak yerine program sadece derlemeye ihtiyaç duyar. Bu JavaScript’in güçlü bir özelliğidir.
  • Untyped. Herhangi bir programlama dili tecrübeniz varsa üzerinde çalıştığınız dilin değişken türlerini belirtmenizi gerektiren bazı dil kurallarına uymanız gerektiğini çok iyi bilirsiniz. Örneğin bir metin değişkeni tanımlamak için String kullanmamız gerekir. JavaScript’te bu gerekli değildir. Sadece var anahtar kelimesiyle bir değişkeni belirtebilirsiniz.
  • Interpreted. JavaScript yorumlanır yani derleyici yoktur.
  • Standardized. JavaScript standartlaştırılmıştır (resmi adı ECMAScript‘tir). Bu standardı uygulayan tüm tarayıcıların diğer tarayıcılarla aynı özellikleri sunacağı anlamına gelir.

Yukarıdaki maddelerin hepsi çok önemlidir. Dilin nasıl çalıştığını bilmek de oldukça önemlidir. Nasıl çalıştığını veya nasıl çalışması gerektiğini de bilmekte oldukça fayda olduğunu düşünüyorum.

JavaScript hakkında


JavaScript, nesneye yönelik programlama dilidir. Lakin daha önce gördüğünüzden biraz farklıdır.

JavaScript, prototypal(prototipik) dili olarak adlandırılır. Buda JavaScript’deki tüm nesnelerin String gibi prototypes(prototipler)in üzerine kurulu olduğu anlamına gelir.

Geliştiriciler prototypal inheritance(prototip kalıtımı)ni kullanarak nesnelere ek işlevsellik kazandırmayı sağlayabilir.
Prototype-based programming is a style of object-oriented programming in which behaviour reuse (known as inheritance) is performed via a process of cloning existing objects that serve as prototypes.
Daha önce hiç nesne tabanlı programlama diliye çalışmadıysanız o zaman bir avantaja sahip olabilirsiniz çünkü sırayla kafanızdaki nesne yönelimli modelin kavramları değişmeyecektir.

Eğer nesne tabanlı programlama dilleriyle çalışmalar yaptıysanız prototypal inheritance(prototip kalıtımı)nin, klasik inheritance(miras) den nasıl farklı olduğunu ayırt etmemiz gerektiğini düşünüyorum.

  • Classical inheritance : Geliştiriciler olarak bir sınıf yazacağız. Bu tek sınıftan birden çok nesne oluşturulabilir. Ayrıca, bu sınıfı devralan başka bir sınıf yazabilir ve daha sonra bu sınıfların örneklerini oluşturabiliriz. Bu durumda alt sınıflar temel sınıflarıyla kod paylaşıyorlar. Dolayısıyla, bir alt sınıfın bir örneğini oluşturduğunuzda hem alt sınıfın hem de üst sınıfın işlevselliğini elde edersiniz.
  • Prototypal inheritance : Sınıflar diye bir şey yok. Bunun yerine sadece bir nesne tanımlayın ve gereken her türlü işlevselliği tanıtın. Varolan bir nesneye işlevsellik eklemek istediğinizde nesnenin prototipine ekleyerek yapabilirsiniz. Number gibi bir nesne üzerinde bir yöntem çağırmaya çalışırsanız, önce o nesnedeki yöntemi araştıracaktır. Bulamazsa yöntemi bulana kadar zinciri yukarı çekecektir.

Sonunda ve belki de en önemli şey bir nesneyi prototipiyle değiştirdiğinizde o nesneyi kullanan herkes tarafından erişilebilir olmasıdır.

JavaScript Nasıl Kullanılır


JavaScript’i nasıl kullanacağımız konusu sonuç olarak hedeflerinize bağlı olarak değişiklik göstermektedir. JS ile çalışmak bir web sayfasında “bir şeyler gerçekleştirmeniz” anlamına geliyor. Sayfalardaki davranışları kontrol etmesi anlamı ifade ediyor.

Bir elementin tanıtılması, elementin kaldırılması(veya gizlenmesi) veya benzeri şeyler olabilir. Ardından web gelişti ve tarayıcılardan sunucuya asenkron çağrı yapabildiler, yanıt(response)ları işleyip bu yanıta dayalı olarak sayfanın durumunu değiştirebilme gibi işlemler yapabilme yeteneğini kazandılar.

Ajax teknolojisinden bahsetmeden olmaz. JS’nin sayfayı barındıran sunucuya çağrı yapması ve sayfayı yeniden yüklemeden tüm aldığı yanıtları işleyebilmesi için bir yoldur. Örneğin, bir arama yapacağımız zaman anahtar kelime girdiğimizde arama çubuğunun alt kısmında çıkan sonuçlar bunun bir eseridir. Farkındaysanız enter’a basmadan sunucudan herhangi bir sayfa karşımıza çıkmıyor.

Google, V8 olarak bilinen oldukça ileri düzey bir JS sözdizimsel analiz motoru geliştirdi. Diğer tarayıcılar da en iyi JS performansını sağlamak için çalışmaktadır.
Artık Node.js gibi araçları kullanarak sunucu üzerinde(server-side) JS yazabiliyoruz. Dahası mobil aygıtlarımız üzerinde çalışan karma uygulamaları(hybrid applications) bile yapabiliyoruz. Buda telefonlarımızı, tablet bilgisayarlarımızı ve masaüstü bilgisayarlarımızı JS kullanarak çözümler üretebileceğimiz anlamına geliyor.

Hangi Kütüphaneler ve Framework Kullanılabilir?

JavaScript’i kullanmaya başlamayı hedefleyen kişileri hedef aldığını söylemiştik. Dilin nasıl yapılandırıldığına ve nasıl çalıştığına dair temel bir anlayışa sahip olduğunuza göre artık web ve/veya uygulama geliştirmeyi kolaylaştırmak için sunulan kütüphanelere ve framework’lere bakmanın zamanı geldi.

  • jQuery “daha az yaz, daha fazlasını yap” için imkan veren cross-browser API sağlamayı amaçlayan bir kütüphanedir.
  • Angular tek sayfalık uygulamaları yapılandırmayı kolaylaştırmayı amaçlayan bir JavaScript framework’tur.
  • React kullanıcı arayüzleri oluşturmak için bir JavaScript kütüphanesidir.
  • Backbone web uygulamaları için model, koleksiyon ve görünüm kullanımıyla yapı kazandırmayı amaçlamaktadır.
  • Ember.js “tutkulu web uygulamaları oluşturmak” için farklı bir kütüphanedir.
  • Ve daha fazlası.
  • JS’e yeni başlayan ve tanışanların yukarıdaki listedekilerle herhangi bir iş yapmasalar bile en azından farkında olup bilmesi gereken bir kaç seçenektir.

JS öğrenmeye başlayınca bu araçlardan bazılarını kullanmaya başladıkça ve sevdiğiniz uygulamaları yaptıkça ne kadar popüler olduklarını göreceksiniz.

Windows sistem geri yükleme nasıl yapılır


Sistem Geri Yükleme sistem içerisindeki önemli dosyaların, Registry adı verilen kayıt defterinin ve bazı programların geri yükleme işleminin sağlandığı bir işlemdir. Gerekilen durumlarda bu noktalar sayesinde sistemin son haline çevirilmesi amaçlanır. 

Windows işletim sistemleri içerisinde XP sürümü ile birlikte yapılan ve daha önceki tarihte düzenlenen dosyaların bilgisayara yeniden yüklenmesini sağlayan komuta Sistem Geri Yükleme adı verilir. Sistemin çalışır halde olduğu durumlarda yaşanan ufak aksaklıkların giderilmesi için oldukça önemli bir işlemdir.

Sistem Geri Yükleme noktaları System Volume Information klasörü içerisinde depolanır. Bir sistem klasörü olan bu klasör gizli konumda bulunur. Sistem Geri Yükleme'de manuel olarak geri yükleme noktasının oluşturulması gerekir. Daha sonra da otomatik olarak Sistem Geri Yüklemesi yapılır.

Manuel Sistem Geri Yükleme Noktası Oluşturma


  • İlk olarak Başlat sekmesine gelinir ve Tüm Programlar üzerinden, Donatılar sonra Sistem Araçları seçilir. Buradan Sistem Geri Yükleme tıklanır ve Sistem Geri Yükleme başlatılır. 
  • Sistem Geri Yükleme'ye Hoş Geldiniz sayfasının görülmesinin ardından Geri Yükleme Noktası seçilir ve İleri sekmesi tıklanır. 
  • Geri Yükleme Noktası'nın adının belirlenmesinin ardından Oluştur seçeneği tıklanır ve Geri Yükleme Noktası tamamlanmış olur. 

Sistem Geri Yükleme


  • Windows üzerinden Administrator olarak oturum açılır.
  • Başlat sekmesi tıklanır ve Tüm Programlar üzerinden Donatılar ardından Sistem Araçları ve Sistem Geri Yükleme seçilir. 
  • Bundan sonraki aşama Geri Yükleme Noktası üzerinden devam eder ve Sistem Geri Yükleme Başlar. Yükleme bittikten sonra bilgisayar yeniden başlar.

Sistem Geri Yükleme işlemi Kurtarma bölümü üzerinden yapılamaz. Bu nedenle Windows açılmadığı zaman Sistem Geri Yükleme yapmak için:

  • Bilgisayar yeniden başlatılır ve ilk başlatma anında F8 tuşuna üst üste basılarak Güvenli Mod'da çalışma sağlanır. 
  • Bilgisayar üzerinden Admin hesabı olarak oturum açılır. 
  • Komut satırına %systemroot%system32 estore strui.exe yazılır ve Enter tuşuna basılır. 

Sistem Geri Yükleme kişisel dosyaları yedeklemeyi amaçlamaz. Bundan dolayı silinen veya hasar görülen bir dosyanın bu komutla birlikte geri getirilmesi mümkün değildir. Bu uygulama yanlış yüklenen programlar için tercih edilir.

Android Studio nasıl kurulur


Öncelikle buradaki indirme sayfasına gidiyoruz: Yeşil renkli "Download Android Studio for Windows" düğmesine tıkladıktan sonra lisans sözleşmesi karşımıza gelecek. Sözleşmeyi okuduktan sonra, kabul etmek için "I Agree" düğmesine basmamız gerekiyor.
Sözleşmeyi onayladıktan sonra indirme işlemi otomatik olarak başlayacak. İndirme işlemi tamamlandıktan sonra dosyamıza çift tıklıyoruz. UAC etkinse, Windows öncelikle bizden cihaz üzerinde kurulu yönetimsel izinleri isteyecek. Yönetici izni verildikten sonra, Android Studio kurulumu için ilk adım görülecek. Next düğmesine basarak kurulum işlemine başlıyoruz.
Next düğmesi sonrası karşımıza çıkacak ekranda yüklemek istediğimiz bileşenleri seçiyoruz ve tekrar Next düğmesine basıyoruz.
Next düğmesine bastıktan sonra yine lisans sözleşmesi karşımıza gelecek. Sözleşmeyi okuduktan sonra eğer kabul ediyorsak "I Agree" düğmesine basmamız gerekiyor.
Sözleşmeyi onayladıktan sonra karşımıza Android Studio'nun ve SDK'nın nereye yükleneceğini soran bir pencere gelecek. Uygun yerleri belirttikten sonra tekrar "Next" düğmesine basıyoruz.
Eğer Intel Donanım Hızlandırıcı'ya sahipseniz, Bir sonraki adımda ise karşımıza Android uygulamanız için kullanabileceğiniz emülatörün kurulum ayarlarının bulunduğu ekran çıkacak. Buradan emülatörün kullanabileceği bellek miktarını ayarlayabilirsiniz.

Intel Donanım Hızlandırıcı desteği bulunmayan bilgisayarlarda, bu pencere görüntülenmeyip, doğrudan bir sonraki adıma geçilmektedir.
Android Studio'nun "Başlat" çubuğunda kısayol olarak gözükmesini istemiyorsak "Do not create shortcuts" seçeneğini işaretliyoruz ve "Install" düğmesine basıyoruz.
Ardından kurulum işlemimiz başlıyor.
Kurulum bittikten sonra "Next" düğmesine tıklıyoruz. Çıkan pencereden "Finish" düğmesine tıklıyoruz ve kurulumu sonlandırıyoruz.
Artık Android Studio'yu kullanmak için hazırsınız. Yazacağınız uygulamaları bekliyoruz!

Opencart E-Ticaret Sitesi Nasıl Kurulur?


E-Ticaret scriptleri arasında ücretis olarak en çok tercih edilen Opencart ile bu makalede bir e-ticaret siztesi kurulumunu resimli olarak anlatacağız. Öncelikle BURADAN türkçe opencart yazılımını edinebiliris. Ardından aşağıdaki adımları takip edin.

Opencart Kurulumu Resimli Anlatım

1. İndirdiğiniz .zip dosyasını açın. "Tam sürüm " dosyası içinde "Ana Dizine Yükle" isimli dosyayı açın ve içindeki dosyaların tamamını kurulum yapacağınız ftp dizinine yükleyin.
2. ardından www.sitadi.com ya da alt dizine kurdunuz ise www.siteadi.com/dizin şeklinde sitenize girin. Sizi otomatik kurulum ekranı karşılayacaktır. Bu ekranda lisansı kabul ederek sonraki sayfaya geçmek için "Devam Et" butonuna tıklayın.
3. Sıradaki ekranda dosya izinleriniz kontrol edilecek. Bu ekranda olması gereken "Yazılabilir" izini dışında bir dosya izini var ise ftp de belirtilen dosyanın yazma iznini 777 olarak güncelleyin. Yine bu ekranda ayar dosyalarınızın olmadığı belirtilir 1 ve 2 numara ile gösterdiklerim. Bu sorunu gidermek için ftp nizde dosyalarınızı yüklediğiniz dizine girin ve "config-dist.php" isimli php dosyasını bulun ve sağ tıklayarak yeniden adlandır dedikten sonra "config.php" olarak ismini güncelleyin. ardından aynı dizinde en üstte yer alan "admin" klasörüne girin ve orda da bir "config-dist.php" dosyası vardır. Onun ismini de "config.php" olarak değiştirin.
4. Yukarıdaki işlemler ardından tekrar kurulum ekranına dönerek sayfayı yenileyin. Artık hatalar giderilmiş olacak. Şimdi en altta bulunan "Devam Et" butonuna tıklayarak sonraki aşamaya geçebiliriz.
5. bu adımda verilen veritabanı ve admin bilgi alanlarını aşağıdaki resmi takip ederek doldurun.
6. Kurulum işlemimizi tamamladık. Son olarak resimde verilen uyarı önemli bir uyarıdır ve sizden istediği siteyi yüklediğiniz ana dizine girin ve "install" isimli klasörü silin.
7.  Son olarak www.siteadi.com'a girerek sitenizi kontrol edebilirsiniz. Yönetim için www.siteadi.com/admin linkinden kurulum esnasında belirlediğiniz yönetici adı ve parolası ile giriş yaparak işlemlere devam edebilirsiniz.

Opencart Kurulumu Videolu Anlatım

Blogger Numaralı Sayfalama - Sayfa Gezinme


#blogger #bloggerpagenavi #bloggersayfalama

Ben blogumda kullanmayı pek tercih etmesemde konu listeleme sayfalarında numaralı sayfa gezinme seçenekleri bir çok blogger tarafından kullanılmakta. Durum böyle iken arayan arkadaşlara ve tabiki nasıl uygulanır diye merak eden arkadaşlara bloguma eklemek istedim.

Anlatıma geçmeden önce uygulama yerleşim kısmından değil HTML düzenleyici kısmından yapılmakta. Bu noktada işlem sırasını iyi takip edin ya da işlemlere başlamadan önce HTML editörünüzde yer alan kod satırlarını bir metin belgesine kopyalayın.

Blogger Numaralı Sayfalama - Sayfa Gezinme Resimli Anlatım

1. Blogger yönetim panelinize girin, sol menüden "Yerleşim" bağlantısına tıklayın ve açılan sayfada "HTML'yi Düzenle" butonuna tıklayın.
2. Açılan HTML editöründe CTRL+F yaparak "]]></b:skin>" kodunu aratın.

3. bulduğunuz kodu satır başından ENTER yaparak üstünde bir boşluk satır açın ve aşağıdaki kodları bu alana ekleyin.

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;} 

3.Ardından yine CTRL+F yaparak </body> kodunu aratın.
4. Ardından yine bulduğunuz kodun satır başına tıklayarak ENTER yapın ve boş bir satır açarak aşağıdaki kodları bu alana yapıştırın.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
        <script type='text/javascript'>
          /*<![CDATA[*/
          var perPage=8;
          var numPages=4;
          var firstText ='İlk';
          var lastText ='Son';
          var prevText ='« Önceki';
          var nextText ='Sonraki »';
          var urlactivepage=location.href;
          var home_page="/";
          /*]]>*/
        </script>
  <script src='https://googledrive.com/host/0B4VfRbXrCEEITDZPdUlBdVRvejg'/>
      </b:if>

    </b:if>

5. Son olarak sayfanın sağ üst kısmında yer alan kaydet butonuna tıklayın ve numaralı sayfalama özelliğiniz hazır. iyi günlerde kullanın.

Not: Aşağıda yer alan değerleri kullanım şeklinize göre değiştirebilirsiniz:

var perPage=8; =>Sayfa başı toplam listelenecek konu

var numPages=4; >Listelenecek sayfa sayısı

var firstText ='İlk'; => ilk sayfa değeri

var lastText ='Son'; => Son sayfa değeri

var prevText ='« Önceki'; => Önceki sayfa değeri

var nextText ='Sonraki »';  =>sonraki sayfa değeri

Mobil Uygulamalar Hangi Programlar ile Yapılır


#mobiluygulama #mobiluygulamayapımı #mobiluygulamaprogramı

.apk lar yani mobil uygulamalar java tabanlı olarak bilgisayarlarda oracle kodlama dili temel alınarak hazırlanan küçük programlar olup tabiki bu programları da daha kolay bir şekilde hazırlamak için kullanılan programlar mevcuttur. Aşağıda alanında önde gelen en kapsamlı iki program ve indirme bağlantıları listelenmektedir.

1 Eclipse

Alanında ilk en kapsamlı apk editörü olarak yayınlanan java eclipse dir. Başlığa tıklayarak geliştirici indirme sayfasına ulaşabilirsiniz. Kurulum ve kullanımı için güncel java sürümü bilgisayarınızda yüklü olmalıdır.

2 Android Studio


Alanında daha yeni sayılsa da boynuz kulaı geçer misali Android Studio rakiplerinin kurulum ve kullanım zorluklarını ortadan kaldırarak çok daha geniş bir çalışma alnı sunmakta. Programa başlığa tıklayarak ulaşabilir ücretsiz olarak indirebilirsiniz.

Blogger Yeni Tema Nasıl Yüklenir


#Blogger tema yükleme işlemi oldukça hızlı yapabileceğiniz kolay bir işlemmdir. Asıl iş temayı yükledikten sonra gerekli düzenleme ve yerleşimleri yapmakta. Yerleşim ve düzenlemelere dağir ve tabiki küçük eklentiler için zaman içinde paylaşımlarım olacak.

Blogger Tema Nasıl Yüklenir?

1. Blogger yönetim panelinize girerek sol menüden "Şablonlar" kısmına tıklayınız.
2. Ardından açılan sayfada sağ üst köşede yer alan "Yedekle/ Geri Yükle" butonuna tıklayınız.
3.Açılan küçük ekranda önce "Dosya Seç" butonuna tıklayarak .xml uzantılı tema dosyanızı seçin. Ardından yükle butonuna tıklayın.
işlem bu kadar. Yükleme işlemi genellikle kısa sürecektir. Keza .xml blogger temaları oldukça küçük metin temelli dosyalarıdır.

Blogger Tema İndirme Siteleri

Anlatımı hazırlamışken bir kaç bloger tema indirme sitesini de ekleyerek uygulama için kaynak vereyim.
  1. https://gooyaabitemplates.com/
  2. https://colorlib.com/wp/free-blogger-templates/
  3. http://www.mybloggerthemes.com/

Videolu Anlatım

Wordpress Woocommerce Yeni Ürünleri Anas ayfada Gösterme ve Tema Entegre


#Woocommerce  #Wordpress  #WordpressWoocommerce

Önceki resimli anlatımlarımda Woocommerce Kurulumu ve Wordpress Özel Sayfa Şablonu Oluşturma yöntemlerinden bahsetmiştim. Şimdi Woocommerce kurulumumuzu yapıp e-ticaret alt yapımızı hazırladık. Ardından ana sayfa olarak kullanacağımız bir sayfa şablonu da oluşturduk. Bu anlatımda da ana sayfamızın yerleşimini nasıl yapacağımıza değineceğim.

Bu noktada imdadımıza Woocommerce kısa kodları yetişmektedir. Diğer bir alternatifler de mevcuttur ancak ne kadar çok eklenti o kadar yavaş bir web sitesidir o nedenle mümkün olduğunca mecbur kalmadan eklenti kullanmayın.

Başlıca Woocommerce Kısa Kodları

Yeni Ürünler [recent_products per_page="12" columns="4"]


Burada per_page değeri sayfa başı gösterilecek ürün adeti, colums değeri ise bu ürünler kaç stunlu bir yapıda listelenmesini belirliyor.

Seçilen Ürünler [featured_products per_page="12" columns="4"]

Yine  per_page değeri sayfa başı gösterilecek ürün adeti, colums değeri ise bu ürünler kaç stunlu bir yapıda listelenmesini belirliyor.

Özel id lere göre ürünler

[products ids="1, 2, 3, 4, 5"]
[products skus="foo, bar, baz" orderby="date" order="desc"]


Burada ids değeri ürün id lerini ifade ediyor. İlgili ürünü düzenle diyerek detaylarına girdiğinizde adres çubuğunda id=x gibi bir değer göreceksiniz id olarak bu değeri kullanabilirsiniz. İkinci grupta orderby değeri tahihe göre order değerine bağlı olarak azalan şeklinde listelediğini belirtiyor.


Bir Kategoriye Göre Ürünler [product_category category="Demo"]


Bu kısımda category değerinde tırnaklar arasında listenecek kategorinin ismini yazmanız yeterli olacaktır.


Çok Satan Ürünler [best_selling_products per_page="12"]

Bu kısımda da per_page değeri en çok satan ürünlerden kaçının listelenmesini istiyorsanız ona göre değiştirebilirsiniz.


Benzer Ürünler [related_products per_page="12"]

Bu kısımda da per_page değeri benzer ürünlerden kaçının listelenmesini istiyorsanız ona göre değiştirebilirsiniz.

Çok İncelenen Ürünler [top_rated_products per_page="12"]

Bu kısımda da per_page değeri en çok incelenen ürünlerden kaçının listelenmesini istiyorsanız ona göre değiştirebilirsiniz.

Kısa Kodlar Nasıl Kullanılır?

Kısa kodların kullanımı çok basit bir yöntemdir. İhtiyacınız olan kısa kodu kopyalayarak yayınlayacağınız sayfaya yapıştırmanız yeterli olacaktır.

Diğer Woocommerce Kısa Kodları

Diğer sayfalara ilişkin sık kullanılan kısa kodlarda şu şekilde:

Sepetim: [woocommerce_cart]

Ödeme [woocommerce_checkout]

Sipariş Takip Formu [woocommerce_order_tracking]

Profil [woocommerce_my_account order_count="12"]

Video Anlatım

Wordpress Özel Sayfa Şablonu Nasıl Eklenir?


Öncelikle aşağıdaki resimli anlatım için wordpress in "twentysixteen" temasını kullandım yaygın bir temada deneme yapabilmeniz için. Anlatımı adım adım resimlere uygun bir şekilde uygularsanız oldukça kolay ve hızlıca yapabileceğiniz bir işlem. Her ihtimale karşın video anlatımı da konuya dahil ediyorum.

Wordpress Özel Sayfa Şablonu Nasıl Eklenir? Resimli Anlatım

1. Sitenizde kurlu olduğu dizin> wp-content > themes > kullandığınız tema (ben twentysixteen i kullandım anlatım için) yolunu izleyin ve tema dosyanızı açın.
2. Ardından tema klasöründe "page.php" dosyasını bulun ve sağ tıklayarak bir metin editörü ile açın.
3. Kullandığınız temada get_header(); kodunun bulunduğu satırı aşağıdakiler ile değiştirin.
<?php
/**
 * The template for displaying pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 * Template Name: Varsayılan Demo
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */
get_header(); ?>
kodlarda kırmızı ile gösterdiğimkısmı kendinize göre düzenleyin.
işlem bu kadar. Artık yeni bir sayfa şablonunuz var. Farklı kaydet diyerek şablonu aynı konuma "page2.php" vb bir isim ile kaydederseniz varsayılan şablonunuzu silmemiş olursunuz.

Wordpress Özel Sayfa Şablonu Nasıl Eklenir? Video Anlatım


← Daha Yeni Kayıtlar Önceki Kayıtlar →