BLOG OKULU

Blogger için tasarlanmış kurulumu basit görünümü şık olan bir salyt alanı ile daha karşınızdayız.Genişliğini ve yüksekliğini ayarlayabileceğiniz, slayt geçişi otomatik veya tıklamalı olan  jQuery slayt alanını blogunuzda görselliği ön plana çıkarmak istiyorsanız mutlaka kullanmalısınız.Bu slayt alanını blogunuza uygulamak için. DEMO GÖRÜNÜM 1- Blogger Hesabımızla Giriş yapıyoruz. 2- Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işareetliyoruz. 3- Html kodları içierisnde Ctl+F yardımı ile ]]></b:skin> kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz ]]></b:skin> kodunun hemen üstüne yapıştırıyoruz. /* Start Slider Code From http://www.blogokulu.org/ */ ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;} li.bjqs-slide{display:none;position:absolute;} ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;max-width:100%;} ol.bjqs-marker...

Blogunuza eklediğiniz yazılara ait resimlerden istediğinizi slayt olarak görüntüleme imkanı veren bir eklentiyi sizlerle paylaşıyoruz.Blogunuza ekliyeceğiniz bu resim galerisini isteğinize göre boyutlandırabilir ve istediğiniz yerde görüntüleyebilirsiniz.Blogger resim galeri eklentisinde resimlerin geçişi hem otomatik, hemde tıklama yöntemi ile olur.Galerinin görünümü aşağıda resimde görüldüğü gibidir.Blogger resim galerisiniz blogumuza herzamanki gibi en basit yöntem olan gadget ekleme yöntemi ile ekliyeceğiz. 1- Blogger Hesabımızla giriş yapıyoruz. 2- Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip edip açılan gadgetin içerisine aşağıdaki kodu yapıştırıyoruz. <!-- Start Gadget Code Galeri http://www.blogokulu.org --> <style type="text/css"> #simplegallery2 { //CSS for sample Gallery position: relative; visibility: hidden; border: 5px solid black; margin: auto; } #simplegallery2 .gallerydesctext { //CSS fo...