BLOG OKULU

Blogunuzun kenar çubuğu (sidebar) için şık bir şekilde tasarlanmış olan dikey menü kutusunu, burada yaptığımız anlatım sayesinde blogunuzun temasına uygun renklerle değiştirip kendinize göre tasarlayabilir ve blogunuza ekliyebilirsiniz.Dikey menü kutusunu blogunuza eklemek için; Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydettiğimizde dikey menü kutusu blogumuza eklenmiş olacak. <style type="text/css"> /* Made By blogokulu.blogspot.com */ #ddblueblockmenu{ border: 1px solid #f2890c; /*Main Border Color */ border-bottom-width: 0; width: 100%; } #ddblueblockmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #ddblueblockmenu a{ display: block; padding: 3px 0; padding-left: 9px; width: 94%; /*94% minus all left/right paddings and margins*/ text-decoration: none; color: #ffffff; /* Menu Fo...

Blogunuzdaki resimleri müthiş bir resim-galerisi ile sergilemek isterseniz bu yazıyı mutlaka okumalısınız.Sadece 2 adımda herkesin rahatlıkla bloguna ekleyebileceği JQuery/Javascript  ile hazırlanmış, çok cazip olan eklentiyi blogunuza widget olarak ekleyip, görünmesini istediğiniz yerde sergileyebilirsiniz.Galeriden biraz bahsedecek olursak,Üzerine geldiğiniz resim animasyonlu olarak,göze hoş gelecek bir hareketle zoomlanarak büyüyecek ve resme tıkladığınızda ziyaretçiyi resim için vermiş olduğunuz linke  yönlendirecek. Sözü fazla uzatmadan blogunuza resim galerisi eklemeyi 1. adımla anlatmaya başlıyalım. DEMO GÖRÜNÜM İÇİN TIKLAYIN. 1.Adım: Galeri Kodunu Şablonunuza Ekleme Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip ediyoruz.Widget şablonlarını genişlet kutucuğunu işaretliyoruz.Kodlar içerisinde  ]]></b:skin> kodunu Ctrl+F yardımıyla aratıp buluyoruz. Aşşağıdaki kodu bulduğumuz kodun hemen üst satırına yapıştırıyoruz. /* Blogger Zoom Gallery B...

Bildiğiniz gibi blogger şablonlarının çoğunda sayfa numaralandırma eklentisi yok.Sayfalar arasında geçiş, sayfa sonunda bulunan daha eski kayıtlar , daha yeni kayıtlar gibi linklerle sağlanıyor . Daha önce sizlere " blogger sayfa numaralandırma eklentisini "(Page Navi) , kod ekleme yöntemi ile anlatmıştık.Şimdi ise herkesin yapabileceği, basit kafa karıştırmayacak, üstelik daha şık görünümlü, animasyonlu  sayfa numaralandırma eklentilerinden beğendiğinizi yada temanıza uygun tasarımdaki sayfa numaralandırma eklentisini gadget ekleme yöntemiyle blogunuza uygulamayı sizlere anlatacağız. Yapmanız gereken işlem çok basit 2-3 saniyenizi bile almayacak; Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip ediyoruz.Aşşağıda beğendiğimiz sayfa numaralandırma eklentilerinden  altında bulunan kodu kopyalayıp açılan gadgetimizin içine yapıştırıp kaydediyoruz. (Gadgete başlık eklemeyin ) . Sayfa Numaralandırma Eklentimiz kullanıma hazır. 1.Tema: Yeşil Sayfa Numar...

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

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;

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><!--http://www.blogokulu.blogspot.com/ --> <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:...

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.