Ana içeriğe atla

Bu Blogda Ara

Turgut Arslan

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

Berat Kandilimiz Mübarek Olsun

Bağlantıyı al
Facebook
X
Pinterest
E-posta
Diğer Uygulamalar

Berat Kandilimiz Mübarek Olsun

Bağlantıyı al
Facebook
X
Pinterest
E-posta
Diğer Uygulamalar

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Beyin Sisini(Brain Fog) Gidermek için Online İçin Egzersiz

Şubat 11, 2026

🧠 Zihin Berraklaştırıcı Derin Nefes Göz Takibi Refleks Odak Başla Daire büyürken burnundan derin nefes al, sabitken tut, küçülürken ağzından yavaşça ver. Başlat / Durdur Başını sabit tut, sadece gözlerinle topu takip et. Bu hareket sinir sistemini yatıştırır. Yatay Döngüsel Durdur Kırmızı yanan kareye mümkün olduğunca hızlı tıkla. Dikkati şimdiki ana getirir. Skor: 0 Oyunu Başlat

Yazıyı Oku »

Luhn Algoritmasıyla Kredi Kartı Validasyon Kontrolü

Luhn Algoritması: Kredi Kartı Numarası Doğruluğunu Test Etme Yöntemi Kredi kartı numaralarının doğruluğunu kontrol etmek için kullanılan Luhn algoritması, 1954 yılında IBM'de çalışan Hans Peter Luhn tarafından geliştirilmiştir. Bu algoritma, basit matematiksel işlemlerle bir numaranın geçerli olup olmadığını belirler.

Yazıyı Oku »

JavaScript ile Mesai Sayacı

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. Lütfen mesai bitiş saatini girin Kodları yazarken https://www.w3schools.com/howto/howto_js_countdown.asp linkindeki sayfadan yararlandım Kodun çalışan örneğini buraya ekliyorum. Dilerseniz günün bir saatini girip kalan sürenin geriye doğru sayılmasını deneyimleyebilirsiniz. Lütfen mesai bitiş saatini girin

Yazıyı Oku »

En Çok Okunanlar

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...

Yazıyı Oku »

Javascript Kopyalama Kodu

Eylül 10, 2018

Web sitelerinde kullanıcı deneyimini artırmak için sıkça kullanılan işlevlerden biri de, bir metni panoya kopyalamaktır. "Copy to clipboard" yani "Panoya Kopyala" işlemi sayesinde, kullanıcılar bir metni kolayca kopyalayabilir ve diledikleri yere yapıştırabilirler. Aşağıda, sayfa içerisindeki belirli bir HTML elemanının (örneğin bir paragraf ya da açıklama bloğu) içeriğini panoya kopyalamayı sağlayan bir örnek bulacaksınız. Ayrıca örnekte, kopyalanan metnin bir metin kutusuna yapıştırılarak test edilmesi de mümkündür. ✅ Kopyalama İşlevi Nasıl Çalışır? Aşağıdaki modern JavaScript fonksiyonu, navigator.clipboard API'sini kullanır. Bu yöntem, eski document.execCommand("copy") metoduna kıyasla daha güvenli ve günceldir: <script> function copyContent() { const content = document.getElementById("kopya").innerText; navigator.clipboard.writeText(content) .then(() => { alert("İçerik başarıyla panoya kopyalandı!"); ...

Yazıyı Oku »

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...

Yazıyı Oku »

Javascript İle Kelimelerin ilk Harfini Büyük Yapmak

Hazırladığım yazıların başlıklarını büyük harfle yapmaya üşendiğim için, biraz zahmet edip basit bir Javascript programı yazdım. Tembellik insana her şeyi yaptırıyor. Ha bu arada; resimdeki acayiplik bazılarını rahatsız edebilir :) Online Büyük Harf - Küçük Harf Çevirme Aracı İlk harflerini büyük yapmak istediğiniz metni girin ve uygula butonuna basın Uygula Saygılarımla... Turgut Arslan

Yazıyı Oku »

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.c...

Yazıyı Oku »

JavaScript ile Mesai Sayacı

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. Lütfen mesai bitiş saatini girin Kodları yazarken https://www.w3schools.com/howto/howto_js_countdown.asp linkindeki sayfadan yararlandım Kodun çalışan örneğini buraya ekliyorum. Dilerseniz günün bir saatini girip kalan sürenin geriye doğru sayılmasını deneyimleyebilirsiniz. Lütfen mesai bitiş saatini girin

Yazıyı Oku »

Javascript Büyüteç Uygulaması

