Bir Blog Yazısının Yaşam Döngüsü

Siz blog yazılarınızı nasıl yazıyorsunuz bilmiyorum ama benim her yazımın bir yaşam döngüsü vardır ve yazının türüne göre ufak tefek değişiklikler göstersede genellikle her yazımda bu döngü işler.Bu yaşam döngüsü 7 temel adımdan oluşuyor.

 

1. Konu

 

Bir blog yazısının yaşam döngüsü elbette yazacağınız yazı için bir konu bulmakla başlar.Bazen okuduğunuz bir yazıdan, bazen başka bir yazınıza gelen yorumdan, bazen de izlediğiniz bir filmden etkilenirsiniz.İşte bir blog yazısının yaşam döngüsü bu etkileşim sonucu aklınıza bir konu gelmesiyle başlar.

 

Tavsiye yazı: Blog Yazıları İçin Yeni Fikirler Üretmek

 

2. Araştırma

 

Yazacağınız konuya karar verdikten sonra okuyucunuza en doğru ve en doyurucu bilgiyi vermek için araştırma yapın.Bu araştırma sayesinde yazınızda kullanak üzere ek bilgiler linkler bulabilirsiniz.

 

Araştırma aşaması elbette anahtar kelime araştırmasını da içerir.Yazınıza dolayısıyla blogunuza arama motorlarından ulaşılması için mutlaka yazınızda kullanacağınız anahtar kelimeler için araştırma yapmalısınız.

 

Tavsiye yazı: Anahtar Kelime Araştırması Rehberi

 

3. Yazım

 

Anahtar kelime araştırması yaptıktan sonra yazınızı yazmaya başlayabilirsiniz.Yazınızı belli bir plana göre yazmalısınız.Yazınızda görseller kullanarak yazıya hareket katabilirsiniz.Çok uzun ve düz yazı şeklinde değilde paragraflar ve ara başlıklar kullanarak yazmanız yazının daha rahat ve daha çok kişi tarafından okunmasını sağlar.

Yazı başlığını mutlaka yazıyı tamamladıktan sonra yazın ve anahtar kelimeleri kullanmayı unutmayın.

 

Tavsiye yazı: Etkili Blog İçeriği Oluşturmak

 

4. Düzenleme

 

Çoğu kişi tarafından göz ardı edilen fakat çok önemli bir adımdır.Yazınızı yazdıktan sonra blogunuzda yaayınlamadan önce mutlaka okuyun.Yazım hatalarını ve linkleri kontrol edin.Son olarak eklemeniz gereken ilave bir şey olmadığından emin olun.

 

5. Yayın

 

Yazınızın hazır olduğunu düşünüyorsanız artık okuyucularınızla buluşturmanın vakti gelmmiştir.Yazılarınızı yayınlarken peryoda dikkat edin.Örneğin 1 gün 2 yazı yayınlayıp diğer gün hiç yazı yayınlamamak yerine o yazıları 2 güne bölün.

 

Tavsiye yazı: Bloguma Hangi Sıklıkta Yazmalıyım?

 

6. Tanıtım

 

Yazınızı yayınladıktan sonra işin burada bittiğini düşünüyorsanız yanılıyorsunuz.Sıra yazınızı tanıtmaya ve daha çok kişiye ulaştırmaya geldi.Yazınızı Twitter, Facebook ve Google + gibi sosyal paylaşım sitelerinde paylaşın.

Yazınızı okuyanlarında paylaşmalarını sağlamak için yazının başına veya sonuna sosyal payaşım butonları eklemeyi unutmayın.

 

Tavsiye yazı: Blogunuza Sosyal Paylaşım Butonları Ekleyin

 

7. Ölçüm

 

Zaman zaman Google Analytics’i ziyaret ederek yazınızın istatistiklerini kontrol edin, diğer yazılarınızla kıyaslayın ve ne kadar başarılı olduğunuzu kontrol edin.Bir sonraki yazınızdaki başarıyı arttırmak için yazılarınızın performansını mutlaka ölçün.

 

Bu adımlar benim gibi bilgi veren teknik bloglar için %100 geçerlidir ancak kişisel günlük niteliğindeki bloglar için uygun olmayabilir.

Scratch – ilk denemeler

Daha önce burada yazdığım yazıda çocuklar için programlamadan bahsetmiştim. Bu konuyu yazıda bırakmadım, okulda 1-2 bilgisayara kurdum. Çocuklara programdan bahsetmedim. Programın masaüstündeki kısa yolu şekli yanda gördüğünüz kedinin kafası.8.Sınıflar ile Bilişim Teknolojileri dersindeyiz.

Normal ders uygulamalarını yaptırmakta zorlandığım oyun meraklısı bir öğrencim programı oyun sanarak açtı. Programı rasgele kullanarak sahneye bir kedi ekledi. Sonra programın sol tarafındaki kontrolleri sırayla rastgele kodlama bölümüne sürükledi ve bıraktı. Ama sonucun ne olduğunu çıkaramadı.

