Bu Blogda Ara

Turgut Arslan

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

Kayıtlar

HTML etiketine sahip yayınlar gösteriliyor

Tümünü göster

Sonuç bulunamadı

Blogger tarafından desteklenmektedir

Bu Blogda Ara

Translate

Çok Okunanlar

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ı

ROAS Nedir? ROAS Nasıl Hesaplanır?

Şubat 23, 2017

ROAS(Return On Advertising Spend-Reklam Harcaması Başına Düşen Gelir) özellikle dijital pazarlama sektöründe sıkça tekrarlanan bir sözcük. Adından da anlaşılacağı üzere bir reklam kampanyası için harcadığınız para ile o kampanyadan elde ettiğiniz bürüt gelir miktarı arasındaki ilişkiyi kurmak için kullanılır. Burada bürüt gelir kampanyanın elde ettiği ciro oluyor. Eğer dijital pazarlama ile uğraşıyorsanız hazırladığınız kampanyalar için birden çok satış kanalı kullanmak istersiniz. Bu kanallara zaman ya da zaman+para yatırımı yaparsınız. Bu sizin ürün tanıtımı için yaptığınız yatırım olarak isimlendirilir. Kampanya kanallarını seçtiniz. Yatırımınızı yaptınız. Acaba kampanyam başarılı oldu mu? Şimdiden sorunun cevabını ROAS hesabı ile öğrenemezsiniz diyebilirim. Çünkü ROAS kampanya başarısını değil kampanya için kullandığını kanala yaptığınız yatırımın getirisini yüzdelik bir oran şeklinde gösterir. Orana bakarak sadece kanaldaki reklam performansını değerlendirebilir

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ı

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ı

Javascript ile veriyi bir alt satıra nasıl yazdırabiliriz?

Aralık 29, 2019

Javascript ile veriyi bir alt satıra nasıl yazdırabiliriz? HTML dilinde bir alt satıra geçmek için ya da şeklinde yazılan etiketi kullanırız. Javascirpt ile bir yere sonuç yazdırırken de yazdırdacağımız çıktı içine bu tag'i ekleyerek çıktı verilerimizi bir alt satıra yazdırabiliriz. Örnek senaryomuzda biri mavi diğeri yeşil iki adet div bulunmakta. Mavi kutudaki "İçerik Metni" yazısını yeşil kutudaki "İşlemin Sonucu" metninin altına yazdırmak istiyoruz. Bunun için yazdir isminde bir fonksiyon oluşturuyoruz. Bu fonksiyon butona basıldığında çalışacak ve mavi kutudaki metni alıp yeşil kutudakinin altına ekleyecek. Önce veri isminde bir değişken tanımlayalım ve içine mavi kutudaki içeriği aktaralım. var veri=document.getElementById("maviKutu").innerHTML; Sonra yeşil kutuyu yakalayalım ve veri değişkenindeki değeleri bukutunun içine yazdıralım. document.getElementById("yesilKutu").innerHTML+=""+veri; Gördüğünüz gibi sadece

Devamı

JavaScript ile TC No Üretelim

Ocak 17, 2024

JavaScript TCKN Üreteci Kodu TC Kimlik No Nasıl Oluşturulur? Türkiye Cumhuriyeti kimlik numarası (TC kimlik numarası), Türkiye Cumhuriyeti vatandaşlarını tanımlamak için kullanılan benzersiz bir numaradır. Bu numara, 11 basamaklı bir sayı dizisidir ve aşağıdaki formattadır: 12345678901 ↓ TC Kimlik No üreteci sayfanın altındadır. ↓ İlk 6 basamak, kişinin doğum tarihini temsil eder. İkinci basamak, kişinin cinsiyetini temsil eder. (1: erkek, 2: kadın) Son 5 basamak, kişinin sıra numarasını ve kayıt ilçesini temsil eder. TC kimlik numarası, Nüfus ve Vatandaşlık İşleri Genel Müdürlüğü tarafından üretilir. TC kimlik numarası üretmek için kullanılan algoritma, aşağıdaki adımları içerir: Doğum tarihi, cinsiyet ve kayıt ilçesi bilgileri girilir. TC kimlik numarası üretmek için kullanılan bilgiler Bu bilgiler, 11 basamaklı bir sayı dizisine dönüştürülür. Seri numarası, üretilen sayı dizisinin son 5 basamağına eklenir. Üretilen sayı dizisi, doğrulama algoritmasından geçirilir. Doğrulama alg

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ı

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ı

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ı

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