BLOG OKULU

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

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