Turgut Arslan

 Bildiğiniz gibi Facebook Business Manager üzerinden Facebook sayfasına bağlı profesyonel Instagaram hesabınızı yönetmek mümkün. Bu sistem sayesinde Facebook Business Manager hesabına erişimi olan ve izinleri tanımlanan her kullanıcı bağlı hesaplardaki Facebook Sayfalarına ve bu sayfaya bağlı Instagram hesaplarına erişebilir. Mesajları yanıtlayabilir, Reklamları yönetebilir ve paylaşım yapabilirler. Bu sistem profesyonel hesap yönetimi açısından büyük bir kolaylıktır. Özellikle sosyal medya üzerinden e-ticaret yapıyorsanız ve hesabınızın uzmanlar tarafından yönetilmesini istiyorsanız, bu sistem işlerinizi oldukça kolaylaştırmaktadır. Bazı durumlarda profesyonel Instagram hesabınızın bağlı olduğu Facebook Business Manager hesabını değiştirmek isteyebilirsiniz. Genelde çalıştığınız sosyal medya uzmanı ile yollarınızı ayırdığınız zaman eğer onun Business Manager heabına bağlı olarak çalışıyorsanız başka bir hesaba geçiş yapmak için bir dizi işlem yapmanız gerekir. Önce profesyonel Instagr

HTML Range elemanı kullanımı için basit bir örnek HTML Range elemanı aslında input nesnesinin bir özelliğidir. input nesnesinin type özelliğini range olarak ayarkayarak onu bir aralık seçiciye çevirebilirsiniz. bu işlemi yaptıktan sonra input nesnesi bir range elemanı şeklinde sayfada görüntülenir. Kullanıcı mouse ile üzerine gelip çizgi üstünde ileri gerei kaydırarak belirlediğiniz aralıkta istediği değeri ayarllar. Size kalan tek şey range elemanından değerleri javascipt ile almak. Range elemanında değerler nasıl alınır? Fare sürükledikçe değerlerin değiştirilmeri/güncellenmesi nasıl sağlanır? Örnek kodlama aşağıdaki gibidir <form>   <label for="vol">0 ile 50 arası bir değer belirleyin:</label><br/><br/>   0  <input type="range" id="vol" name="vol" min="0" max="50"> 50 </form> Range elemanının değerini bu kutucuğa yazdıralım.<br/><br/> <div style="height:30px;di

Bir Array değişkenindeki tek sayıları bulup yazdıran  JavaScript programının kodları aşağıdaki gibidir. Bu programda tekSayiFiltre isminde bir fonksiyon kullanarak sayı dizisinin elemanlarını filtreledim. Tabi başka yöntemlerle de bu program yazılabilir. Yazılım dünyasında bir işi yapmanın pek çok yolu vardır. Bu kod sadece örneklerden biridir. <div id="sayilar"></div> <script>   var sayilar = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 20]; // Filtrelenecek sayı dizisi   var tekSayilar = []; // tek sayıların depolanacağı Array değişkeni   var j = 0;   function tekSayiFiltre(sayi) {     return (sayi % 2 == 1); // eğer sayının 2'ye bölümünden kalan 1 ise true döndürür.   }   for (i = 0; i < sayilar.length; i++) {     if (tekSayiFiltre(sayilar[i])) {       tekSayilar[j] = sayilar[i];       j++;     }   }   document.getElementById("sayilar").innerText = tekSayilar; </script>

  Tatil, insanların yılın en çok beklediği dönemlerden biridir. Bu dönemde insanlar, iş ve okuldan uzaklaşarak dinlenmek, eğlenmek ve yeni yerler keşfetmek için fırsat bulurlar. Bu nedenle, tatil ile ilgili anahtar kelimeler, SEO ve Google Ads çalışmaları için oldukça değerlidir. Tatil anahtar kelimeleri, geniş bir yelpazeye yayılmaktadır. Bu anahtar kelimeleri, hedef kitlenize ve bütçenize göre doğru bir şekilde kullanmak önemlidir.

 Bu çalışmamızda :after pseudo classı ile clear both nasıl yapılır? Bulmaya çalışacağız. Şu şekilde bir kodlama yaptığımızı hayal edelim. <style>     .flist{display:block;max-width:25%;height:auto;padding:3rem;margin:.3rem;background:red;float:left;}     .kap{width:80%;height:auto;display:block;background:blue;}     .kap::after{clear:both;content:"";display:table;clear:left;font-size:0;height:0;}    .kapIki{width:3rem;height:3rem;background:green;display:block;color:white;padding:2rem;margin:.5rem 0;} </style> <div class="kap">     <div class="flist">1</div>     <div class="flist">2</div>     <div class="flist">3</div>     <div class="flist">4</div> </div> <div class="kapIki">2. kap</div> Görünümü bu şekilde olacaktır. Clearfix ya da clear işlemi uygulanmadan önce Görüldüğü gibi kırmızı kutulara float:left özelliği verildiğinden dolay