Bu noktadan sonra ben müdahale ettim. Kediye verdiği kontrollere, tıklandığında ve sürekli kontrollerini ekledim. Programı çalıştırdığımızda http://scratch.mit.edu/projects/dijitalyerli/2167205 böyle bir sonuç çıktı. Başlangıç için iyi bir uygulama. Fareyi takip eden kedi. Tabi ki ses kontrolleri biraz fazla oldu ama. başlangıç için idare eder.

Diğer öğrenciler de merak edip toplaştılar, bir çoğu bende oynayacağım diye bağrışmaya başladılar.

Gelelim İyi, Kötü ve Çirkin'e;

• Öğrencinin kendi istekleri doğrultusunda eğitsel bir yönde çalışma yapması güzel.
• Öğrencinin yaptığı şeyin ne olduğunu bilmeden yapması kötü.
• Yaptıklarını rastgele keşfetmiş olması güzel
• Son eklediğim kontrolleri neden eklediğimi ve bu kontrollerin ne iş yaptığını öğrencinin dinlememesi çirkin

Bilişim Teknolojileri dersinin içeriği keşke böyle olsa. Programlama öğretsek çocuklara ama nerede... Umarım o günleri de görürüz.

Technorati Etiketleri: scratch,çocuklar için programlama,örnek,dijitalyerli,teknoloji,bilişim teknolojileri,bt öğretmenleri,eğitimde teknoloji kullanımı,programlama öğretmek

Bumerang Ödülleri Sahiplerini Buldu

Bir süredir çoğu blogda bumerang’a ait oy verin butonu görüyorduk.Amaç 5 kategoride verilecek olan Bumerang Ödülleri’ni kapmaktı.Geçtiğimiz hafta finale kalan bloglar belli olmuştu.Dün (23 Kasım) ise Sina Afra, Serdar Kuzuloğlu ve Fatoş Karahasan’dan oluşan jüri, ödüllerin sahiplerini açıkladı.

Kazananlar bloglar…

- En tarz blog : http://hakancezhifi.stereomecmuasi.com/

- En çalışkan blog : http://egoistokur.com/

- En sosyal blog : http://www.semiyun.com/

- En bilge forum : http://www.grafikerler.org/

- En iyi yerel site : http://www.erzurumrehberi.net/

- Jüre özel ödülü : http://www.businessonair.net/

Ödül alan blogları tebrik ediyorum.Bu seneki yarışmaya katılmadım ancak önümüzdeki sene şayet düzenlenirse en çalışkan blog katrgorisinde yarışmayı düşünebilirim.

Yeniçarşım.com ile Evden Çıkmadan Çarşıya Çıkıyoruz!

Ekim ayından bu yana yayında olan Yeniçarşım.com, alışkın olduğumuz e-ticaret sitelerinden oldukça farklı. Site şimdiden sloganı olan “Evden çıkmadan çarşıya çık” mottosunu fazlasıyla yerine getiriyor. Çünkü şimdiden Yeniçarşım.com’da yüzlerce mağaza var ve siz dilediğiniz ürünü bu mağazalar arasından seçerek satın alabiliyorsunuz. Üstelik, internetten alışveriş yaparken en çok çekindiğimiz “güvenlik” engelini Hürriyet Güvenli Alışveriş Sistemi ile çözmüşler. Sistemi açıklayan video:

Yeniçarşım.com’un diğer alışveriş sitelerinden önemli farkları var. Platformun en belirgin karakteristiği olan alıcı ile satıcıyı bir araya getirme stratejisi, satıcıların (mağazaların) ticari kuruluş olması gibi akıllıca bir taktikle desteklenerek, son derece başarılı bir sistem getirilmiş durumda. Yeniçarşım.com’da satış yapan her mağaza, ticari unvana sahip, fatura kesen ve dolayısıyla garantili ürün satan mağazalar. Bu sayede aynı ürünü birden fazla mağaza arasından güvenle seçerek satın alabiliyorsunuz. Herhangi bir problemde “Hürriyet Güvenli Alışveriş Sistemi” ve Yeniçarşım’ın başarılı müşteri hizmetleri departmanı hizmetinizde.

www.yenicarsim.com'da 24 farklı kategoride onbinlerce ürün bulunuyor. Bilgisayar ve elektronik kategorilerinde birbirinden güzel ürünler Yeniçarşım.com’da.

Ayrıca, www.facebook.com/yenicarsim ve www.twitter.com/yenicarsim adreslerinden ise Yeniçarşım’ı takip edebilir, kampanya ve fırsatlardan haberdar olabilirsiniz.

Bir bumads advertorial içeriğidir.

“Bu Yazıyı Beğendiniz Mi?” Eklentisi