Saf Javascript ve CSS kullanarak basit bir büyüteç programı yazdım. Javascript Büyüteç Kodları: HTML Kodu; <div id="resimKabi"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzIU2K83cIbm0r_wB8lrZ5m3iSKchB-WolIEDvxFCz3BuYLB-g2_keCJ6QxbpfXBJ9tYjOQtWTn3sEub5tOycXxKFx_gK99s3jsUZckLWCyFEA_lab-T0A5voDQcXy0fLxjJopxevCa4/s1600/lotr-ring.jpg" /> <div id="buyutec"></div> </div> CSS Kodu; #resimKabi { width: 100%; height: auto; display: block; position: relative; overflow: hidden; } #resimKabi img { display: block; width: 100%; height: auto; } #buyutec { width: 100px; height: 100px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzIU2K83cIbm0r_wB8lrZ5m3iSKchB-WolIEDvxFCz3BuYLB-g2_keCJ6QxbpfXBJ9tYjOQtWTn3sEub5tOycXxKFx_gK99s3jsUZckLWCyFEA_lab-T0A5voDQcXy0fLxjJopxevCa4/s1600/lotr-ring.jpg); ...

Yazıyı Oku »

Luhn Algoritmasıyla Kredi Kartı Validasyon Kontrolü

Luhn Algoritması: Kredi Kartı Numarası Doğruluğunu Test Etme Yöntemi Kredi kartı numaralarının doğruluğunu kontrol etmek için kullanılan Luhn algoritması, 1954 yılında IBM'de çalışan Hans Peter Luhn tarafından geliştirilmiştir. Bu algoritma, basit matematiksel işlemlerle bir numaranın geçerli olup olmadığını belirler.

Yazıyı Oku »

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 ...

Yazıyı Oku »

Anahtar Kelime Rehberi : Turizm Sektörü

Ağustos 12, 2019

Turizm sektöründe SEO ve Dijital Pazarlama çalışmalarında faydalı olacağına inandığım bazı uzun kuyruklu anahtar kelimeler ve bu kelimelerin ortalama aylık aranma hacimlerini bir liste haline getirdim. Evet haklısınız, turizm ve tatil ile ilgili tüm kelimeler bunlar değil. Zaman zaman bu yazıyı güncelleyerek listeyi dahada da genişleteceğim. Listeye geçmeden önce şunları belirtmek istiyorum . SEO için içerik mi üreteceksiniz ? Bu sadece listede tatil ve turizm sektörüne hangi kelime ne kadar aranmış? Onu görebilirsiniz. Bazı kelimelerin aranma sayıları çok yüksek bazılarınınkisi ise düşüktür. Aranma hacminin düşük olması o anahtar kelimelenin kullanışsız olduğu anlamına gelmez. Size nacizane tavsiyem düşük aranma hacimli kelimelerin daha yüksek aranma hacimli varyasyonlarını türetmeniz ve düşük aranma hacimli kelimelerle birlikte ürettiğiniz içeriğe uygun bir şekilde yerleştirmeniz yönünde olacaktır. Reklam çalışması mı yapacaksınız ? Google Ads(AdWords) vb arama mecraların...

Yazıyı Oku »

Blogger tarafından desteklenmektedir

2025 Bir Hak İddia Etmiyorum

Translate

Yazı Listesi

2026 2
- Nisan 2026 1
  - Nis 06 1
- Şubat 2026 1
  - Şub 11 1

2025 3
2024 11
- Ekim 2024 1
  - Eki 21 1
- Mart 2024 2
  - Mar 20 1
  - Mar 13 1
- Şubat 2024 6
  - Şub 29 1
  - Şub 19 1
  - Şub 16 1
  - Şub 13 1
  - Şub 07 1
  - Şub 06 1
- Ocak 2024 2
  - Oca 17 1
  - Oca 04 1
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
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

Trend Yazılar(30 Gün)

Zihinsel Odaklanma Egzersizi

Bu animasyon, sadece görsel bir efekt değil; doğru kullanıldığında zihinsel odaklanmayı artıran, dikkat dağınıklığını azaltan ve zihni “tek bir noktaya kilitleyen” bir egzersiz aracıdır. Ortada yavaşça dönen ve nefes alır gibi genişleyip daralan geometrik form, beynin ritim algısıyla doğrudan etkileşime girer. Bu ritmik hareket, zihnin kaotik düşünce akışını yavaşlatır ve onu düzenli bir frekansa çeker. Arka plandaki tünel etkisi ise derinlik hissi oluşturarak kullanıcıda hafif bir “içeri çekilme” algısı yaratır. Bu da zihnin dış uyaranlardan kopup içsel odağa yönelmesini kolaylaştırır. Tam Ekran İçin Tıkla • Odaklan ve Rahatla Egzersizi uygulamak oldukça basittir ama etkili olması için bilinçli yapılmalıdır: Ekranın tam ortasına, dönen şeklin merkezine odaklan. Gözlerini sabitle ama zorlamadan, doğal bir bakışla izlemeye devam et. Şeklin genişleyip daralmasını nefesinle senkronize etmeye çalış. Şekil büyürken nefes al, küçülürken yavaşça ver. Bu senk...

Yazıyı Oku »

Beyin Sisini(Brain Fog) Gidermek için Online İçin Egzersiz

Şubat 11, 2026

