Çalışma etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Çalışma etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

22 Haziran 2021

Blog Hazırlarken Öğrendiklerim

Bloguma aklıma gelenleri yazıyorum. Bazan da bulduğum sonra arayıp bulması zor bilgileri saklıyorum. Şimdi yazdıklarım da böyle bilgiler.

Blog bir web sayfası hazırlamayı kolaylaştırarak yazanın HTML kodları ile uğraşmadan yazılarını kelimelerle anlatması için düşünülmüştü. Şimdi XML ve HTML5 bu ortamı hazırlayan altyapılar.

Bir blog yazı karakterleri, boyutları, vurgulamaları, renklendirmelerı, kolon, sütun ve resimler ile bir bütün oluşturuyor. Bu özelliklerin kompozisyonları çeşitli temalar altında gruplandırılmış. Kendi temamı yaratayım derseniz altyapıları öğrenmeniz ve araştırmanız gerekiyor.

Blogger içinde  bir HTML editörü var. Buraya kopyala yapıştır yaparak dosya aktarılabiliyor. Sakla yaptığınız zaman XML yardımı ile yapı ve desen bilgileri son haline geliyor ve blog görünümü şekilleniyor.

https://learn2programming.itentertainment.org/2014/12/how-to-create-blogger-template-from.html

Aşağıdaki  bilgiler ilk öğrendiklerim.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
  <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  <b:if cond='data:blog.isMobile'>
    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  <b:else/>
    <meta content='width=1100' name='viewport'/>
  </b:if>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>
  <b:skin>
  </b:skin>
</head>

<body>
  
  <b:section id='header' class='header' maxwidgets='' showaddelement='yes'>
  </b:section>

</body>
</html>
Fig. 3 - Simplest template code.


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>

    <b:include data='blog' name='all-head-content'/>

<title>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <data:blog.pageTitle/>
        <b:else/>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
          <data:blog.pageName/> | <data:blog.title/>
          <b:else/>
          Page Not Found | <data:blog.title/>
        </b:if>
      </b:if>
    </title>

    <b:skin><![CDATA[

body {
background:white;
color:black;
}
#Navbar1 {dispaly:none!important;}
]]></b:skin>

</head>
<body>

  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

</body>
</html>

Daha sonra bulduğum bağlantı da çok faydalı oldu.


https://www.freshtechtips.com/2018/11/create-custom-blogger-template.html


<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html lang='en-US' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'> <head> <b:include data='blog' name='all-head-content' /> <title> <data:blog.pageTitle/> </title> <meta content='width=device-width, initial-scale=1' name='viewport' /> <b:skin> <![CDATA[ /* Custom CSS code goes here... */ ]]> </b:skin> </head> <body> <div id="blog-wrapper"> <header> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='' type='Header'></b:widget> </b:section> </header> <div id="content-wrapper"> <div class="content-table"> <div class="content-row"> <b:section class='main column' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts Section' type='Blog' /> </b:section> <aside class="column"> <b:section class='sidebar' id='sidebar' maxwidgets='' showaddelement='yes'> </b:section> </aside> <div> </div> </div> <footer> <div> Copyright © 2019 <strong><data:blog.title/></strong> </div> </footer> </div> </body> </html>

/* Template's Core Layout */ #blog-wrapper { width: 1024px; margin: 0 auto; } #content-wrapper { width: 100%; height: 100%; overflow: hidden; } .content-table { display: table; border-collapse: separate; } .content-row { display: table-row; } #main { padding: 25px 25px 25px 20px; width: auto; height: 100%; display: table-cell; } aside { width: 32%; height: 100%; border-left: 1px solid #ddd; padding: 25px; display: table-cell; } footer { width: 100%; clear: both; border-top: 1px solid #ddd; padding: 20px; }







Widget yapmak için de

https://www.freshtechtips.com/2013/02/how-to-create-blogger-widget.html

/* Sample widget code for displaying current web page URL in a colored box */ <b:section class='mysection' id='mysection' maxwidgets='1' showaddelement='no'> <b:widget id='HTML10' locked='true' title='Box for displaying current Page URL' type='HTML'> <b:includable id='main'> <b:include name='showpageurl'/> </b:includable> <b:includable id='showpageurl'> Current web page URL is: <data:blog.url/> </b:includable> </b:widget> </b:section>

CSS

