BLOG OKULU

Blogger için tasarlanmış müthiş görünümlü, renga renk maus üzerine geldiğinde dönen yaprak şeklinde menü.Blogunuza eklemek için;

Film şeridi gibi yatay olarak hareketli bir şekilde kayan, blogger kullanıcıları için tasarlanmış etiket bazlı çalışan slayt alnını blogunuza uygulamayı anlatacağız.Bu slayt alanını uygulamadan önce bir etiket seçiyorsunuz, biz slayt etiketini seçtiğinizi varsayarak anlatıma devam edelim, slayt alanında görünmesini istediğiniz yazıların etiketlerinden bir tanesine seçtiğimiz slayt kelimesini yazıyoruz.Bu şekilde slayt alanında slayt etiketi yazdığımız yazımız görünecektir. Adım adım blogger için kayan yatay şerit halinde hareketli slayt alanını blogunuza eklemeyi anlatalım: DEMO GÖRÜNÜM 1- Blogger Hesabımızla Giriş Yapıyoruz. 2-Uyarı! Her ihtimale karşı şablonumuzun yedeğini almayı unutmuyoruz. 3- Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz. 4- Kodlar içerisinde Ctrl+F yardımı ile  ]]></b:skin> kodunu aratıp buluyoruz. 5- Aşşağıdaki kodu kopyalayıp bulduğumuz  ]]></b:skin...

İmlecinize ışıltı vermeyi daha önce anlatmıştık şimdi ise imlec ile hareket eden mesaj yada notunuzu blogunuza eklemeyi anlatacağız.Örnek olarak blogunuza gelen ziyaretçi imleci hareket ettirdiğinde peşinden hoş geldiniz yazısı çıkacak.bu yazının rengini, tipini ve boyutunu da yaptığımız anlatımla kendinize göre düzenliyebileceksiniz. İmlec efektini blogunuza eklemek için; Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip açılan gadgetin içerisine aşşağıdaki kodu kopyalayıp yapıştırıyoruz. <!-- Start Gadget Code From http://www.blogokulu.blogspot.com/ --> <style type="text/css"> /* Circle Text Styles */ #outerCircleText { font-style: normal; font-weight: normal; font-family: 'comic sans'; color: #FF0080 ; position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} </style> <script type=...

Blog Okulundan blogunuza farklı bir görünüm kazandıracak yeni bir eklenti daha.Blogunuza ait resim, icon yada sizinle özdeşleşen bir simgeniz var ise bunu başlıklarınızda görüntüleyebilirsiniz.Blogunuza ekliyeceğiniz bir cümlelik koddan sonra simgeniz bütün başlıklarınızda görünecektir. Blog başlığınıza resim yada icon eklemek için; Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz. Ctrl+F yardımı ile kodlar içerisinde aşağıdaki kodu buluyoruz. <a expr:href='data:post.url'><data:post.title/></a> Bulduğumuz <a expr:href='data:post.url'> kodu ile <data:post.title/></a> kodu arasına aşşağıdaki kodu ekliyoruz. <img src=" Resminizin URL adresi "/> Kodumuzun son hali aşşağıdaki gibi olacak. <a expr:href='data:post.url'> <img src=" Resminizin URL adreasi "/> <data:post.title/></a> "Resminizin URL adresi...

Blogger kullanıcıları eklemek istedikleri saatin altındaki kodu kopyalayıp gadget ekleme yöntemi ile (Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip ederek) basit bir şekilde istedikleri saati bloglarına ekliyebilirler.Diğer site ve bloglar ise kodları kopyalayıp kullanıcı panellerinden ilgili kısma kod olarak ekliyerek saatleri kullanabilirler.   Daha önceden verdiğimiz diğer saat çeşitleri için tıklayın.

Profesyonel  olarak tasarlanmış alışveriş sitelerinde, imlec ile bir ürünün yada resmin üzerine geldiğiniz zaman resim büyüyor, böylece kullanıcı  ürünü daha detaylı ve yakından görme imkanını buluyor.Bu tür siteleri mutlaka ziyaret etmişsinizdir diye düşünüyorum.Blog Okulu, blogları orjinal ve profesyonelce tasarlanmış sitelerle yarışır seviyelere getirecek eklentileri kullanıma sunmaya devam ediyor. Profesyonel sitelerdeki gibi resim zoomlama yada türkçesi resim yakınlaştırma eklentisini bir kaç kopyala yapıştır işleminden sonra sizde blogunuza ekliyebilirsiniz.Bu eklentiyi ekledikten sonra; resimleriniz üzerinde ziyaretçileriniz imleci gezdirip resmimlerinizi daha detaylı ve yakından görme imkanını bulacaklar. Resim Yakınlaştırma Eklentisini Blogunuza Uyarlamak İçin; 1.Adım: Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edin widget şablonlarını genişlet kutucuğunu işaretleyin.Ctrl+F yardımı ile kodlar içerisinde ]]></b:skin> kodunu aratıp buluyoruz a...

Blog yazarlarının en çok istediği, okuyucularının yazılarına kolay ve kısa yoldan ulaşabilmesini sağlamak.Siteler üzerinde yapılan araştırmalarda da en çok dikkat çeken ve tıklanma oranı en yüksek olan bölgeler sağ-sol kenar çubukları ve üst taraftaki linklerdir .Üst tarafa daha fazla sayıda link eklemek ve site içeriklerinize erişim kolaylığı için mutlaka açılır menüyü kullanmak gerekir. Daha önceden farklı bir drop down  açılır menü örneğini sizlere sunmuştuk.Önceki açılır menü örneği daha sade ve eklemesi buna göre biraz daha zordu.Şimdiki drop-down açılır menü eklentisinde ise biraz efekt ve renk verip daha profesyonel bir görünüme kavuşturup, eklemesini daha basit hale getirip drop down açılır menüyü sizlerin kullanımına sunuyoruz. DEMO GÖRÜNÜM Drop down Açılır Menüyü Blogunuza Eklemek İçin: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript  yolunu takip ediyoruz aşşağıdaki kodu kopyalayıp açılan gadgetin içine yapıştırıyoruz. <!-- Start Dr...