Turgut Arslan

Kayıtlar

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ı

Günlük SEO Çalışması

Eylül 27, 2017

SEO İş Listesi Search Console İçinde Yapılması Gerekenler - Search Console'da Arama Trafiği altındaki Search Analytics panelinden çalışılan anahtar kelimeler için anahtar kelime gösterim, tıklama ve sıralama istatistiğinin incelenmesi. Burada anahtar kelimelerin konumları ve tıklanma oranlarının yanı sıra o anahtar kelimenin yönlendirdiği sayfaların da incelenmesi gerekir. - Search Console ekranında Arama Görünümü altında HTML Geliştirmeleri panelinde Meta açıklamalar ile ilgili hataların düzeltilmesi Bu panelden site içindeki Yinelenen Meta Açıklamalar, Uzun Meta Açıklamalar, Kısa Meta Açıklamalar, Eksik Başlık Etiketleri, Yinelenen Başlık Etiketleri, Uzun Başlık Etiketleri ve Kısa Başlık Etiketleri gibi çeşitli uygulama hataları görüntülenir. - Google Dizin Durumunun denetlenmesi. Burada dizine eklenen sayfa sayısını ve robots.txt dosyanız tarafından engellenen sayfa sayısını görebilirsiniz, Ayrıca URL kaldır bölümünden istemediğiniz linklerin arama sonuçlarından v

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'nun Arama Sonuçlarına Etkisi

Haziran 22, 2017

Günümüzde insanoğlunun en büyük ortak sorunu çevre kirliliği. Havayı, suyu ve toprağı hiç düşünmeden kirletiyoruz. Çevremizi oluşturan, yaşamamızı sağlayan tüm etmenler bizim ürettiğimi atıklar yüzünden kirleniyor. Giderek dünyamız yaşanması imkansız bir yere dönüşüyor. Karaları, denizleri ve havayı kirlettiğimiz gibi, dünyanın ses dengesini de bozuyoruz. Kullandığımız araçlar ve yüksek sesle dinlediğimiz müzikler yüzünden ses kirliliği diye yeni bir şey icat ettik. Tüm bunlar aslında bir nevi aç gözlülükten ve tatminsizlikten kaynaklanıyor. Sınırlarımızı bilmiyoruz. Bu açgözlülük ve sınır tanımamazlık sanal ortamda da kendisini gösteriyor. Bilişim teknolojisinin baş döndüren bir hızla ilerlediği şu zamanda büyük bir bilgi bombardımanı altına alınmış durumdayız. Hemen her konu ile ilgili bilgiye her an, her yerden ulaşabildiğimiz gibi; çoğu kez bu yerlerden de bir enformasyon yüklemesiyle de karşı karşıyayız. Nasıl yaşamamız gerektiği, ne yememiz-içmemiz, giymemiz gerektiği gib

Devamı

CSS Header

Nisan 10, 2017

Login Sign In John Doe Kaynak Kodu: <div dir="ltr" style="text-align: left;" trbidi="on"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6dxf50fSZQNYJwFS_tbqS-7AJpgvZNHulPbRbJORIzv0OJTgWNNuteviqbmPpTcuLwUz26PnZBjGEZYjgMKzIOlHwlAR2f7qilqhTGqJNXz1nWMCiC-WP9UlIFgFiESdMbLot2xcTNbU/s1600/chevrolet_camaro_muscle.jpg" style="width:50%;height:auto;" /><div style="width:100%;height:120px;position:relative;border:solid 1px #e1e1e1;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6dxf50fSZQNYJwFS_tbqS-7AJpgvZNHulPbRbJORIzv0OJTgWNNuteviqbmPpTcuLwUz26PnZBjGEZYjgMKzIOlHwlAR2f7qilqhTGqJNXz1nWMCiC-WP9UlIFgFiESdMbLot2xcTNbU/s1600/chevrolet_camaro_muscle.jpg');background-position:50% 50%;font-family:arial;"> <div style="width:100%;height:120px;background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(s

Devamı

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

Nisan 05, 2017

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

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ı