BLOG OKULU

Popüler Yazılarınızı şekildeki gibi sola doğru kayan şık tasarımlı, animasyonlu slaytta göstermek istermisiniz? Öncelikle blogger hesabınızla giriş yaptıktan sonra Tasarım>Gadget Ekle>Popüler Yayınlar yolunu takip edip Popüler yayınlar eklentisini blogunuza kurmanız gerekiyor, popüler yazılar eklentisini blogunuza kurduktan sonra ufak bir kod eklentisi ile popüler yazılarınız şekildeki gibi şık tasarımlı,animasyonlu,slayt olarak görüntülecek,bu sayede popüler yazılarınız dahada poüler olacak. Popüler Yayınlar Eklentisini kurduktan sonra; Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz. <!-- blogokulu.blogspot.com Kodu Baslat --> <style> @charset "utf-8"; /* CSS Document */ .lof-slidecontent{ position:relative; overflow:hidden; border:#F4F4F4 solid 1px; width:892px; height:300px; } .lof-slidecontent .preload{ height:100%; width:100%; background:#...

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