Kod Yayınlama Kutusu Kodu

KOD YAYINLAMA KUTUSU

KOD YAZMA KUTUSUNUN GÖRÜNÜMÜ

sadece Kod yazma kutusu kodu ile görünüm
KOD YAZMA YERİ <textarea>

kod kutusuna (kod kutusu ekleme kodu) eklenmiş Görünümü

<textarea class="bginput" style="WIDTH: 520px; CURSOR: url(''); HEIGHT: 70px" onclick="this.focus();this.select()" name="ERDOĞAN ASLAN" rows="5" cols="42">KOD YAZMA YERİ<textarea>

Alttaki kod üstteki görünümü verirken, KOD YAZMA yerine aynı kod tekrar (iç içe olmak kaydıyla) eklendiğinde alttaki görünüm elde edilir. KOD YAZMA YERİ 'nden sonra <textarea>  eklenmelidir.

Yani (İç içe eklenmiş kod görünümü)

---

<textarea class="bginput" style="WIDTH: 520px; CURSOR: url(''); HEIGHT: 70px" onclick="this.focus();this.select()" rows="5" cols="42"><textarea class="bginput" style="WIDTH: 520px; CURSOR: url(''); HEIGHT: 70px" onclick="this.focus();this.select()" name="ERDOĞAN ASLAN" rows="5" cols="42">KODU BURAYA EKLEYİN<textarea>

---

<textarea class="bginput" style="WIDTH: 520px; CURSOR: url(''); HEIGHT: 70px" onclick="this.focus();this.select()" name="ERDOĞAN ASLAN" rows="5" cols="42">KOD YAZMA YERİ  <textarea>

---

alttaki gibi bir kod oluşmalıdır.
<textarea class="bginput" style="WIDTH: 520px; CURSOR: url(''); HEIGHT: 70px" onclick="this.focus();this.select()" name="ERDOĞAN ASLAN" rows="5" cols="42">KOD YAZMA YERİ<textarea>
Yukardaki kod kutusuna tıklandığında " onclick="this.focus();this.select()" kodu sayesinde otomatikman seçilir. CTRL+C tuşu ile kopyalayın ve HTML düzenlenen yere CTRL+V ile yapıştırın.
Sonra içinde görünmesini istediğiniz kodu kopyalayıp KOD YAZMA YERİ yazan yeri ve sonraki <textarea>seçip üstüne kodunuzu yapıştırıp sayfanızı kaydedin.

---

Başka bir sayfada açılan Link kod örneği

<a target="_blank" title="ERDOĞAN ASLAN WEB SAYFASI" href="http://sites.google.com/site/erdoganaslan49/">WEB SİTEM</a>
Görünümü

WEB SİTEM

---

Resim üstüne tıklayarak ulaşılan link kodu ve açıklama balon yazı örneği

<a title="Web sayfamı görmek için tıkla" target="_blank" href="http://sites.google.com/site/erdoganaslan49/"><br /> <br /> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9l_WiZtkdBIticgoN2PfvFDS214UdPDfTwgpQ07WRohnMKi583Ef7Xu5uZBELT_8W_ks3TzxsAjmwzyw2vTruxlbbSp4vX2OF5Dxbt9Om-C4z1qDgJpanoUt2eNE0p8fp316Ne0PF-w/s104/kitap.gif" width="40" height="44" /></a>

ÖRNEK GÖRÜNÜMÜ

---

SİTENE ANİMASYON KODU EKLE

<font color="#ffffff"><a target="_blank" title="ERDOĞAN ASLAN WEB SİTESİNE GİDER" href="https://sites.google.com/site/erdoganaslan2/" mce_href="https://sites.google.com/site/erdoganaslan2/" _fcksavedurl="http://http://htmlguzelkodlar.blogcu.com/"><img height="200" alt="" width="200" src="https://sites.google.com/site/erdoganaslan2/ataveben.gif?attredirects=0" mce_src="https://sites.google.com/site/erdoganaslan2/ataveben.gif?attredirects=0" _fcksavedurl="https://sites.google.com/site/erdoganaslan2/ataveben.gif?attredirects=0" /></a>

ÖRNEĞİ

---

METNİN SOLUNA RESİM EKLEME 

<div style="margin:5px 10px 0px 0px;display:inline;float:left"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_4eYx51RfW8I1T_utXQVjk5VujY2ZIR2pXB90nWnHu5Gkw-CmBArrooarHaddbaK3eD5zF4jVwZhrDGki5kvrYhK0P3neX4cr2k1wdMyuYlSbcdTV7eNy7a0NEVrYrHDUCp_jit62Q/s1600/d%25C3%25B6nen-atax100.gif" imageanchor="1" class="disabled"></a><br /> <div style="text-align:right;display:block">  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_4eYx51RfW8I1T_utXQVjk5VujY2ZIR2pXB90nWnHu5Gkw-CmBArrooarHaddbaK3eD5zF4jVwZhrDGki5kvrYhK0P3neX4cr2k1wdMyuYlSbcdTV7eNy7a0NEVrYrHDUCp_jit62Q/s1600/d%25C3%25B6nen-atax100.gif?attredirects=0" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_4eYx51RfW8I1T_utXQVjk5VujY2ZIR2pXB90nWnHu5Gkw-CmBArrooarHaddbaK3eD5zF4jVwZhrDGki5kvrYhK0P3neX4cr2k1wdMyuYlSbcdTV7eNy7a0NEVrYrHDUCp_jit62Q/s1600/d%25C3%25B6nen-atax100.gif" width="100" height="99"></a></div> <div style="text-align:left;display:block"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_4eYx51RfW8I1T_utXQVjk5VujY2ZIR2pXB90nWnHu5Gkw-CmBArrooarHaddbaK3eD5zF4jVwZhrDGki5kvrYhK0P3neX4cr2k1wdMyuYlSbcdTV7eNy7a0NEVrYrHDUCp_jit62Q/s1600/d%25C3%25B6nen-atax100.gif" imageanchor="1" class="disabled"></a></div> </div> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "> METİN EKLEME YERİ</p> <textarea>