div#HTML10 { background: #f7f3e2; border: .1em solid #e5e597; padding: 0.833em 0.467em; text-align: center; font-weight: bold; font-size: 18px; }

15 Haziran 2019

Grek Yazısı



Yücel Tanyeri kardeşim çok güzel bir şekilde anlatarak grek yazısını öğretmiş. Öğrendiklerim için ona teşekkür ediyorum.

TS Ç        TZ C        OY U    okunduğunu yeni öğrendim.

Beni etkileyen fikir ise küçük harfleri anlatmak ve alıştırma yaparak harfleri anlamayı pekiştirmek için Karaman'da Türkçe konuşup Grekçe yazan Türkleri hatırlamam oldu.

Yücel kardeşim Iliada'yı okumayı hedefe koymuş. Çok güzel de Grekçe kelimeleri bilmeden okuyup alıştırma yapmak çok zor. Ben şimdi Grekçe yazılmış Türkçe metinleri alıştırma yapmak için öneriyorum.

Biz mühendislik eğitimi sırasında formüller yazarken Grek harflerini çok fazla kullandık. O harflerin çoğunu tanıyoruz. Onları büyük ve küçük harf olarak hiç sınıflandırmadığım aklıma geldi.

From Slite.com
Grek harflerini kullandığım bir blog yazım hangi harfleri çok kullandığımıza örnek olabilir.

dΓ= rdF
Γ = µgρh 0 dθ 0R r2dr (Diski durduran sürtünme momenti) 
µgρh │θ 0 │r3/3 0R
µgρh 2π R/3 

I = ρh π R/2 (Diskin atalet momenti) 

α = Γ / I = (4µg) /(3R) (Açısal ivme) 
t = ω / α = (3ωR)/(4µg) (Durana kadar geçen zaman) 

Çizgisel ve açısal hareket arasındaki analoji 

F=ma ----------------- Γ = I α 
E=(1/2)mv---------- E=(1/2)Iω
v=a t ------------------- ω=α t 

g(yerçekimi ivmesi)
ρ(disk yoğunluğu)
h(disk kalınlığı)


Daha çok küçük harfler kullanmışız. G Büyük harf gama az kullanılmış. H eta harfini büyuk olarak hiç hatırlamıyorum. Ksi büyük harf zaten zor yazılıyor. İpsilon ve epsilon farklı harflermiş. Epsilon çok kullanılyordu ama ipsilon küçük harf ara sıra kullanılmıştır. X küçük harf az kullanılmış olmalı.


Gelelim Karamanlılara....




From Slite.com








From Slite.com


From Slite.com


From Slite.com


From Slite.com



From Slite.com


From Slite.com





From Slite.com


From Slite.com



From Slite.com

26 Nisan 2014

Dedem Mehmed Rifad Uğurlu'nun 140. Doğum Yıl Dönümü

2014 yılı, 1874 yılında doğan dedemin 140. doğum yıl dönümüdür.

Dedemiz 1952 yılında Eskişehir'e gelerek yeni doğan aile bireylerini görmüş ve bizlerle bir toplu fotoğraf çektirmişti. Kendisini bir kere, işte o zaman gördüm. Onun yıllardır yenilediği aile seceresinde Hayrünisa'yı yazıp Necdet'i ve Erol'u daha yazmaması secere üzerinde son çalışmalarının bu yıllarda olduğunu gösteriyor. Dedemiz o yıl 78 yaşındaydı. 


Dedeleri ve nineleri o doğduğunda 50 yaşlarında olsalar, onun kayda geçmesi ile 1825 yıllarından bu yana nerdeyse 200 yılı aydınlatan bir belgeye sahibiz. O belki bir para veya düğme ile daire çizerek, önce kurşun kalemle yazıp sonra mürekkepleyerek ara sıra çakı veya jiletle kazıyıp silerek bu belgeyi yaratmış ve bizlere kalmasını sağlamış. Belge eski Türkçe başlamış ve sonra harf devrimini yaşayarak son şekline gelmiş.

Yukarda yazdıklarımı dokuz ay sonra tekrar okuyunca bu fotoğrafta en azından annemi (sol başta) babamı (arkada en küçüğümüz kardeşim Necdet ile) ve kendimi (kafamı eğmişim ve yanımda kuzenim Yılmaz) tanıtmam gerektiğini farkettim.18.1.2015