Blogunuzda yayınladığınız yazıların altında o yazıyı okuyanların blogunuzu çeşitli kanallardan takip etmelerini sağlayacak eklentiler göstermek, blogunuzun abone ve takipçi sayısını arttırmak için çok etkili bir yöntemdir.Bu sebeple daha önce Yazının Altına E-Posta Abonelik Formu Ekleme başlıklı yazımda blog yazılarının altına insanların  blogunuzu e-mail ile takip etmelerini sağlayacak bir form eklemeyi anlatmıştım.Ancak bu form çok basit olduğundan geçtiğimiz günlerde daha dikkat çekici bir eklentiyi Yazının Sonuna E-Posta Abonelik Kutusu Ekleme başlıklı yazımda paylaşmıştım.Bu eklentideki eksik ise e-posta aboneliğinin yanında diğer takip kanallarının olmamasıydı.Sonunda hem e-mail aboneliği hem de diğer sosyal medya kanallarının ikonlarının bulunduğu şık bir eklentiyi paylaşıyorum.

 

Resimde györdüğünüz “Bu Yazıyı Beğendiniz Mi?” eklentisibni blogunuza eklemek istiyorsanız blogunuzun şablonundan <data:post.body/> kodunu bulun ve hemen altına aşağıdaki kodları ekleyin.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style> 
form.emailform{ 
margin:20px 0 0; 
display:block; 
clear:both; 
} 
.mbttext{ 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmjitYIP6ctC0wqKuVR8xdwy8nqfJghviEUVwgtjxGbX1y92bu_U2QyFcEuvK120kBcoYEqqmzkOWrQmYtgEyOU62HZ9uE4rWpsKBU9ybxcjUqNwWQhb0Ko_NsPPs1iRL4gFwaq6wgHWn1/s28/w2b-mail.png) no-repeat scroll 4px center transparent; 
padding:7px 15px 7px 35px; 
color:#666; 
font-weight:bold; 
text-decoration:none; 
border:1px solid #D3D3D3; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
-moz-box-shadow: 1px 1px 2px #CCC inset; 
-webkit-box-shadow: 1px 1px 2px #CCC inset; 
box-shadow: 1px 1px 2px #CCC inset; 
} 
.mbtbutton{ 
color:#666; 
font-weight:bold; 
text-decoration:none; 
padding:6px 15px; 
border:1px solid #D3D3D3; 
cursor: pointer; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-goog-ms-border-radius: 4px; 
border-radius: 4px; 
background: #fbfbfb; 
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); 
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 ); 
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 
}
#doulike-outer { 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
-goog-ms-border-radius: 10px 10px 10px 10px; 
border-radius: 10px; 
background: none repeat scroll 0 0 transparent; 
border: 1px solid #D3D3D3; 
padding: 8px; 
-moz-transition: all 0.3s ease-out; 
-o-transition: all 0.3s ease-out; 
-webkit-transition: all 0.3s ease-out; 
-ms-transition: all 0.3s ease-out; 
transition: all 0.3s ease-out; 
width:480px; 
} 
#doulike-outer:hover{ 
background: none repeat scroll 0 0 #FFF; 
-moz-box-shadow: 1px 1px 2px #CCC inset; 
-webkit-box-shadow: 1px 1px 2px #CCC inset; 
box-shadow: 1px 1px 2px #CCC inset; 
} 
#doulike-outer td{ 
padding:3px 0; 
} 
</style>
<div id='doulike-outer'> 
<div id='doulike'> 
<table width='100%'> 
<tbody> 
<span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana;  color:#FF683F;'>Bu yazıyı beğendiniz mi?</span> 
<tr> 
<td>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/>
</td>
</tr>
<tr>
<td align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Yeni yazılar e-mail adresinize gelsin!</p> 
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bloghocam&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'> 
<input name='uri' type='hidden' value='bloghocam'/> 
<input name='loc' type='hidden' value='en_US'/> 
<input class='mbttext' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-mail adresiniz...&quot;;}' onfocus='if (this.value == &quot;E-mail adresiniz...&quot;) {this.value = &quot;&quot;}' type='text' value='E-mail adresiniz...'/>
<input alt='' class='mbtbutton' title='' type='submit' value='Submit'/> 
</form> 
</td>

<td><p style='color:#666; font-style:italic; margin:0px 0px 5px 0px;  '>Takip Edin!</p> 
<a href='http://feeds.feedburner.com/bloghocam' rel='nofollow' target='_blank' title='RSS ile takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Cc9ocRxm2DQVdwdzknmlXU7ldVxNCL7kZVDk_wWy6g4ny41_OgTs2YsYv1wQll0FnpMA_N1itQ_2M1vHlyuuW0QCkAjmkCXQr9YqAF2SIVwjDDciclUUr87C3MStBebzlRkUv_9OdGF4/s40/w2bRSS+.png'/></a>
<a href='http://twitter.com/bloghocam' rel='nofollow' target='_blank' title='Twitterda takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtnv1U_zNiyKcj_5UPg0EvfH5zqqb8OgNNH-1-7bPkdd2Y2ZcUAvXTBB9_8_qQ8Ktp54CypLy7diAa1xBbw2LIY7UdQ-xr5o6yhbsWneeMfAEy6iguf0-4so5AZQ_9Z_5LX-yORbeAwjas/s40/w2bTwitter.png'/></a>
<a href='http://www.facebook.com/bloghocam' rel='nofollow' target='_blank' title='Facebookta takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-pk8g5-Ef2x4q0gi5J0tyCsjbvj6WPkSPSN51M5dd-n_6cJ4VBXmNmIox6KPnfWMM7kLCcEx_yQPutUfDgKalc8UaEfJ1JY2wsNXX1Dw_eRT2hoP8qkRMpASZlbARMBTp5_OIXKAN896y/s40/w2bFaceBook.png'/></a> 
</td>
</tr>
</tbody></table></div></div> 
</b:if> 

