BLOG OKULU

Kayıtlar

Animasyonlu Flash Etiket Bulutu

Bloggerda etiketlerinizi liste olarak yayınlama fırsatınız zaten var.Bizde sizlere, az yer kaplayarak blogunuzda daha fazla etiket yayınlama imkanı veren, görsel olarak daha hoş görünen, flash ile hazırlanmış, sürekli dönen animasyonlu etiket bulutunu blogunuza eklemeniz için gerekli olan kodu sizlere vereceğiz.Ortada bir küre olduğu varsayılarak, etiketlerin bu küre etrafında maus hareketleriyle dönmesi sağlanacak şekilde tasarlanmış animasyonlu flash etiket bulutu, başlangıçta wordpress için tasarlanmıştı,şimdi ise Animasyonlu Flash Etiket Bulutu Eklentisi blogger kullanıcılarının da hizmetinde. Animasyonlu Flash Etiket Bulutunun Görünümü; Animasyonlu Flash Etiket Bulutunu blogunuza eklemek için; 1.Adım: Aşşağıdaki kodu kopyalıyoruz. <b:widget id='Label786' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> ...

Linkleriniz Gökkuşağı gibi Renklensin

Mausunuzun imlecini blogunuzda bir bağlantı linkinin üzerine getirdiğiniz zaman, linkiniz tıpkı gökkuşağı gibi renk değiştirip duracak.Ziyaretçilerinizin dikkatini çekecek.Basit bir eklenti ile sizde linklerinizi renklendirmek isterseniz.Yapmanız gereken;

Blogger "Son Yazilar Eklentisi" Animasyonlu Resimli-Videolu Anlatım

Blogunuza ekleyebileceğiniz animasyonlu, kayarak aşşağı doğru akan,blogunuzu farklılaştıracak Son Yazılar Eklentisi ni sizlerin kullanımına sunuyoruz.Herzamanki gibi blogger animasyonlu son yazılar eklentisini de isteyen herkes bloguna rahatlıkla uygulayabilsin diye en kolay ve en basit yöntem olan gadget ekleme yöntemi ile anlatacağız. Kumanda Paneli>Tasarım>GAdget Ekle>Html/Javascript yolunu izleyip aşşağıdaki kodu kopyalayıp kod içerisinde herhangi bir değişiklik yapmadan açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından görünmesini istediğimiz yere sürükleyip bırakıyoruz. Blogger Animasyonlu Son Yazılar Eklentisi Görünümü: <head> <style type="text/css"> #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:...

İmlecinize Işıltı Verip Blogunuza Renk Katın

Blogunuzada gezinenlerin imleclerine şekildeki gibi yıldızlarla hafif ışıltı verip blogunuzu görsel olarak farklılaştırıp, ziyaretçilerinize görsel farklılık yaşatabilirsiniz.Farklı renklerde,blog temanıza uygun olan ışıltılı imleci blogunuza eklemek için.Aşşağıda eklemek istediğiniz rengin altında bulunan widget ekle butıonunu tıklayıp blogunuza eklemeniz yeterli olacaktır.Gadget başlıklarını dilerseniz ekledikten sonra silebilirsiiz.

Hareketli Son Yazılar Eklentisi-Videolu Anlatım

Daha önce bir çok yöntemle Blogger Son Yazılar Eklentisini blogunuza nasıl ekleyebilecğinizi anlatmıştık. Şimdi ise şekilde de gördüğünüz Animasyonlu-Hareketli Son yazılar Eklentisi ni blogunuza nasıl ekleyebileceğinizi anlatacağız.Görsel farklılık yaratacak, ziyaretçilerinizin dikkatini çekecek, herkesin kolaylıkla bloguna uygulayıp, blogunda istediği yere koyabileceği, Hareketli-Animasyonlu son yazılar eklentisini blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip ediyoruz, aşşağıdaki kodu kopyalayıp gadgetimizin içerisine yapıştırıyoruz.

HTML Renk Kodu Bulucu

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.

Blogger Widget için Kaydırma Çubuğu Ekle-Scrollbox

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.