BLOG OKULU

Gözü yormayan ziyaretçileri rahatsız etmeyecek şekilde tasarlanmış, fazla abartılı olmayan ve blogunuza romantik bir hava katacak güzel bir eklenti.Bu eklentiyi blogunuza eklemek için; Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascrip yolunu takip edin ve aşşağıdaki kodu kopyalayıp açılan gadgetin içine yapıştırın ve kaydedin bu kadar basit:) <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls[...

Blog Okulu , blog dünyasında blogunuzu farklılaştıracak eklentileri sizlere sunmaya devam ediyor.Daha önce imlecinize ışıltı verip , etrafını yıldızlarla süsleyen kodu sizlere vermişitik.Şimdi ise bir başka imlec efekti modifikasyonu ile sizleri tanıştıracağız.Mausunuzu hareket ettirdiğinizde imlecinizin etrafında şekildeki gibi bir efekt belirecek ve  maus hareketlerinizi takibedecek.Bu efekti isteyen herkes bloguna rahatlıkla uygulayabilsin diye herzamanki gibi gadget ekleme yöntemi ile anlatacağız.Blogunuza uygulamak isterseniz; Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edin ve aşşağıdaki kodu kopyalayıp açılan gadgetin içine yapıştırıp kaydedin. <script language="JavaScript" type="text/javascript"> var xCol = " #FF0000 "; var yCol = " #FFFF00 "; var zCol = " #0000FF "; var n = 6; //number of dots per trail. var t = 40; //setTimeout speed. var s = 0.2; //effect speed. var r,h,w; var d = docu...

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;