Bu belgede okuyamadığım isimleri okuyarak bana destek olan Marmara Üniversitesi Türk Dili ve Edebiyatı bölümü öğretim görevlisi Prof.Dr.Zuhal Kültüral'a  çok teşekkür ediyorum.
 
Dokuz ay sonra eski türkçe harfleri iyi tanıyor ve hatalar varsa görebiliyorum. El yazısı okumanın ne kadar güç olduğunu daha iyi anlıyorum. O zaman farkına varmadığım gerçek 1957 yazında doğan Nurten'in doğumunundan sonra son olarak dört kardeş arasında bir çizgi ile onun yerinin de belirlenmiş olması. Kısa bir zaman sonra da dedemiz 31.3.1958 tarihinde aramızdan ayrılıyor. Nur içinde yatsın. 18.1.2015  

Dedem sağdan başlayarak Yılmaz, Hayrünnisa, ben ve annemin bilgilerini yazıp  mürekkeplemiş. Necdet ve Erol için de yerlerini belirlemiş. Daireler daha mürekkeplenmemiş, kurşunkalem izleri silinmeden kalmış. Ben de bana görev düştüğünü düşünerek, eski Türkçe çalışıp, benden daha iyi bilenlerden destek alarak isimleri bugünkü Türkçe'ye çevirdim. Sonradan doğan kuzenlerimi de belgeye ekledim.

Bilgisayar ortamından faydalanarak ve bu belgeyi tablolaştırarak geliştirdim. Bizden sonra doğan yeğenlerimizi de içeren bu tablo geliştirilmeye açık. Dedemin yazdığı isimler tamam ama benim isimlerini bile bilemediğim yeğenlerimin olması çok üzücü. Eksik bilgilerin internet ortamında girilerek tamamlanacağını umut ediyorum. 

Ben 68 yaşındayım.Şu sırada ailemizin en büyüğü olan Selahattin amcam 88 yaşında. Kendisi ile telefon görüşmemde Münevver babaannemizin kendisi doğduğu sıralarda vefat ettiğini anlattı. Amcam Kore'de subay olarak görev yaparken (1951-53) dedemizin bir fotoğrafını renkleri kendisi seçerek renkli hale getirtmiş. Şimdi İzmir'de oturduğu evin duvarında asılı olan fotoğraf da bu belgede yerini aldı.

Bu da benim hazırladığım soyağacımız


Yukardaki belge taslak durumunda aşağıdaki bağlantıdan girerek eksikleri tamamlandığı zaman güncelleyeceğim.

https://docs.google.com/spreadsheets/d/1QFNcXeSBt2Yxg3pM3_vYao8BOnCxKiPJRbDFiHxN32g/edit?usp=sharing

Nejat Uğurlu - 25 Nisan 2014 Kadıköy-İstanbul

Bu çalışma yeni bir çalışmaya öncülük etti. Facebook'da Dedemiz Mehmed Rifad Uğurlu isimli bir grup kurarak aile üyelerinin ortak bir çalışması sonucunda dedem için bir blog hazırladım.


http://bizim-dedemiz.blogspot.com.tr/  

Nejat Uğurlu - 23 Temmuz 2014 Kadıköy-İstanbul




23 Mart 2014

JavaScript Çalışması

Mayaların İzinde çalışmasını yaparken Google Maps Engine ile düzenlediğim haritanın sınırları ortaya çıktı. Gezilen yerlerin sıra ile numaralanması ve balonların içinde görünmesi daha güzel olacaktı. Araştırınca bunun javascript ile yazılabilecek bir program ile olabileceğini öğrendim. Java biliyorum ama javascript çok farklı bir dil. Google sayesinde arayarak bir iki gün içinde böyle bir program yazmayı becerdim.

Daha sonra farkına vardığım bir olanak beni çok sevindirdi. Haritanın solundaki çöp adamı sürükleyerek sokak gezintisi yapmak da mümkün. Maya ören yerlerini de izleyebiliyorsunuz. Balonlara tıklayarak Sevgili Yücel Tanyeri'nin anlatımını ve sonunda onun verdiği bağlantıdaki fotoğraf senfonilerini izlemenizi öneririm.

(Google Map Engine uygulaması kaldırıldığı için yaptığım çalışma  sonuç vermiyor. Özür diliyorum)

MarkerWithLabel Example