BLOG OKULU

Blogunuza eklediğiniz yazılara ait resimleri şekildeki gibi slayt gösterisi olarak gösteren,üstelik sayfa çevirme animasyonu ile geçiş yapan, isteğinize göre boyutlandırabileceğiniz sayfa çevirme animasyonlu slayt gösteri alanını   blogunuza çok basit bir işlem olan Gadget Ekleme yöntemi ile ekleyebilirsiniz; Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıyoruz.Kod içerisinde kırmızı renkle yazdığımız blogokulu.blogspot.com yere kendi blog adresimizi yazıp kaydediyoruz.Eklentimizi blogumuzda görünmesini istediğimiz yere sürükleyip bırakıyoruz. <!-- blogokulu.blogspot.com Kodu Baslat --><script type="text/javascript"> // 7 variables to control behavior var Book_Image_Width = 140 ; var Book_Image_Height = 225 ; var Book_Border =true; var Book_Border_Color ="gray"; var Book_Speed =15; var Book_NextPage_Delay =1500; //1 second=1000 var Book_V...

Blogger Kullanıcılarının çoğunun kullandığı bir eklenti olan Popüler Yayınlar Eklentisini Animasyonlu hale getirmeyi anlatacağız.Herkesin yapabileceği basit bir değişiklik sonrası popüler yazılarımız daha şık ve göz alıcı görünüme sahip olacak. Popüler Yayınlarımızı Animasyonlu hale getirmek için; Popüler Yayınlar Eklentisinin blogunuzda kurulu olması gerekiyor.Eğer popüler yayınlar eklentisi blogunuzda kurulu değilse; Kumanda Paneli>Tasarım>Gadget Ekle>Popüler Yayınlar yolunu takip edip popüler yayınlar eklentisini blogunuza kurabilirsiniz.(Görüntülenecek yazı sayısını 10 Adet olarak ayarlayın) Popüler Yayınlar Eklentisini blogumuza kurduktan sonra, ufak bir kod ekleyerek Popüler Yayınlar Eklentimizi Animasyonlu hale getireceğiz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip ediyoruz ve aşşağıdaki kodu kopyalayıp açılan gadgetimizin içine yapıştırıp kaydediyoruz. <!-- blogokulu.blogspot.com Kodu Baslat --> <style type="tex...

Daha önce  bir başka facebook sağdan açılan pencere butonunu sayfanıza nasıl ekleyebileceğinizi anlatmıştık.Şimdi anlatacağımız ise aynı işlevi gören, fakat tasarım olarak farklı olan facebook begen kutusu sağdan açılan pencere-2 diye adlandırdığım eklenti.Eğer bir facebook  hayran syfanız yoksa burdan ,facebook beğen kutunuz yoksa onu da burdan açabilirsiniz.eklenti hakkında kısaca bilgi veecek olursak;blogunuzda fazla yer kaplamayan, blogunuza tasarım açısından görsel güzellik kazandıran, blogunuza eklediğiniz facebook beğen kutusunu , örnek resimde de gördüğünüz gibi sağdan açılan pencere haline getiren blogunuzu farklılaştıracak güzel bir eklenti. 1.Adım: Bloggerde oturumunuzu açın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin.Kodlar içerisinde Ctrl+F yardımıyla aratıp </head> kodunu bulun.Aşşağıdaki kodu bulduğunuz </head> kodundan hemen önceki kısma yapıştırın. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquer...

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