BLOG OKULU

Kayıtlar

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.

Blogger "Twitter" Butonu Ekle (15 Farkli Eklenti)

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...

Blogger Arama Kutusu Ekle (Renkli)

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...