Değiştirmeniz gereken yerler

http://feedburner.google.com/fb/a/mailverify?uri=bloghocam&apos  yazan yerde bloghocam yerine kendi feedburner ID’nizi yazın.

input name='uri' type='hidden' value='bloghocam yazan yerde bloghocam yerine kendi feedburner ID’nizi yazın.

http://feeds.feedburner.com/bloghocam yazan yerde bloghocam yerine kendi feedburner ID’nizi yazın.

http://twitter.com/bloghocam yazan yere kendi twitter adresinizi ve http://www.facebook.com/bloghocam yazan yere kendi facebook adreswinizi yazın.

Filigran İle Blogunuzda Paylaştığınız Resimleri Koruyun

Bu yazım blog yazılarında kendine ait görseller kullananları ilgilendiriyor.Blogunuzda kendi çektiğiniz bir fotoğrafı ,oluşturduğunuz bir çalışmayı yada ekran görüntüsünü paylaşmak istediğinizde başkalarının bu çalışmalarınızı izinsiz ve kaynak göstermeden kullanması kaçınılmazdır.Bu çalışmanızın size ait olduğunu ve kaynağının kendi blogunuz olduğunu göstermenin bir yolu vardır: Filigran…

 

Filigran ( Watermark ) Nedir?

 

Filigran yani watermark resmin bir köşesine eklenen yazı veya logodur.Bu yazı veya logo o resmin kaynağını gösterir.Genellikle şeffaf olurlar ve orjinal resmin görünmesini engellemezler.

 

Resimlerde Neden Filigran Kullanmalıyım?

 

Blogunuzda yayınladığınız resimlerde filigran varsa  bu blogunuzun özgün ve orjinal çalışmalar içerdiğini gösterir.Ayrıca filigranlı resimleriniz izinsiz kullanılsa bile resminde yazan blogunuzun adresi sayesinde blogunuzun ziyaretç sayısı artacaktır.

 

Resimlerime Nasıl Filigran Ekleyebilirim?

 

Filigran eklemek için çok sayıda program var ama ben size hem online hem de çok kolsay olan bir aracı tavsiye edeceğim… PicMarkr

 

Bu ücretsiz online araç ile resimlerinize kolayca filigran ekleyebilirsiniz.Şimdi denemek için bilgisayraımdaki bir resme bu araç ile filigran ekleyeceğim ve nasıl yaptığımı adım adım anlatacağım.

 

1.Adım: PicMarkr sitesine gidin ve filigran eklemek istediğiniz resmi seçin.Bilgisayarınızda bulunan resimlerden birini seçeceğiniz gibi Flickr, Facebook veya Picasa hesaplarınıza bağlanarak burada bulunan resimlerinizi de seçebilirsiniz.Resmi seçtikten sonra Go To Step2 butonuna basın.

2.Adım: Bu adımda resminizde görünmesini istediğiniz filigran türünü seçin.İstediğiniz yazı veya logoyu resmin istediğiniz bir köşesine yerleştirebileceğiniz gibi tüm resme dağılmasını da seçebilirsiniz.Yandaki örnek resimde görüntünün nasıl olacağı gösteriliyor.Filigranınızı belirledikten sonra Continue butonuna basın ve işlemi tamalayın.

Sonuç: Kısa süre sonmra resminizin filigran eklenmiş hali ekranda gözükecektir.Artık resmi bilşgasayırınıza indirebilir veya direk Facebook, Flickr veya Picasa albümlerinize gönderebilirsiniz.İşte benim örnek olarak kullandığım koala resminin filigran eklenmiş hali…

Bumads Reklam Platformu ile Binlerce Bloga Ulaşın!

Artık hiçbir şey eskisi gibi değil; masallar bile… Ezeli rekabet iş dünyasında devam ediyor! Tavşan ve kaplumbağa bu kez “Bumads” rövanşında karşılaşıp, yeni ürünlerini daha iyi tanıtmak için kıyasıya bir yarışa koyulurlar. İkisi de başarıyı geleneksel medyanın yanı sıra sosyal medya reklamlarında arar. Kahramanlarımızdan biri ise Bumads’in sosyal medyadaki gücünü keşfetmiş, markasını bol bol konuşturmanın formülünü çoktan bulmuştur.