🧠 Zihin Berraklaştırıcı Derin Nefes Göz Takibi Refleks Odak Başla Daire büyürken burnundan derin nefes al, sabitken tut, küçülürken ağzından yavaşça ver. Başlat / Durdur Başını sabit tut, sadece gözlerinle topu takip et. Bu hareket sinir sistemini yatıştırır. Yatay Döngüsel Durdur Kırmızı yanan kareye mümkün olduğunca hızlı tıkla. Dikkati şimdiki ana getirir. Skor: 0 Oyunu Başlat

Yazıyı Oku »

Google Analytics'te Özel Rapor Hazırlamak

Şubat 11, 2017

Google Analytics'te Özel Analiz Raporu Hazırlayalım Google Analytics bize pek çok analiz raporu sunan harika bir araç. Çoğu kez Google Analytics'in sunduğu raporlar bize tatmin edici ayrıntılı bilgiler verse de kendi işimize özel daha sade ve net sonuçların verildiği raporlar görmek isteyebiliriz. Google Analytics geliştirme ekibi bu durumu da düşünmüşler. Kullanıcıların özel raporlar hazırlamalarına imkan veren bir panel hazırlamışlar. Google Analytics üst menüsünden Özelleştirme seçeneğine tıklarsanız Özel Raporlar paneline ulaşırsınız. buradan Yeni Özel Rapor düğmesine tıklayarak kendi analiz raporunuzu hazırlamaya başlayabilirsiniz. Bu yazıda sizin için kısa bir rehber hazırladık Google Analytics Özel Rapor Oluşturma Rehberi Yukarıdaki resimde Google Analytics Özel Rapor Düzenleme sayfasını görmektesiniz. Burada bir eticaret sitesi için sitenin sayfa analizini yapan özel bir raporun hazırlanmış hali bulunmakta. Şimdi bu sayfadaki önemli başlıkları tek tek...

Yazıyı Oku »

Luhn Algoritmasıyla Kredi Kartı Validasyon Kontrolü

Luhn Algoritması: Kredi Kartı Numarası Doğruluğunu Test Etme Yöntemi Kredi kartı numaralarının doğruluğunu kontrol etmek için kullanılan Luhn algoritması, 1954 yılında IBM'de çalışan Hans Peter Luhn tarafından geliştirilmiştir. Bu algoritma, basit matematiksel işlemlerle bir numaranın geçerli olup olmadığını belirler.

Yazıyı Oku »

HTML <html> Etiketi

Şubat 16, 2020

<html> etiketi, sayfanın bir HTML sayfası olduğunu belirtmek için kullanılır. <html> şeklinde açılır ve </html> şeklinde kapanır. Sayfadaki tüm HTML ve Javascript kodları bu iki etiket arasına yazılır. HTML <html> Tagı Kullanım Örneği <!DOCTYPE HTML> <html> <head> <title>Sayfa Başlığı</title> </head> <body> Sayfa içeriği </body> </html> HTML <html> Tagı Tarayıcı Desteği Google Chrome Desteği : Var Mozilla Firefox Desteği : Var Internet Explorer Desteği : Var Safari Desteği : Var Opera Desteği : Var

Yazıyı Oku »

Google Ads(Adwords) Kampanya Anahtar Kelime Düzenleyicisi

Aralık 13, 2018

Google Ads Kampanyası için gereken sıralı ve tam eşlemeli anahtar kelimeleri kolayca oluşturur. Anahtar Kelimeleri Satır Satır Girin Anahtar Kelime Oluştur Google Ads Sıralı Eşlemeli Anahtar Kelimeleri Anahtar Kelime Sonucları Google Ads Tam Eşlemeli Anahtar Kelimeleri Anahtar Kelime Sonucları

Yazıyı Oku »

Firefox ile Bir Sitenin TLS Versiyonunu Nasıl Öğrenirsiniz?

TLS (Transport Layer Security), internet üzerinden yapılan iletişimi güvence altına alan bir protokoldür. Bir web sitesinin hangi TLS versiyonunu kullandığını bilmek, özellikle güvenlik açısından önemlidir. Firefox, bu bilgiyi kullanıcıya sunabilecek çeşitli araçlar ve eklentiler sunar. 1. Geliştirici Araçlarını Kullanma: Adımları: Ziyaret etmek istediğiniz web sitesini açın. Sağ tıklayıp "Sayfa incele" veya "Elementleri incele" seçeneğini seçin. Açılan geliştirici araçları penceresinde, "Ağ" sekmesine tıklayın.

Yazıyı Oku »

JavaScript Rastgele Sayı Üreteci

JavaScript ile verilen sayı aralığında rastgele sayılar oluşturalım Rastgele sayı üretmek istediğiniz aralığı aşağıdaki kutucuklara yazın ve butona basın Rastgele Sayı Oluştur Oluşturulan Sayı

Yazıyı Oku »

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 ...

Yazıyı Oku »

30 Ağustos Zafer Bayramımız Kutlu Olsun

Ağustos 29, 2019

Yazıyı Oku »