Blog Araçları

     Bu konu biraz daha kendim için hazırlıyorum. Bu konu altında blog yayınında kullandığım ek özelllikler ile ilgili kullanım bilgileri paylaşılacaktır. Aslında konuyu gizli de tutabilirim ancak olurda birilerinin işine yarar düşüncesi ile paylaşıma açık bırakıyorum...

    Not : Bu başlık altındaki konular ihtiyaca göre güncellenecektir. Bu nedenle bilgiler yol gösterici olmakla beraber herhangi bir konunun tüm detayları irdelenmemiş olabilir...

Kod Yayınlama

Kod yayınlamak için hilite.me adresindeki yardımcı araçtan faydalanıyorum. Kullandığım ayarlar resimdeki gibidir. 

Kodu yazdıktan sonra "Highlight!" butonuna basarak html kodunu oluşturuyorum. Oluşturulan html kodunu kopyalıyorum. Sayfanın html düzeninde </p><p> arasında html kodunu yapıştırıp tekrar tasarım görünümüne geçtiğim kod istediğim şekilde görünür oluyor. 

Örnek :

#include <stdio.h>

int main()
{
   prinntf("Hello Atolye Notlari..");
   retun 0;
}

Hesaplama 

    Hesaplama gerektiren bir konuda hesap makinesi kullanmak yerine doğrudan sayfa içerisinde hesap yapma imkanı faydalı olacaktır. Aşağıda sayfa içerisine yerleştirdiğim P = V x I formülüne göre çalışan bir güç hesaplayıcısının çalışan örneği ve kaynak kodu yer almaktadır. 

Voltaj :
Akım :
Hesaplanan Güç :

<!---------- Hesaplayıcı başı --------->
  <form>
    <table border=1>
      <tr>
        <td>
          Voltaj :
        </td>
        <td>
          <input type="text" placeholder="Voltajı Griniz" id="Volt">
        </td>
      </tr>
      <tr>
       <td>
          Akım :
        </td>
        <td>
          <input type="text" placeholder="Akımı Griniz" id="Amper">
        </td>
      </tr>
      <tr>
        <td>
          
        </td>        
        <td>
          <input type="button" onclick="hesapla();" value="Hesapla">
              
          <input type="reset"  value="Temizle">
        </td>
      </tr>
      <tr>
       <td>
          Hesaplanan Güç :
        </td>
        <td>
          <input type="text"  id="guc" disabled>
        </td>
      </tr>
    </table>
  </form>
    <script>
        function hesapla(){
            
            var v = +document.getElementById("Volt").value;
          	var i = +document.getElementById("Amper").value;
          	var sonuc= v * i;
            document.getElementById("guc").value=sonuc;
            
            //alert(sonuc);
        }
    </script>  
<!---------- Hesaplayıcı Sonu --------->