Bu Blogda Ara

Turgut Arslan

Google Ads & Analytics | SEO | HTML | CSS | JS ve E-Ticaret

Kayıtlar

Yorum Etiketi etiketine sahip yayınlar gösteriliyor

Tümünü göster

Sonuç bulunamadı

Blogger tarafından desteklenmektedir

Kötüye Kullanım Bildir

Bu Blogda Ara

Translate

Çok Okunanlar

Basit bir HTML / CSS / JS Editörü

Aralık 13, 2023

Bu editör HTML, CSS ve JavaScript kodlarını düzenleyip çalıştırabileceğin basit bir ortam sağlar. Kodlarınızı aşağıdaki alana yazıp front-end'te çalıştırabilirsiniz. İsterseniz sadece çalıştır düğmesine basın ve örnek kodu çalıştırın. Editör Modunu Aç (Yazdığınız Kodu Çalıştırmak için CTRL+Enter'a da Basabilirsiniz.) <!DOCTYPE html> <html> <body> <h2>JavaScript Kodu</h2> <p id="demo">HTML içeriği</p> <script> function deneme(){ alert("heyyoo"); } </script> <button onclick="deneme();">Örnek Kodu Çalıştır</button> </body> </html> Çalıştır

Devamı

Amazon Affiliate Marketingte Yapmamanız Gereken 7 Şey

Mart 20, 2024

Amazon Associates Program Policies'e Göre Yapılmaması Gerekenler Amazon Associates Programı, web siteniz veya sosyal medya hesaplarınız aracılığıyla Amazon ürünlerini tanıtmanıza ve satışlardan komisyon kazanmanıza olanak tanır. Program, katılımcıların uyması gereken bir dizi kural ve düzenlemeye sahiptir. Bu kurallar, programın adil ve güvenli bir şekilde işlemesini ve hem Amazon hem de katılımcıların haklarının korunmasını sağlar. Aşağıda, Amazon Associates Program Policies'e göre affiliate marketing yapmak isteyenlerin yapmaması gereken bazı önemli eylemler yer almaktadır. Kazançlarınızın kaybolmaması için Amazon Affilate Marketing yaparken bu hataları yapmayın: 1. Yanlış veya yanıltıcı bilgi verme: Ürünler veya Amazon hakkında yanlış veya yanıltıcı bilgiler vermek. Sahte veya abartılı ürün incelemeleri yazmak. Reklamları tıklama sayısını artırmak için sahte veya bot trafiği kullanmak. 2. Spam gönderme: İstenmeyen e-posta veya mesajlar göndermek. Amazon'un veya üçüncü t

Devamı

JavaScript ile Mesai Sayacı

Mart 29, 2023