Hürriyet İnternet Grubu’nun sosyal medya reklam platformu Bumads için hazırlanan viral video, aslında bu yeni reklam modelini çok da güzel anlatıyor. Bumads, markaların binlerce Bumerang üyesi blog ve niş web sitesinde advertorial formatında, içerik tabanlı reklam yayınlayarak hedef kitlelerine kolayca ulaşmasını sağlıyor. Bu reklamlar blogların diğer içerikleri ile aynı alanlarda yer alıyor ve daha sonra blog sahiplerinin sosyal medya hesaplarından da paylaşılarak yüksek erişim yaratıyor. Sosyal medyada paylaşılabilmesinin yanında içerik tabanlı olması sayesinde arama motorları tarafından da indekslenen reklamlar, olumlu bir SEO etkisi sağlıyor ve aylar boyunca erişilmeye devam ediyor.

Bumads ürün tanıtımlarının yanı sıra, kampanya duyuruları, sosyal sorumluluk projeleri, kurumsal mesajlar, marka ve kriz iletişimi gibi konularda da markaların hedefledikleri kitleye uygun blog ve web siteleri aracılığı ile ulaşmalarına rehberlik ediyor.

Bugüne kadar Ruffles, Sony, Adidas gibi bir çok önde gelen marka tarafından tercih edilen Bumads hakkında detaylı bilgi almak için http://www.bumads.com.tr web sitesini ziyaret edebilirsiniz.

Eğer bir blog ya da web sitesi sahibiyseniz, sitenizde Bumads içeriklerini yayınlayarak para kazanmak içinse http://bumerang.hurriyet.com.tr adresinden kolayca Bumerang'a üye olabilirsiniz!

Bir bumads advertorial içeriğidir.

Son Google Güncellemesi Ve Etkileri

Bir süre önce Google, resmi blogunda yeni algoritmasını duyurmuştu.Bu algoritmaya geçmeden önce Google geçtiğimiz yıl ki davranışlarını incelemkte fayda var.

Google 8 ay önce duyurduğu Caffeine güncellemesinde arama sonuçlarında kaliteli vegüncel sitelere öncelik vermeyi hedeflemişti.Devamında gelen Panda güncellemesi ile de sadece AdSense geliri elde etmek amaçlı kurulan düşük kaliteli sitelerin trafiğini azaltmak istemişti.

 

Google’ın bbu son güncellemesi de bu iki agüncellemenin devamı niteliğinde gözüküyor.Google’ın hedefi güncel ve değerli içeriğe sahip siteleri arama sonuçlarında üst sıralarda göstermek.

Google Güncellemesi Site Trafiğine Nasıl Etki Edecek?

 

Öncelikle bu güncelleme ile SEO uzmanları tarafından sürekli vurgulanan ve benimde yazılarımda sık sık belirttiğim arama motoru için değil insanlar için yazın tavsiyesi tdaha da önem kazanacak gibi duruyor.Bu güncellemeden orjinal ve yeni içerik yayınlayan siteler kazançlı çıkarken, başkalarının içeriğini kopyalayan ve sadece arama motoru ile AdSense geliri hedegleyen siteler büyük darbe görecek.

 

Örneğin arama motoruna Sergen Yalçın yazdığınızda onun biyografisi veya resimleri yerine son yaptığı röportajlar ve onunla ilgili yapılan son haberler karşiımıza çıkacak.

Google’ın bu algoritma güncellemeleri kısa zamanda ani değişimler göstermez.Bu yüzden etkilerini yavaş yavaş göreceğiz.

Jquery İle Dikey Sabit Açılır Menü

Jquery adı verilen Java Script kütüphanesini çok seviyorum.Jquery sayesinde bloglarımızın görselliğini ve işlevselliğini bir hayli arttırabiliyoruz.Bu yazıda vereceğim örnek te blogunuzun görselliğini ve kalitesini arttırmaya yönelik bir menü.

Resimde gördüğünüz dikey menü Jquery ile yapılmıştır ve sabittir.Yani sayfayı aşağıya kaydırsanız bile o menü hep gözükecektir.Ayrıca menüdeki butonların üzerine geldiğinizde sağa  doğru slide efektiyle açılır.Menünün nasıl göründüğünü ve nasıl çalıştığını resme bakarak anlamak zor.Bu yüzden aşağıdaki videoyu hazırladım.Videoyu izleyerek daha net anlayabilirsiniz.

Şimdi menüyü blogunuza nasıl ekleyeceğinize geçelim.

1.Adım: İlk olarak şablonunuzdan ]]></b:skin> kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin.

ul#menusisi {
position: fixed;
margin: 0px;
padding: 0px;
top: 50px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#menusisi li {
width: 100px;
}
ul#menusisi li a {
display: block;
margin-left: -50px;
width: 100px;
height: 55px; 
background-color:#141414;
background-repeat:no-repeat;
background-position:48px center;
border:1px solid #cfcfcf;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity: 0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#menusisi .beranda a{
background-image: url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaBfhOhI/AAAAAAAAD_0/nV3ITEV9d3M/d/nav_home.png);
}
ul#menusisi .tentang a{
background-image: url(http://lh4.ggpht.com/_xcD4JK_dIjU/S9BJaX0yaqI/AAAAAAAAD_4/GZhfUKvK588/d/nav_info.png);
}
ul#menusisi .cari a{
background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJejnwlAI/AAAAAAAAEAE/B_LZd63vGeI/d/nav_search.png);
}
ul#menusisi .komentar a{
background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaFyqDGI/AAAAAAAAD_w/pNO6TUSigBg/d/nav_comment.png);
}
ul#menusisi .rssfeed a{
background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaabJhzI/AAAAAAAAEAA/Oo4mhwCwzbI/d/nav_rss.png);
}
ul#menusisi .alat a{
background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJelocqyI/AAAAAAAAEAI/6SmP-UHv-eg/d/nav_tools.png);
}
ul#menusisi .kontak a{
background-image: url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaVZkksI/AAAAAAAAD_8/g5fo6OKT5wE/d/nav_mail.png);
}

2.Adım: Şablonunuzdan </head> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;jquery&quot;, &quot;1.3.2&quot;);
</script>
<script type='text/javascript'>
$(function() {
$(&#39;#menusisi a&#39;).stop().animate({&#39;marginLeft&#39;:&#39;-50px&#39;},1000);
$(&#39;#menusisi &gt; li&#39;).hover(
function () {
$(&#39;a&#39;,$(this)).stop().animate({&#39;marginLeft&#39;:&#39;-2px&#39;},200);
},
function () {
$(&#39;a&#39;,$(this)).stop().animate({&#39;marginLeft&#39;:&#39;-50px&#39;},200);
}
);
});
</script>

3.Adım: Son olarak şablonunuzdan </body> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

<ul id='menusisi'>
<li class='beranda'><a href='http://bloghocam.blogspot.com' title='Ana Sayfa'/></li>
<li class='tentang'><a href='http://bloghocam.blogspot.com/p/hakkmda.html' title='Hakkımda'/></li>
<li class='cari'><a href='http://bloghocam.blogspot.com/p/arsiv.html' title='Arşiv'/></li>
<li class='alat'><a href='http://bloghocam.blogspot.com/p/kaynaklar.html' title='Kaynaklar'/></li>
<li class='rssfeed'><a href='http://bloghocam.blogspot.com/p/takip-et.html' title='Takip Et'/></li>
<li class='komentar'><a href='http://bloghocam.blogspot.com/p/misafir-blogculuk.html' title='Misafir Blogculuk'/></li>
<li class='kontak'><a href='http://bloghocam.blogspot.com/p/iletisim.html' title='İletişim'/></li>
</ul>

Düzenlemeniz Gereken Yerler

3.Adımdaki kodlarda menüdeki butonlara linkler verilmiştir.Ben örnek olması açısından blogumdaki sayfaların linklerini ekledim ( hakkımda, iletişim, takip et…vs.). Buradaki linkleri ve yanınlarındaki açıklamaları kendinize göre değiştirin.

Blogunuz için Google Plus Sayfası Oluşturun

Bayramda aile büyüklerini ziyaret etmekten RSS okuyucuma gelen yeni yazıları okuma fırsatı bulmuştum.Bu 3 günlük arada Google Plus’ın merakla beklenen sayfalar özeliğini duyurduğunu farkettim.Peki Google Plus’ta sayfa nasıl oluşturuluyor?

 

1.Adım: Google Plus’ın sayfa oluşturma adresi olan https://plus.google.com/pages/create sayfasını ziyaret edin.Bu sayfada sizden kategori seçmeniz isteniyor.Siz blogunuz için bir sayfa oluşturacağınız için Other kategorisini seçin.

2.Adım: Kategoriyi seçtikten sonra sizden bazı bilgiler istenecek.İlk kutuya b-sayfanızın adını, ikinci kutuya blog adresinizi yazın.Üçüncü seçenekte sayfanız için yaş sınırı koyup koymayacağınızı belirttikten sonra hemen altındaki kutucukları ( ilki yenilikleri hakkında bilgilendirilmerniz için, ikincisi sayfa şartlarını kabul etmeniz için) işaretleyin ve Create butonuna basın.

3.Adım: Sayfanızı oluşturduktan sonra sıra biraz düzenleme yapmakta.Tagline kısmına bir tanım cümlesi yazın.Daha sonra sayfanız için bir profil resmi seçin ve Continue butonuna basın.

4.Adım: Sıra sayfanızı Google Plus çevrelerinizdekilere duyurmaya geldi.Sayfanızı duyurmak istediğiniz çevreleri seçtikten sonra Finish butonuna basın.

Tebrikler Google Plus sayfanız hazır.

 

Blog Hocam’ı Google Plus’ta Çevcrelerinize Ekleyin

Google Plus sayfalar özellilği güncelliğini kaybetmeden blogumda paylaşmak istedim.Bu yüzden detaylı bir şekilde inceleme fırsatı bulamadım.Kısa bir süre sonra Google Plus sayfalarla ilgili daha detaylı bir yazı hazırlayıp blogda yayınlarım.

 

Bundan sonra blogumla ilgili güncellemeleri Blog Hocam Google Plus Sayfasından da takip edebilirsiniz.Eğer Google Plus hesabınız varsa Blog Hocam’ı çevrelerinize eklemeyi unutmayın.

Bir eğitimcinin yürümesi gereken 10 yol

Uzun süredir yer imlerim arasında yerini koruyan bu sayfanın içinden alıntılar yaparak bir blog yazısı oluşturmak da uzun süredir aklımda yerini koruyor.

Bu yazının başlığı eğitimcilerin yapması gereken 10 yol/yordam/yöntem, eğitimci yetiştirmek için gerekli 10 yol/yordam/yöntem, gibi de olabilirdi.

1. Kişisel Öğrenme Ağı

   'Kişisel öğrenme ağı' oluşturun. Okulunuzdaki diğer öğretmen ve öğrencileri  kişisel öğrenme ağınıza ekleyin. Sonra fikirleri paylaşın,  birbirinizi dinleyin, birbirinizi eleştirin, birbirinizi destekleyin, birlikte öğrenin.

2. Sizden farklı düşünen insanlarla iletişim kurun.

   Her zaman sizin gibi düşünmeyen biriyle yakından çalışın. Onun bakış açılarını dinleyin. Kendi bakış açınızı onunla paylaşın. Birbirinize ters düşün. Kendi düşüncenizi savaşırcasına savunun.Uzlaşın uzlaşmayın ama tartışın. Fikirlerinizi korkmadan tartışın. Beyin fırtınası gibi.Bu tartışma sizin yeni bakış açıları kazanmanızı sağlayacak. birlikte öğrenin.

3. TED konuşmalarını dinleyin.

   TED konuşmalarını sürekli dinleyin. TED’de nedir? TED Talks ( TED konuşmaları) bazı inanılmaz, ilham verici düşünürler,yazarlar,araştırmacılar arada ünlüler (Bill Gates gibi),burada sunum yaparlar. (Sunumların büyük çoğunluğunun Türkçe altyazısı mevcut.) Bu sunumların çoğu eğitim üzerine değil. Ama burada önemli olan bu sunumlardan yapacağınız çıkarımlar ve bunları Eğitim ve bakış açınızı genişletmek için kullanabilmek. .Eğitim fikirleri uygulamak nasıl mümkün olabilir düşünün.

4. Küresel bağlantılarda bulunun.

   Diğer insanlar, diğer okullar, diğer kültürler hakkında bilgi edinin. Onlarla internet üzerinden bağlantı kurun. Önce siz iyi birer öğrenci/öğrenen olun. Sonra da bu küresel bağlantılarınızla öğrencileriniz tanıştırın. Onların farklı kültürlerle tanışmasına yardımcı olun.

5. Twitter’a üye olun.

   (Bilmiyorsanız) başlamanıza yardım edecek birini bulun. (Mesela : http://kubrakose.blogspot.com/2011/08/twitterla-yeni-tansanlar-icin.html ) Sadece insanları değil, konuları da takip edin. Katılın. Yardım isteyin ve yardım edin. Sabırlı olun, online bir ağ oluşturmak için zaman alır. Kısaca aktif olun.

6. Kendi fırsatlarınızı oluşturun.

   Risk alın. Online konferanslara katılın. Yeni fikirleri keşfedin. Yeni araçlar ile deneyin. Okulda yeni bir şey başlatın. İş tanımı olmayan bir şey yapın.

7. Blogları takip edin

   Size ilginç gelen eğitim üzerine yazılmış blogları takip edebilmek için RSS takipçisi kurun. (http://kubrakose.blogspot.com/2011/11/arases-rss-diye-bir-sey-varms.html) Ya da email ile takipçi olun. Öneriler alın. Okuduğunuz yazılara yorum bırakın ya da konuşmalara siz de katılın.

8. Kendi blogunuzu yazın

   Cidden, herkes bunu yapabilir. Düşüncelerinizi, fikirlerinizi paylaşabileceğiniz en iyi ortamlardan birisi blog. Siz başka bloglara yorum bırakacaksınız onlar size. Yukarıda söylediğimiz gibi farklı fikirler çıkacak, yazılarınıza yorum bırakacak. Sadece okuyucular değil, bu süreçte siz de öğreneceksiniz.

9. IB okullarından birinde çalışın

   IB okulları ile ilgili bilgi: http://www.dogakoleji.com/ibhighschool/Detail.asp?PageID=76

   Türkiye’deki IB okulları : http://www.ibo.org/school/search/index.cfm?programmes=&country=TR&region=&find_schools=Find

10. Öğrenme topluluklarının bir parçası olun.

    Öğrencilerden öğrenin, diğer öğretmenlerden öğrenin, internet üzerindeki diğer eğitimcilerden öğrenin. Sonuçta öğrenmeye açık olun.

Bu maddelere başka maddeler eklenebilir. Kendi maddelerinizi de sizler bu yazının altına yorum bırakarak ekleyebilirsiniz.

Sonuç olarak bir eğitimciyseniz, kendinizi geliştirmeniz şart. Yoksa verdiğiniz eğitim verimli olmuyor. Eğitim = Gelecek formülünde verimsiz bir eğitmenseniz, denklemin bir tarafını 0 ile çarpmış oluyorsunuz.

Eğitim = Gelecek

Kendini Geliştirmeyen Öğretmen * Eğitim = Gelecek

Kendini Geliştirmeyen Öğretmen = 0

0 * Eğitim = Gelecek

0 = Gelecek

Not: Çeviri hataları için kusura bakmayın.Zaten tam çeviri yapmadım, Bazı bölümlerinde eklemeler,çıkarmalar değiştirmeler olabilir.

Technorati Etiketleri: öğretmen,eğitim,eğitimci,eğitsel,öğretmenlerin yapması gerekenler,iyi bir öğretmen nasıl olunabilir,iyi öğretmen,böte,eğitim teknolojileri,öğretim

ARASES : RSS diye Bir şey varmış...

Ben zamanında üniversiteyken (sanki üzerinden çok zaman geçmiş gibi) bir etkinlik düzenlemiştik. O etkinlikteki konuşmacı hocamız “RSS kullanan kaç kişi var” diye sormuştu. tabi tüm salon bunu “arases” olarak anlamış. Eski bloguma bu konuda bir şeyler yazmıştım. O blogtaki güzel ya da gerekli yazıları buraya taşıyorum. Blog ve hesap kalabalığı aradığımı bulmayı zorlaştırıyor.

3 Ağustos 2008 Pazar

RSS diye bir şey varmış. Hiç kullandınız mı?

Haber, teknoloji ve internet sitelerinin bir çoğunda email aboneliği ile haftalık, aylık günlük bültenleri email adresinize gönderiyorlar. Bende her girdiğim ve içeriği güzel olan siteye email adresimi yazmıştım. Sonuç: 1 hafta internete girmediğimde gelen kutusunda en az 100 mail olduğunu gördüm. Tabi bir süre sonra bu insanı bunaltıyor.

Bende bugün bir de RSS aboneliğini deneyeyim dedim ve RSS in daha düzenli olduğunu fark ettim.

Wikipedi'den RSS hakkında bilgi;

RSS, genellikle haber sağlayıcıları, bloglar ve podcastler tarafından kullanılan, yeni eklenen içeriğin kolaylıkla takip edilmesini sağlayan özel bir XML dosya formatıdır. Kullandığı dosya biçimleri .rss ve .xml'dir.
RSS kısaltmasının açılımı ve zaman içinde gelişimi şöyledir:
Rich Site Summary (RSS 0.91)
RDF Site Summary (RSS 0.9 and 1.0)
Really Simple Syndication (RSS 2.0.0)

İnternet kullanıcısı RSS teknolojisi ile düzenli olarak içerik sunan sitelere abone olabilir ve çeşitli RSS istemcileri sayesinde içeriği takip edebilir. Site yöneticisi veya sahibi bu hizmeti sunmak için bir takım teknik düzenlemeler yapmalı ve uygun formatta XML'i RSS istemcisi talep ettiğinde göndermelidir.

RSS sayesinde Araç Çubuğundan Vikipedi ve Ekşi Sözlük gibi sitelerdeki son değişiklikler görülebilir.

RSS olarak sunulan içerik web sitesinde sunulan içeriğin tamamını, özetini veya sadece başlığını içerebilir.

Ben RSS akışlarını takip edebilmek için Google Reader kullanıyorum. Google Reader’da yeni görünüme geçti bugünlerde. Google+ görünümüyle daha bir modern ve güzel.

Daha sonraki yazılarda neden RSS’den bahsettiğimi anlayacaksınız.

RSS ile yazıp kendi RSS bağlantımı yazmasam olmaz değil mi? http://feeds.feedburner.com/TeknolojiyeKzBak

Bilişimli Günler…

Technorati Etiketleri: rss,rss nedir,neden kullanılır,ne işe yarar,reader,google reader

Blogger Profilinizi Google Plus Profilinizle Değiştirdiniz Mi?

Google’ın tüm servislerini birbirine entegre etme süreci devam ediyor.Geçtiğimiz günlerde bunlara bir yenisi daha eklendi.Artık Google Plus profilleri Blogger’a entegre edilebiliyor.

Bildiğiniz gibi herkesin bir Blşogger profili var.Blogger’da bu profille yaptığınız yorumlarda isminize tıklandığında bu profl sayfası açılıyor.Google’ın bu yeni hamlesinden sonra insanlar yorumlardaki isminize tıkladığında doğrudan Google Plus profilinize yönlendirilecek.

 

Blogger profilinizi Google Plus  profilinizle değiştirmek için http://draft.blogger.com/switch-profile.g adresine gidin ve onay kutucuğunu işaretledikten sonra Şimdi Geçiş Yapın butonuna basın.