Buradan kopyaladığınız kodu HTML Düzenleme sayfasına yapıştırın ve Görünüm Düzenine geçip

METİN EKLEME YERİ yazan kısmı ve sonrasını (Alttaki Resimde Görüldüğü gibi) seçip üstüne Metni CTRL+V ile yapıştırın.

NOT :Bu örnekte Resmin üstüne tıklandığında yönlendirilecek yerin linki vardır. Alttaki örnek ise Linksizdir

---

SONUÇ

 

Okulun ilk günü, ilk derste profesörümüz, önce kendini tanıttı, sonra 'Bu yıl, yepyeni bir öğrencimiz var. Çok ilginç biri bakalım bulabilecek misiniz' dedi... Ayağa kalkıp etrafa bakmaya başlamıştım ki,yumuşak bir el omzuma dokundu... Döndüm... Yüzü iyice kırışmış bir yaşlı hanımefendi, bana gülümseyerek bakıyordu... 'Ben Rose' dedi.. 'Benim adım Rose, yakışıklı... 87 yaşındayım. Madem tanıştık seni kucaklayabilir miyim?..' Güldüm... 'Tabii' dedim... 'Hadi sarıl bana...' Öyle sımsıkı sarıldı ki...

'Bu kadar genç ve masum yaşta üniversiteye niye geldin' diye şaka yaptım.. Minik bir kahkaha ile yanıtladı: 'Buraya zengin bir koca bulmaya geldim. Evlenip birkaç çocuk doğuracağım. Sonra emekli olup dünya turuna çıkacağım...' Dersten sonra kantine gidip, birer sütlü çikolata içtik. Hemen arkadaş olmuştuk. Ertesi gün ve ertesi üç ay, sınıftan hep birlikte çıktık ve hep kantinde lafladık... Öyle akıllı ve öyle deneyimliydi ki, onu dinlemekle, derslerden daha çok şey öğrendiğimi hissediyordum.

---

RESİM METNİN SAĞINDA İSTENİYORSA
ALTTAKİ KODU KULLANIN

<div style="margin:5px 10px 0px 0px;display:inline;float:right"> <div style="text-align:right;display:block">  <img border="0" height="200" src="https://sites.google.com/site/erdoganaslan49/_/rsrc/1260740567749/turk-buyukleri/Atat%C3%BCrk-022.jpg?height=240&width=320?height=240&width=320?height=200&width=126?height=200&width=126" width="263"></div> <div style="text-align:right;display:block"> </div> </div> <p> METİN YAZILACAK YER</p>

Kendi istediğimiz Resmi nasıl eklemeli :

1. Resminizi site veya Blogunuza yükleyin
2. Yüklediğiniz resmin Linkini CTRL+C ile Panoya kopyalayı
3. Yukardaki kodda (src="https://sites.google.com/site/erdoganaslan49/_/rsrc/1260740567749/turk-buyukleri/Atat%C3%BCrk-022.jpg")   src="......"  noktalı yerdeki adresi silip veya seçip üstüne panodaki kendi resim linkinizi CTRL+V ile yapıştırın.

 NOT: Kodda resme tıklanması için link yok

---

SONUÇ

 

Bir liderin kişiliğinin oluşmasında, yetişmesinde şüphesiz, içinde yaşadığı “çevre” etkin rol oynamaktadır. Liderin çevresi ise; ailesi, okuduğu okullar, meslek ortamı, yaptığı görevler ve insanlık idealleri ve birikimlerinden oluşur. “Okul” veya “eğitim-öğrenim” ortamı da, bu çevrenin ve yetişme sürecinin önemli bir bölümünü, kesitini meydana getirir.

Bir Dönüştürücü Lider olarak Atatürk’ün yetişmesinde de, aldığı eğitimin önemli bir etkisi ve katkısı vardır. Bu süreçte aile çevresi, ilk öğrenimi, Mülki ve Askeri Rüştiye, Manastır Askeri İdadisi, Harp Okulu ve Harp Akademisi’ndeki eğitim ve öğrenimleri bilgi birikiminin oluşmasında ve kişiliğinin şekillenmesinde şüphesiz, tartışılmaz etkiler yapmıştır. Esasen Mustafa Kemal’in bir lider olarak düşünce yapısının oluşması ve ileriye dönük fikirlerinin şekillenmesi, ilerde gerçekleştireceği önemli işlerle ilgili bilinçli bir fikri altyapının oluşması da bu yıllardan başlayarak gerçekleşmiştir.

---

RESİME LİNK VERME

<div class="separator" style="clear: both; text-align: center;"> <a href="http://www.computest.com.tr/" attredirects=0" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRHLffVARZYNpffRDsNhJq_ZeMYyqqEQeFjF9AT8IUdM-2flx_bQg-ZmD3nWEAkGnX351gExOlHd3FKE2zZDfTe758oyqfvmD6gplN0kWx0n88bLqLacoy9oithabkHTyHHDwDuQF_AQ/s400/Yeni-Mates.png"/></a></div>

---

  NOT : Kod yayınlama kutusu kodunu (google sites) sitelerinde kullanmaya çalışmayınız. Zira çalışmaz