BLOG OKULU

Blogger üzerinden satış yapmak, ürün tanıtmak, alışveriş sitesi oluşturmak artık mümkün,arkadaşlar için Türkçeye çevirdiğimiz blog okulu alışveriş şablonunu sizlerin kullanımına sunuyoruz.Gerçekten de orjinal alışveriş sitelerini aratmayacak düzeyde kaliteli ve şık bir şekilde tasarlanmış bir şablon.Blogger üzerinden bir çok arkadaşın, yaptığı el işi ürünleri veya kendi tasarımlarını sattıklarını  yada satmak istediklerini biliyoruz, bu şablon tam da bu tür kişiler için biçilmiş kaftan, kaçırmayın derim.Uygulaması ve kullanması basit bir okdarda kullanışlı. Blog Okulu Alışveriş Şablonun özelliklerine göz atalım: DEMO GÖRÜNÜM                                  DOWNLOAD Maus ile ürün resimlerinin üzerine geldiğinizde resim büyük pencerede açılıyor ve zoom efektli görünüyor.Orjinal Alışveriş sitelerinde olduğu gibi. Resimlerin altında Detay ve Sipariş butonları ile müşterilerinizi e...

Yep yeni bir slayt alanı ile daha karşınızdayız. Blogger kullanıcıları için tasarlanmış eklemesi belkide en kolay olan slayt alanı diyebilirim.Resimler göze hoş gelen animasyonlu bir şekilde kayarak geçiş yapıyor.Resmin bekleme süresi ise resmin altında dolum çubuğu ile gösteriliyor, çubuğun içi dolduğunda bir sonraki resme geçiş yapılıyor.İsterseniz slayt alanı içerisinde site tanıtımıda yapabilirsiniz.Bu Slayt Alanı nı blogumuza eklemek için blogger kullanıcıları için en basit yöntemlerden biri olan gadget ekleme yöntemini kullanacağız

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