Kayıtlar

2018 tarihine ait yayınlar gösteriliyor

Google Ads(Adwords) Kampanya Anahtar Kelime Düzenleyicisi

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ı
Yorum Gönder
Devamı

Javascript İle URL Yönlendirme Nasıl Yapılır?

Resim
Javascript ile bir web sayfasını başka bir sayfaya yönlendirmek son derecede kolaydır.  Aşağıdaki basit kodu kullanarak istediğiniz yönlendirmeyi yapabilirsiniz <script> window.location.replace("https://arslanturgut.blogspot.com"); </script>
Yorum Gönder
Devamı

builtin@search_engine_record.com Nedir? Kimdir?

Resim
nopCommerce sistemi kullanan herkes Activity Log(Aktivite Günlüğü) kısmında tüm siteyi  büyük bir hızla dolaşan,  builtin@search_engine_record.com mail adresiyle kayıtlı bir müşteriye rastlamıştır. Normal bir müşteri bu kadar hızlı bir şekilde site içinde dolaşamaz. Tahmin ettiğiniz gibi  builtin@search_engine_record.com gerçek bir müşteri değil, bir bilgisayar programı. nopEcommerce'nin dahili kayıt yazılımı. Bu program siteyi ziyarete gelen arama motoru botlarının tek bir guest müşteri hesabında kayıt altına alınmasını sağlıyor. Böylelikle arama motorları tarafından siteniz her tarandığında ayrı bir konuk oturumu açmak zorunda kalmıyorsunuz.
Yorum Gönder
Devamı

Mozilla Firefox Çoklu Pencere Kapatma Uyarısı

Resim
Mozilla Firefox Çoklu Pencere Kapatma Uyarısı Nasıl Açılır? Firefox web gezginlerinin en çok tercih ettikleri, internet dünyasının popüler tarayıcılarından biridir. Kolay kullanımı, pek çok fonksiyonu desteklemesi ve sayısız eğlenceli eklentisi ile kullanıcılarına son derecede kaliteli ve hızlı bir hizmet sunmaktadır. Firefox'un kullanıcılarına sunduğu güzel özelliklerden biri girdiğiniz siteleri ayrı birer sekmede(Tab) görüntülemesi. Bu sayede her site için ayrı bir pencere açıp, pencereler arasında kaybolmaktan kurtuluyorsunuz. Ancak bu sekmeli gösterimin bir dezavantajı var. Sağ üstteki çarpı şeklindeki kapatma tuşuna bastığınızda  tüm sekmelerin birden kapanması. Firefox bunu önlemek için, kapatma butonuna bastığınızda bir uyarı kutucuğu görüntülemektedir. Bu sayede tüm pencereleri birden kapatmadan önce son bir kez düşünme  şansınız olur. şansınız oluyor. Eğer kullandığınız tarayıcıda "Kapatma Onayı" kutucuğu görüntülenemiyorsa, birden fazla s
Yorum Gönder
Devamı

Basit JQuery Slider (Responsive)

Resim
JQuery ile basit bir slider çalışması yaptım. Bu çalışmamda birbiri üstüne absolute konumlu dizilen a ve img elemanları sırayla kullanıcılara gösteriliyor. Geçiş efekti olarak JQuery'nin fadeIn ve fadeOut fonksiyonlarını kullandım.  Sayfanın yüklenme anında resimKut id'li div elemanının içindeki a elemanlarını saydırıyor ve sırasıyla fadeIn-fadeOut efektlerini elemanlara uygulatarak slaytlar arasında geçişi sağlıyorum. a ve img elemanlarına sahip oldukları CSS'ler yine sayfanın yüklenme anında JQuery'nin css() fonksiyonuyla veriliyor. Böylece sliderı düzenlerken stil kodlarıyla uğraşmak zorunda kalmıyorsunuz. Slider'ı responsive olacak şekilde kodladım . Slider görselleri içinde bulundukları elemanın genişliğine göre otomatik olarak boyutlandırılıyor. Yine çalışma anında slider'da bulunan a'ların yükseklik değerini alıyor ve bunu resimKut id'li elemana atıyorum. Bunu yapma sebebim resimKut elamanını position değerinin relative, içindeki a
Yorum Gönder
Devamı

Javascript JSON Parsing Örnek 1

Resim
Javascript ile JSON formatında gelen verileri kolaylıkla parse edip bir tabloda okunaklı veriler haline getirebilirsiniz.. Örnek Kod <!DOCTYPE html> <html> <body>     <style>         .musteriTablo th, .musteriTablo tr, .musteriTablo td         {             padding: 5px;             border: solid 1px #f00;             color: #717171;             text-align: center;         }     </style>     <table id="tabloIcerik" class="musteriTablo" style="max-width: 800px; height: auto;         border: solid 1px #f00;" cellspacing="0" cellpadding="0">         <tr>             <th>                 Sipariş No             </th>             <th>                 Müşteri Adı Soyadı             </th>             <th>                 Sipariş Toplamı             </th>         </tr>     </table>     <script>         var musteriler
Yorum Gönder
Devamı

Javascript Büyüteç Uygulaması

Resim
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);   background-repeat: no-repeat;   bor
Yorum Gönder
Devamı

Google 20 Yaşında

Resim
Google 20 Yaşında Bu gün Google'ın 20. Yaş Günü. Firma yirminci yaşına özel bir video hazırladı. Videoda kurulduğu zamandan bu yana dünyada olan önemli gelişmeleri kendine özgü güzel anlatımıyla özetlemiş. İyi seyirler. Saygılarımla... Turgut Arslan
Yorum Gönder
Devamı

Javascript Kopyalama Kodu

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
2 yorum
Devamı

Google Reklam Kişiselleştirmeyi Nasıl Kapatırım?

Resim
Google'ın kişiselleştirilmiş reklamlarından rahatsız mı oldunuz? Bir web sayfasını(özellikle bir e-ticaret sitesini) ziyaret ettikten sonra dolaştığınız her yeni sitede daha önce dolaştığınız sayfadaki ürünlerin reklamlarını görmekten sıkıldıysanız bu çözüm tam da size göre. Hemen aşağıdaki adrese gidip Reklam kişiselleştirme açık butonunu kapalı konumuna getirerek Google'ın verilerinizi reklamlarda kullanmasına engel olabilirsiniz. https://adssettings.google.com/authenticated Saygılarımla... Turgut Arslan
Yorum Gönder
Devamı

Renk Paletim

Resim
Web/Grafik Tasarım Çalışmalarımda Kullandığım Renkler #e9e8ef #f5dfd5 #ed393a #4251b6 #6ed6df #f2ce20 #56f8bc #42b1ff #fce55b #ff9f1d #e71d35 #30c4b6 #011627 #0eadf1 #fa3263 #f8ad30 #28cda3 #135b4d #fcd76c #686459 #975592 #a1834d #9f353f #cbbb80 #cb3c74 #6d5b97 #e18bb8 #c59169 #c59169 #d2b356 #b66ba4 #f37a29 #d74061 #fdb33a #6d5b97 #1180ae #d9ba2e #6a6d52 #b32f3d #ca457e #83b14f #81313a #45223a #ef5229 #93366b Saygılarımla... Turgut Arslan
Yorum Gönder
Devamı

SEO Uyumlu Sayfa Örneği

Resim
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
1 yorum
Devamı

CSS ile Overlay Yapmak

Resim
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
Yorum Gönder
Devamı