BLOG OKULU

Powered By Blog Okulu HTML Renk Kodu Bulmak için yada HTML Renk kodu Oluşturmak için yukarıdaki aracı kullanıp, aşağıdaki talimatları uygulayın ; 1- Ana renkler için yukarıdaki araçta renk alanında (orta kısımdaki) "Hue" seçici üzerindeki çubuğu sürükleyin. 2- Sol tarafta büyük kutuda "Hue" kısmında seçtiğiniz renk gelecek, burada Brightness/Saturation alanı içine tıklayın ve istediğiniz rengi elde edene kadar imleci sürükleyin. "Swatch" çubuğundanda (sağ tarafta) ön izleme yaparak seçtiğiniz renk kodunun durumunun görebilirsiniz. 3- İstediğiniz hexadecimal renk kodu "Hex" kutusunda oluşmuştur, bu kodu kopyalayın ve kullanın.Yada işlemin tam tersini yaparak "Hex" kutucuğuna renk kodunun yapıştırın ve swatch penceresinde rengin nasıl olduğunu görün. Artık istediğiniz HTML Renk Kodunu kolaylıkla bulabilirsiniz, yada elinizdeki bir renk kodunun önizlemesini yapabilirsiniz.

Bazı bloglarda eklenen link listeleri yada sidebarda bulunan eklentilerin uzayıp gittiğini ve bunun ne kadar kötü bir görüntü sergilediğini görmüşsünüzdür.Bu görüntü kirliliğini ortadan kaldırıp blogunuzdaki görsel dağınıklığı en aza indirgemek için eklediğiniz widgetlere kaydırma çubuğu eklemeyi anlatacağız. Kaydırma çubuğu sayesinde listeniz ne kadar uzun olursa olsun blogunuzda kapladığı alan sizin belirlediğiniz kadar olacaktır. Blogger Widgetlerine Kaydırma Çubuğu (Scrollbox) Nasıl Eklenir? Kumanda Panelinden daha önceden eklediğimiz gadgetin düzenle butonunu tıklıyoruz.Ve kodumuzu aşşağıdaki gibi düzenliyoruz. <div style=" width:426px;height:100px ;overflow:auto; "> WİDGET KODUNUZU BURAYA YAZIN </div> Kod içerisinde width=Genişilk,Height=Yükseklik değerlerini değiştirerek widget kutunuzu isteğinize göre boyutlandırabilirsiniz.

Daha önce twitterin süzülerek gerçek bir kuş gibi uçan kuşunu blogunuza nasıl ekleyebileceğinizi anlatmıştık .Şimdi ise birbirinden farklı  animasyonlu 15 adet twitter butonunu biraraya toplayıp hoşunuza gideni seçip blogunuza ekleme imkanını sizlere sunuyoruz.Yapmanız gereken işlem çok basit, Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıda beğendiğiniz twitter butonunun karşısındaki kodu kopyalayıp açılan gadgetinizin içine yapıştırmak. Kod içerisinde username = blogokulu yazan yere kendi twitter adresinizi yazın, width:150 (genişlik) ve height:150 (yükseklik) değerlerini değiştirip kendi isteğinize göre butonları boyutlandırabilirsiniz. Widget for Blogger by blogokulu.blogspot.com/a> <object data="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" height="150" type="application/x-shockwave-flash" width="150"> <param name="movie" value="ht...

Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz. Arama kutularını blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz. 1.Arama Kutusu Stili: <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2qoP6OS9Baq9nf_keINdlxQLx8Nw07fwr-YowYEuE_tFmMaDVXELtSsqyZuM...

Blogumuza farklı ülkelerden ziyaretçiler gelebilir.Hepimiz dünyanın tüm dillerini okuyup anlayamayız.Yabancı bir blogu ziyaret ettiğimde sayfa linkini kopyalıyorum daha sonra google çevri bölümünden sitenin çevrisini yapıyorum.Fakat her defasında bu işlemi yapmak angarya geliyor kopyala-yapıştır-bekle, bu angaryadan yabancı ziyaretçilerininizi kurtarmanın vakti geldi artık.Sitenize ekleyeceğiniz bayraklı, flash ile yapılmış google translete kodunu sitenize ekleyip gelen ziyaretçilerin  ülkelerinin bayraklarının üzerine tıklayarak sitenizin bütün içeriklerini kendi dillerine çevirebilecekler.Eklentiyi blogubuza eklemek isterseniz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından bayrakların, blogumuzda görünmesini istediğimiz yerine sürükleyip bırakıyoruz. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;...

Son zamanlarda içerik sayısı artan bazı blogcu arkadaşlardan bloglarına açılır menü ekleyerek, yazı  linklerinin ana sayfada görünmesini ve ziyaretçilerin yazılara ulaşımını kolaylaştıracak açılır menü yapımı ile ilgili mailler aldım ve blogger için modern ve klasik tarayıcıların çoğu ile uyumlu olarak çalışan  açılır menü yapımının en kolay yolunu 3 adımda anlatmaya karar verdim.Öncelikle her ihtimale karşı şablonumuzun bir yedeğini alalım.Yüklemeden önce açılır menünün nasıl göründüğüne bakmak isterseniz ön izleme için tıklayın . 1.Adım: Açılır Menü CSS Kodunu Ekleyelim Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip ediyoruz. Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz.Ctrl+F yardımıyla aşşağıdaki kodu aratıp buluyoruz. ]]></b:skin> Aşşağıdaki kodu kopyalayıp bulduğumuz  ]]></b:skin> kodundan önceki kısma yapıştırıyoruz . #jsddm { margin: 0; padding: 15px; z-index:1000000000; position:relative; } #jsddm li { float: left;...

Blogger FAVİCON nedir,nasıl eklenir? Tarayıcı sekmesinde sitenize ait görünen resimdir.Eğer blogger kullanıcısıysanız ve faviconunuzu değiştirmediyseniz,kullandığınız favicon bloggera ait olan turuncu renk,içerisine beyazla yazılmış olan B simgesidir.Blogger kullanıcıları artık kendilerine ait faviconu rahatlıkla yükleyebilecekler.Düşünsenize yemek tarifleri yazan blogcunun blogunu ziyaret ettiğinizde tarayıcı sekmesinde tuzluk,ekmek,kaşık... gibi bir resmin olduğunu yada teknoloji blogunda tarayıcı sekmesinde bilgisayar resmi,ipad...olduğunu, blogunuz daha ilgi çekici ve şık bir görünüm kazanmış olamaz mı?.Aşşağıdaki resimde gördüğünüz tarayıcı sekmesinde, sol taraftaki favicon yüklenmemiş bloga ait bir görüntü, sağ taraftaki ise kullanıcın yüklemiş olduğu resmin tarayıcı sekmesinde görünen hali.Siz bu resmin yerine istediğiniz herhangi bir remi yükleyebilirsiniz. Şimdi sizlere blogunuza ait faviconu nasıl değiştirebileceğinizi  iki yolla anlatalım. 1.Yöntem: Blogger hesabım...