Bu çalışmamda JavaScript ile bir geri sayım sayacı yaptım. Input elemanına bitiş zamanını yazıp butona tıkladığınızda belirlediğiniz saate kaç saat kaldığını görebilirisiniz. Bu uygulamada input elemanına yapılan girişleri sınırlandırdım. Program klavyeden girilen değerin sayısal olup olmadığını kontrol ediyor ve girilen değerleri saat formatına göre HH:MM:SS şeklinde düzenliyor. Javascript mesai sayacının kodları aşağıdaki gibidir. <p>Lütfen mesai bitiş saatini girin</p> <input type="tel" placeholder="HH:MM:SS" id="timeInputId" /> <input type="button" id="tmrBtn" value="Mesai Sayacını Başlat"/> <p id="demo"></p> <p id="demo2"></p> <script> var x; var finishTime= "00:00:00"; var brTitle= document.title; window.addEventListener("load",function(){ var timeBtn = document.getElementById("tmrBtn"); var timeInput = docume

Devamı

Amazon Affiliate Link Oluşturucu

Mart 13, 2024

Aşağıdaki formu kullanarak Kendi Amazon Affiliate Linkinizi Oluşturun Amazon site adresini girin Affiliate kodunuzu girin

Devamı

Javascript Kopyalama Kodu

Eylül 10, 2018

Javascript HTML İçerik Kopyalama Kodu Bu aşağıdaki becerikli kod id'si kopya olan HTML elemanının tüm içeriğini panoya kopyalar. Yani copy to clipboard denilen işlemi yapar. . function CopyToClipboard(kopya) { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById("kopya")); range.select().createTextRange(); document.execCommand("copy"); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById("kopya")); window.getSelection().addRange(range); document.execCommand("copy"); alert("Panoya Kopyalandı") } } Javascript ile web sayfasındaki bir metni tıklandığı zaman clipboarda kopyalamak mümkün. aşağıdaki butona tıkladığınızda, bu metin panoya kopyalanır. İstediğiniz y

Devamı

CSS ile Overlay Yapmak

Şubat 22, 2018

Resim Başlığı Resim Yazısı. <!DOCTYPE html> <html> <head> <title>CSS Overlay Efekti</title> <style> .kapsayici{ width:800px; height:476px; overflow:hidden; text-align:center; position:relative; } .perde{ position:absolute; top:100%;left:0;right:0;bottom:0; background:rgba(237,71,74,0.5); color:#fff; z-index:1; padding-top:45%; transition:top 0.5s; } .kapsayici:hover .perde{ top:0; } </style> </head> <body> <div class="kapsayici"> <img src="/kirmizi-mercedes.jpg" /> <div class="perde"> <h3>Resim Başlığı</h3> <p>Resim Yazısı.</p> </div> </div> </body> </html> CSS overlay efetki ve diğer pratik bilgiler için Arin Yazılımın videolarını izleyebilirsiniz https://www.youtube.com/watch?v=3aoOP_1mpws&list=PL-Hkw4CrSVq9GTqLreY9l5MiJJm6EOkal&index=7

Devamı

Textarea'yı Satır Satır Nasıl Okuturuz?

Ocak 24, 2020

Javascript ile Textarea elemanının içeriğini satır satır okutup başka bir div elemanının içine yazdıralım. <script> function linkleriAc(){ var strlar=document.getElementById("lnklist").value.split("\n"); for (i=0;i<strlar.length;i++){ document.getElementById("sonuc").innerHTML+=strlar[i]+"<br/>"; } } </script> <textarea id="lnklist" cols="80" rows="10"> </textarea><br/> <input type="button" onclick="linkleriAc();" value="Satırları Oku" /> <div id="sonuc"> </div> Kodların çalışan hali

Devamı

C# Dilinde ?? (The null-coalescing operator) Kullanımı

Aralık 15, 2022

C# dilinde ?? operatörü bir değerin null olması durumunda yani herhangi bir değeri olmadığı durumda atanacak değeri veya ifadeyi belirlemek için kullanılır. The null-coalescing operator olarak bilinir. Aslında bir nevi kısaltmadır. Aynı ternary operatörüne benzer bir kullanımı vardır. C# dilinde bir değişkenin değeri null ise ona varsayılan bir değer atamak için, if (değişken is null) { değişken = atanacak değer ya da ifade } şeklinde bir standart kodlama vardır. Bu null değer kontrolü programlama esnasında bir noktadan sonra kod kalabalığı yaptığı için bu işlemi daha az kodla halledecek bir yazım şekli geliştirilmiştir.

Devamı

JQuery Toggle Açılır Kapanır Menü

Temmuz 03, 2017

Menünün Çalışır Hali Aslına bakarsanız önceden bu şekilde bir planlama yapmamıştım ama menü responsive olmuş :) See the Pen Jquery Toggle Menü by Turgut Arslan ( @draguth ) on CodePen . Menü Kodları Aşağıdaki Gibidir <!DOCTYPE html> <html> <style> div.menuKutu { float: left; width: 200px; display: block; height: auto; background-color: #269470; cursor: pointer; font-size: 14px; font-family: Arial; text-align: center; color: white; padding: 5px; font-weight: bold; line-height: 18px } div.menuKutu p { height: 50px; line-height: 50px; display: none; background-color: #45b0a3; padding: 0px; margin: 0px; } div.menuKutu p:hover { background-color: #ebb753; padding: 0px 1important; } </style> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js&qu

Devamı

SEO Uyumlu Sayfa Örneği

Mart 16, 2018

Bu yazıda SEO uyumlu Sayfa Nasıl Hazırlanır? Onu Araştırdım ve YOAST eklentisini baz alarak bir örnek sayfa oluşturdum. Sayfada yazı olarak lorem ipsum hurufat kelimelerini kullandım. Örnek Sayfa SEO UYUMLU SAYFA ÖRNEĞİ Lorem ipsum dolor sit amet, seo uyumlu sayfa consectetur adipiscing elit. Donec volutpat blandit risus ornare tempor. SEO ile ilgili tanım için Mauris a ipsum venenatis, commodo enim a, dignissim metus. Proin eget molestie odio. Maecenas porttitor urna et elit eleifend euismod. Suspendisse facilisis sem vel lorem tristique auctor. Sed sed ultricies elit. Pellentesque euismod placerat lobortis. Aliquam sollicitudin tincidunt dui, vitae faucibus orci mollis sit amet. Nunc vitae tortor sodales, fermentum tortor eu, luctus risus. Sed eget ligula ac tortor mollis ultricies. Aenean augue ipsum, ornare sit amet tristique et, dapibus vitae lectus seo uyumlu sayfa . Quisque gravida quam at turpis consectetur, et pellentesque nibh gravida. Integer lac

Devamı

Yazı Listesi

2024 10

2023 7
- Aralık 2023 1
  - Ara 13 1
- Kasım 2023 1
  - Kas 08 1
- Mayıs 2023 1
  - May 25 1
- Mart 2023 1
  - Mar 29 1
- Şubat 2023 3
2022 5
2021 12
- Kasım 2021 1
  - Kas 30 1
- Ekim 2021 1
  - Eki 28 1
- Temmuz 2021 1
  - Tem 28 1
- Haziran 2021 2
  - Haz 24 1
  - Haz 03 1
- Mayıs 2021 1
  - May 27 1
- Mart 2021 1
  - Mar 27 1
- Şubat 2021 5
  - Şub 23 1
  - Şub 19 1
  - Şub 18 1
  - Şub 17 1
  - Şub 09 1
2020 14
- Kasım 2020 1
  - Kas 17 1
- Ekim 2020 1
  - Eki 29 1
- Eylül 2020 3
- Temmuz 2020 5
  - Tem 30 1
  - Tem 29 2
  - Tem 21 1
  - Tem 09 1
- Şubat 2020 3
  - Şub 16 2
  - Şub 03 1
- Ocak 2020 1
  - Oca 24 1
2019 6
2018 13
- Aralık 2018 2
  - Ara 13 1
  - Ara 10 1
- Kasım 2018 2
  - Kas 29 1
  - Kas 09 1
- Ekim 2018 3
- Eylül 2018 2
  - Eyl 26 1
  - Eyl 10 1
- Temmuz 2018 1
  - Tem 22 1
- Mayıs 2018 1
  - May 14 1
- Mart 2018 1
  - Mar 16 1
- Şubat 2018 1
  - Şub 22 1
2017 9
- Eylül 2017 1
  - Eyl 27 1
- Temmuz 2017 1
  - Tem 03 1
- Haziran 2017 1
  - Haz 22 1
- Nisan 2017 2
  - Nis 10 1
  - Nis 05 1
- Şubat 2017 4
  - Şub 23 1
  - Şub 11 3

Daha fazla göster Daha az göster