BLOG OKULU

Hepimiz blogumuzda zaman zaman izle,demo görünüm,indir,bağlan yada farklı amaçlar için butonlar kullanıyoruz.Bugün sizlere farklı amaçlar için kullanabileceğimiz farklı boyutlarda ve renklerde butonlara ait CSS kodlarını vereceğiz.Butonlar görünüm olarak resimde gördüğünüz gibi, maus ile buton üstüne geldiğimizde buton içerisinde baloncuklar uçuşuyor, görünüm olarak gerçekten çok şık ve bir okadarda kullanışlı olan butonları uygulayacağınız birkaç basit işlem sonrasında sizde blogunuzda kullanabilirsiniz. Blogger kullanıcıları için tasarlanmış olan,resimde ve aşağıda örnek olarak gördüğünüz butonları blogunuza uygulamak için: öRNEK GÖRÜNÜM   öRNEK GÖRÜNÜM   öRNEK GÖRÜNÜM   Blogger Buton için CSS kodlarını blogumuza ekliyeceğiz. Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip edin Widget Şablonlarını genişlet kutucuğunu işaretleyin HTML kodları içerisinde ]]></b:skin> kodunu Ctrl+F yardımı ile aratıp bulun. Aşağıdaki kodu kopyalayarak...

Blogger için tasarlanmış olan gayet sade ve kullanışlı eklemesi kolay abone formunu blogunuza eklemeyi anlatcağız.Ziyaretçileriniz Email adreslerini yazıp kaydet butonuna bastıklarında yayınladığınız yeni yazılarınız abone olan kişilerin mail adreslerine kısa özet halinde gider.Böylelikle abone olan ziyaretçiler yeni yazılarınızdan anında haberdar olur.İyi bir ziyaretçi ve backlink alma yöntemi olduğunu belirtmek gerekir.Normalde bloggerin kendi eklentileri içerisinde de E-Posta ile Takip Et şeklinde bir eklenti zaten mevcut, bizim yayınladığımız tasarım olarak değiştirilmiş, göze biraz daha hoş gelen, aynı işi yapan bir eklenti. DEMO GÖRÜNÜM E-Posta Aboneliği Formunu Blogunuza Eklemek için: Blogger Hesabımızla Giriş Yapıyoruz. Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip edip, açılan gadget içerisine aşağıdaki kodu kopyalayıp yapıştırıyoruz. <!-- Start E-Posta Form Code http://www.blogokulu.org/ --> <style> .abt-email{ background:url...

Zaman zaman yaptığımız anlatımalarda şablonunuzun yedeğini alın diye yazıyoruz, aldığım yorum ve maillerde bir çok kişinin bunu nasıl yapılacağını sorması beni bu yazıyı yazmaya teşvik etti.Şablon yedeği alma ve blog içeriğinizin yedeğini (blogunuzu kopyalamayı) almayı sizlere anlatacağız. Blogunuzun tamamını iki aşamada yedekliyebilirsiniz.Birinci Tasarım olarak blogunuzu yedekleme , ikincisi ise içerik olarak blogunuzu yedekleme . Blogger Şablon (Tasarım) Yedekleme: Hepimiz blogumuzda widget ekliyerek yada html-css kodları ile oynuyarak bir çok değişiklik yapıyoruz.Zaman zaman eklediğimiz kodlarda yada ekleme yönteminde hata olduğunda blogumuz çalışmaz hale geliyor yada yamuk yumuk bir  blog ortaya çıkıyor.Birde şablonu kaydettikten sonra görünüme baktıysak eyvah yandık!!! işin yoksa eklediğin kodları bul ve sil, içinden çıkılmaz bir hal alıp iş çok zor bir hale geliyor, işte bu zor işi blog şablonu yedekleme ile çok kolay hale getireceğiz.Diyelim ki yeni bir eklenti eklediniz...

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

Yayınladığım etiket bazlı slayt alanlarına, toplu olarak nasıl etiket uygulayabileceklerini soran arkadaşlar var, oyüzden bende bu sorulara cevap olması için bu yazıyı ve videoyu hazırlayıp yayınladım.Bu yazımızda seçtiğiniz birden fazla yazınıza, tek seferde istediğiniz etiketi uygulamayı veya etiketleri kaldırmayı anlatacağız.Çoklu etiket uygulama veya çoklu etiket kaldırma yöntemi için aşağıda hazırladığımız videoyu izleyiniz...

Önceki yazılarımızda birbirinden renkli, çeşitli  arama kutularının  blogger kullanıcıları için bloglarına ekleme yöntemini anlatmıştık.Şimdi mantık olarak yine aynı olan biribirinden farklı 5 adet  search box  dediğimiz  arama kutularını  blogunuza ekleme yöntemini sizlere anlatacağız.Bu arama kutularından beğendiğinizi blogunuza eklemek için gadget ekleme yöntemini kullanacağız. 1. Blogger Hesabımızla giriş yapıyoruz. 2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript  yolunu takip edip,beğendiğimiz search box kutusunun altında bulunan kodu kopyalayıp açılan gadgetin içerisine yapıştırıyoruz.Gadgeti arama kutusunun görünmesini istediğimiz yere sürükleyip bırakıyoruz.Yeni search box (arama kutusu) blogumuzda kullanıma hazır. Search Box (Arama Kutusu) Stil 1 <style type="text/css"> #helperblogger-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNIiwq...