Disqus for Blog Okulu

Bumerang - Yazarkafe

blogger temalari etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blogger temalari etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Haber Şablonu

Blogger Haber Şablonu

Bildiğiniz gibi bloggerda milyonlarca şablon var al al kullan,ama bunların hemen hemen hepsi ingilizce yada farklı bir dilde olan blogger şablonlarıdır.Bizde yine farklı bir dilde olan bir blogger şablonunu alıp kendi dilimize çevirdik.Bu blogger şablonu özellikle haber blogu yada sitesi yapmak isteyen arkadaşlar için gayet kullanılşlı bir tema oldu.Blogger haber şablonunu biz tamamen çevirdik ve düzenledik
size sadece blogger haber şablonunu indirip kullanmak ve haberlerinizi yayınlamak kaldı.Bu temayı düzenlerken haberciliğin gerçekten yürek isteyen bir iş olduğu kanısına vardım.Çünkü herkesin hakkında birşeyler yazmak gerçekten de zor.Neyse blogger haber temasını görünümü aşağıdaki gibi;
DEMO GÖRÜNÜM                                                         DOWNLOAD
Bu şablon tamamen etiketlerle çalışan ve etiketli iyi kullanmanızı gerektiren bir şablondur.Zaten profesyonel haber siteleride bu işi böyle yaparlar, etiketleri verimli ve etkili kullanırlar.Aşağıda şablonun özelliklerini anlattıkça ne demek istediğimiz anlayacaksınız.
Şablon içerisnde:
Blogger Haber Şablonuna Slayt Alanın yerleştirmek için: Aşağıdaki kodu kopyalayıp Html/Javascript gadgeti olarak resimde gösterdiğimiz yere yapıştırıyoruz.
<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/haberler?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/haberler?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>
bu kod içerisnde renkli olarak belirttiğimiz haberler kelimesi; yayınladığınız yazılarda, haberler etiketi kullandığınız yazılarınızın, slayt alanında görünmesini sağlayacaktır.Burdaki kelimeyi isteğinize göre değiştirebilirsiniz.
Arama Kutusunu Ayarlayın:
Arama kutusunu düzenlemek için aşağıdaki kodları bulun.
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://blogokulu.org'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:120px;border:none;padding:3px 7px; font:12px Arial;color:#666; background:#fff;border:1px solid #ccc;' type='text' value='Haber Ara ...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKS-4u9VP6_TpCKshkkDPdZReQxqhpA9Pu0XGORzrY02fqBme7Nzv5sRm9tLoY1hnZQoPQu5j_g07SrFG9gvr7Y_E0t9GYmocUUjSEuXqtUsKq_YDUB_JTw81Dip70jBFSni2xHvF9YLU/s1600/search.jpg' style='padding:0px 3px;' type='image' value='Search'/>
http://blogokulu.org yerine kendi site adresinizi yazın.
Haber Ara... yerine arama kutusu içerisinde görünmesini istediğiniz kelimeyi yazın.
Eiketlerle Kategori Oluşturun:
Blogger Haber Şablonu içerisinde demo görünüm de de gördüğünüz spor haberleri,ekonomi,komedi teknoloji gibi kutu içerisinde kategoriler bulunuyor.
Bu kategorileri ve kutuyu ayarlamak için.
1-Yayınladığımız yazılara spor haberleri kategorisindekilere spor etiketi ekliyoruz.
2-Yerleşim modundayken Resimde gösterdiğimiz gibi gadgete başlık olarak Spor Haberleri içerik olarak spor yazıyoruz ve kaydediyoruz.içerik ile yazılara uyguladığımız etiketin aynı olması lazım.Spor Etiketi eklediğimiz yazılar bundan sonra burda görünecek.

Blogger Alışveriş Şablonu

Blogger Alışveriş Şablonu

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:
                                

  • 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 en kısa yoldan ürüne ulaştırma imkanı
  • Şık Tasarımlı son ürünleri gösteren otomatik slayt alanı.
  • Slayt alanındn direk ürünü sipariş edebilmek için Sipariş Ver! Butonu.
  • Hazır Drop down (Açılır Menü) menü.
Blogger Alışveriş Şablonunu Bloguma Nasıl Uygulayabilirim? diyorsanız TIKLAYIN.
Blogger Alışveriş Şablonu içerisinde:
  • Üst tarafta başlık kısmında bulunan (hoşgeldiniz,laptop ve telefon) resmini kaldırmak için, html kodları içerisinde background:url(http://img641.imageshack.us/img641/7606/baslikarkaplanresmi.png) kodunu bulup  (http://img641.imageshack.us/img641/7606/baslikarkaplanresmi.png) kısmını silerseniz resim kalkar.isterseniz bu kısma bahsettiğimiz alanda görüntülemek istediğiniz esmin linkini koyabilirsiniz.
  • Resim altında bulunan Sipariş butonuna tıklayınca açılan formu google dökümanlardan hazırladım ve bloga bir sayfa olarak ekledim.Sizde kendinize özgü bir sipariş formu oluşturabilir ve sipariş butonuna bu formunuza  ait linki de html kodları içerisinde http://botest13.blogspot.com/p/siparis-sayfas.html linkini bularak kendi formunuzun bulunduğu sayfaya ait linki yazabilirsiniz.
  • Fiyatı yazan kısım için:Yayınladığınızın ürünün başına Html modundayken <span class="item_price">Fiyatı:1000TL</span> kodunu ekliyoruz. Fiyatı:1000TL yazan yere ürünümüzün değerini yazıyoruz.
Sorunuz olursa, yorumlardan sorunuzu sorabilirsiniz.Hayırlı kazançlar, bol satışlar:)
    Baki Çetin isimli arkadaştan gelen soru:
    Merhaba. Öncelikle sizin bu gayretiniz için çok teşekkür ediyorum. Şu anda alışveriş temasını kullanmaya çalışıyorum. Burada arka plan, menü zemini yada buton renklerini nasıl değiştirebilirim. Yardımlarınızı bekliyorum. Teşekkürler.  
    CEVAP: 
    Arka Plan İçin:
     Html kodları içerisinde aşağıdaki kodu bulu
    body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tlpCiHw0tNBf7m7-u1XPk1gS-4bO5H7vDGNHkJvkLHOs865xvy4S1a8A7-EONh8erGWEXeECjOG8j7Y5Bvv1rEjH6nfJPMKhOxVjBK18-OyXtj7Mz_sjvBT5gAyuG07f_TqXdi4rVYay/s1600/body-bg1.png)
    
    bu kod içerisinde ya kırmızı renkle yazdığımız adresteki resmi değiştirin yada kodu:
    body{background:#9E9C9C)
    
    şekline getirip html renk kodları ile arka plan rengini değiştirebilirsiniz.
    Menü Zemin Rengi için: (Ana Sayfa,Menü1,Açılır Menü yazan yer)
    Html kodları içerisinde aşağıdaki kodları bulun.
    #toppic {width:970px;height:37px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBjat5_QTe-nlCO-MDPMJYoE-NMjdEMuj7YNbZwrNRBeVq6vnxiT-xZMODYt6kFZ68QP2cSPg95u2XTTO7-WCwK2K2n68VZ3LHC3gaouKoMm0su_QMGXzSXl9-icM1svjwFdZ964sVCsBL/s1600/menutop.gif) 
    
    yine arka plan için anlattığımız gibi aynı şekilde ya kırmızı renkle yazdığımız adresteki resmi değiştirin yada kodu:
    #toppic {width:970px;height:37px;background:#9E9C9C 
    
    şekline getirip html renk kodları ile menü zemin rengini değiştirebilirsiniz.
    Buton renkleri için:
    a.item_add{background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIVmjpfqrYIb1UF-yD2nM3vBlYQFGZqMeb2XbdCtjMsrlf2cGO1SQXzeT_vPT-ntOCM3zj7EmuZnYydfmWDqt44eM9-nVpmCMkyMkPGfsnLYWY4Cd7kc7LtFDNNlH_GJawxHPf2mGVQJVE/s1600/blur.png) repeat-x top left;border:1px solid #333;color:#000;font-size:11px;text-align:center;width:60px;margin:10px 5px 0px 0;float:right;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
    a.item_add:hover{background:#fff;border:1px solid #333;}
    
    yine aynı mantığı kullanarak renkli olarak verdiğim alandaki html renk kodlarını değiştirerek buton renklerini değiştirebilirsiniz.

    Blogger Tema-Car Studio Temasi-Blogger Templates

    Blogger Tema-Car Studio Temasi-Blogger Templates

    Car Studio ücretsiz şablonu,2 sütun, sol kenar çubuğu,alt bilgi sütunları, slayt gösteri alanı,sosyal simgeleri kendinden ekli,sekmeler ve açılan menüsü ile blogger-Wordpress uyumlu, internet dünyasında sitenize görsel güzellik kazandıracak müthiş bir tema daha....Bu temayı bloğuma nasıl uygularım?





    Bu tema üzerinde yapmak istediğiniz değişiklik için ve yardım konularında, sorularınızda, konu altındaki yorumları kullanırsanız,sorularınız en kısa zamanda cevaplandırılacaktır....

    Blogger Temalari-Foo Deluxe Temasi-Blogger Templates

    Blogger Temalari-Foo Deluxe Temasi-Blogger Templates

    FooDeluxe Teması;2 sütun, sağ kenar çubuğu,özenle seçilmiş reklam alanı yeri,alt bilgi sütunları, site içeriklerinizden slayt gösteri alanı,şık tasarımlı sosyal simgeleri,sekmeler ve aşşağı açılan menüsü ile blogger-Wordpress uyumlu, internet dünyasında blogunuza-sitenize görsel güzellik kazandıracak müthiş bir tema....Bu temayı bloğuma nasıl uygularım?







    Bu tema üzerinde yapmak istediğiniz değişiklik için ve yardım konularında, sorularınızda, konu altındaki yorumları kullanırsanız,sorularınız en kısa zamanda cevaplandırılacaktır....