Haber sitelerinde, ya da blog sayfalarının sidebar bölümünde kullanabileceğiniz metin kutusu. Genelde bir yazının özet kısmını göstermek için kullanılır. Eklediğinizi yazıyı belirli bir satıra kadar gösterir. Gerisini 3 nokta şeklinde kısaltır. Koddaki line-clamp özelliğini değiştirerek satır sayısını istediğiniz gibi ayarlayabilirsiniz. Kodlar şu şekildedir. <style> .listWrp{background:#f2f2f2;padding:2%;border: solid 1px #f2f2f2;border-radius:.8rem;-moz-border-radius:.8rem;-webkit-border-radius:.8rem;-o-border-radius:.8rem;max-width:40%;color:#717171;font-family:Arial;} .listCont{border-left:solid 3px #ff0000;padding:0 0 0 3%;display:block;position:relative;font-size:.9rem;text-align:justify;  } .listInd{position:absolute;top:5%;left:-.38rem;padding:.3rem;background-color:#ff0000;z-index:10;} .listTitle{color:#555;margin:1% 0;font-size:1.2rem;} .listTxt{text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 8;  -webkit-box-orient: vertical;overflow:hidden;} .listRMo

 

Evet Sayın okuyucu, Bugün Fibonacci serisi üreten bir Javascript programı yapacağız. İtalyan matematikçi Leonardo Fibonacci'nin 12. yüzyılda keşfettiği gizemli Fibonacci serisi matematik ve yazılımla ilgilenlerin malumudur. Bir başlangıç değerinden itibaren her bir sayı bir önceki ile toplanarak bir sonraki sayı elde edilir ve bu ilginç seri bu şekilde sonsuza kadar gider. Burada önemli bir noktayı belirtmek istiyorum. Fibonacci sayısı diye bir şey yoktur. Fibonacci serisi vardır. Burada esas olan yukarıda belirttiğimiz kurala uygun elemanların artarak sıralanmasıdır. Herhangi bir sayıdan başlayabilir. Asal sayılar ile karıştırılmamalıdır. Bu programda biz seriyi 1 den başlattık. Ama herhangi bir sayıdan başlayan versiyonunu yazmak da size kalmış. Lütfen bir sayı girin ve enter tuşuna basın 0  Kodlar <input type="text" id="sayiYaz" /> <div id="fibonacci">0</div> <script>   var a = 1;   var b = 1;   var c = 0;   var i

Programı denemek için kutuya bir sayı yazın ve enter tuşuna basın. 0  Programın kodları aşağıdaki gibidir <input type="text" id="sayiKutu" /> <div id="sonuc">0</div> <script>   var eleman = document.getElementById("sayiKutu");   eleman.addEventListener("keyup", function(event) {     if (event.keyCode === 13) {       var t = 0;       var x = 1;       while (x <= parseInt(eleman.value)) {         t = t + x;         x = x + 1;       }       document.getElementById("sonuc").innerHTML = t;     }   }); </script> Saygılarımla... Turgut ARSLAN

  Sliderli Product Box Kodları :  <style> .productBox{ display:block; position:relative; width:25%; height:auto; float:left; box-sizing:border-box; border:solid 1px #dedede; border-radius:1rem; padding:.3rem; margin:.3%; background:#fff; } .productImages{ position:relative; width:100%; height:auto; display:block; padding-bottom:100%; box-sizing:border-box; } .productImage{ margin:auto; max-width:85%; height:auto; display:none; position:absolute; z-index:1; top:0; left:0; right:0; bottom:0;box-sizing:border-box;} .productImage:nth-child(1){display:block;} .imageThumbs{display:flex;width:100%;justify-content: center;margin:0px auto;} .imageThumbsItem{ display:block; border:solid 1px #dedede; width:1rem; height:1rem; border-radius:50%; margin:1%; box-sizing:border-box; cursor:pointer; } </style> <scr

B Babamı 27 Ocak 2021 günü kaybetmiştim. Salih Bey'in Ruhu için El Fatiha!

HTML elemanlarının sıralarını değiştirebilmeniz için kapsayıcı elemanının display değerinin flex olması gerekmektedir. Sonrasında javascript ile verdiğiniz order değerine göre sıralanacaktır. Aşağıdaki kodlar butona basıldığında elemanların sırasının karışık olarak değişmesini sağlamaktadır. <style>   .kapsayici {     display: flex;     display: -webkit-flex;     flex-direction: column;     max-width: 92px;     height: auto;     margin: 0px auto;     flex-wrap: nowrap;     justify-content: flex-start;     align-items: stretch;     align-content: stretch;   }   .eleman,   .karistirButon {     padding: 3%;     border: solid 1px #f00;     margin: 2px;     max-width: 92px;     text-align: center;   }   .karistirButon {     background-color: red;     color: #fff;     margin: 0px auto;     margin-top: 5px;     cursor: pointer;     display: block;     padding: 1%;     max-width: 92px;   } </style> <script>   function siraDegistir() {     var sira = 0;     var siraliste = [];