Ana içeriğe atla

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.

Yorumlar

Alperencsm dedi ki…
Hemen deneme bloğumda deneyeceğim. Tek kafamı karıştıran facebook yorum eklentisinin çalışıp çalışmayacağı.
Alperencsm dedi ki…
Malefes widget kodlarında sorun var. birşeyler çakışıyor. Widget şablonlarını varsayılana döndür dediğimde şöyle http://imageshack.us/a/img252/2740/22183419.png
temadaki şekliyle şöyle çıkıyor http://imageshack.us/a/img29/7905/10870828.pngçözemedim
Blog Okulu dedi ki…
Bu kategorileri ve kutuyu ayarlamak için. başlığı altındaki etiket uygulama işini yaparsan sorun çözülecektir.
Blog Okulu dedi ki…
yeni bir blog da daha denedim tema çalışıyor.herhangi bir sıkıntı yok.
Cgtay Trkmen dedi ki…
en alttaki değişen slayt gibi olan. ne ile çalışıyor? bnde orası bomboş gözüküyor, 
Blog Okulu dedi ki…
bahsettiğiniz kısım tamamen otomatik olarak çalışır.Yazı ekledikçe eklediğiniz son yazıdan itibaren kayarak yazılarınız o alanda görünür.
yazargider dedi ki…
Ekonomi felan oraları nasıl yapılıyo yani resimli oalrka kategori naıl ekleniyor bir türlü bulamıyorum yardımcı olurmusun
yazargider dedi ki…
blogokulu :D paylaşmışsın zaten kusura bakma görmedim :)
Alperencsm dedi ki…
Çok teşekkürler. Siz sorun yok diyince, kurcalamaya devam ettim. Sorun şuymuş, bence bunu tema paylaşımlarınızda belirtin, benim gibi acemiler bu ne be diyebilirler. Deneme bloğuma yüklemiştim ve blogda paylaşım yoktu pek. Sonradan sorunun bu olabileceğini düşündüm ve her etiket için 5 er tane paylaşım yaptım. Tema kendiliğinden oturdu. Farkına vardımki daha önce çalıştıramadığım tüm temalarda sorun buymuş. 

Bu temada sadece sağ kısımdaki son yorumlar ve gönderiler , temayı ilk yüklediğimde çalışmıyor. Bu widget sorunlu kaldırınız yazıyor. Son yorumlar ve popüler gönderiler önemli değil ama son gönderileri çalıştırabilsem iyi olacaktı.
Fikriniz varsa yardımcı olursanız sevinirim.

Blog Okulu dedi ki…
:))) beni güldürdünüz,allahta sizi güldürsün.Bişey yazmadan nasıl görünmesini bekliyorsunuz?
son yazılar ve yorumlar için widget eklemeniz lazım.Onlar kendiliğinden olmuyor.Son yazılar için Yerleşim>Gadget Ekle>Nitelikli>Recent Post yolunu takip ediyoruz ve son yazıları bu şekilde ekliyoruz ayrıca yorum içinde yine aynı yerde reccent comment yazan gadgeti ekliyoruz.
Blog Okulu dedi ki…
eğer isterseniz, haber siteniz mersinle ilgili heralde size güzel bir başlık yapabiliriz?
Ayhanhemis dedi ki…
Dostum bende slayt alanında ve spor haberleri alanında gerekli etiketlemeleri ve kodlamaları dediğiniz gibi yapmış olmama rağmen çıkmıyor haberler sadece en alttaki slaytta ve üstteki slaytın altında haberler olarak gözüküyor...Yardımcı olabilirsen sevinirim dostum... 
Blog Okulu dedi ki…
kategorilendirmede kullandığınız etiketlerin bire bir aynı olması lazım.Ayrıca şablonu ilk eklediğiniz kategori gadgetlerini kesinlikle kaldırmayın,Orda ekli olan gadgetler ayrı bir şekilde kodlanmıştır.Normal Html/Javascript gadgeti olarak eklerseniz olmaz.Varolan gadgetlerde sadece içerikleri ve etiketleri değiştirirseniz bu iş olur.
Yazargider dedi ki…
Şu temaya bide video galeri eklesen süper olucak :)bekliyorum
bycan dedi ki…
Bendede Gözükmüyor olmuyor yani
Blog Okulu dedi ki…
gözükmeyen nedir hocam?
serkan dedi ki…
en alttaki değişen slayt alanının boyutunu nasıl değiştirebilirim acaba ???
Btubem dedi ki…
BLOG OKULU NASIL HANİ SİZ ORAYA KOYMUŞSUNUZ YA OYUN04.COM  BENDE KENDİ SİTEME NASIL KOYUABİLİRİM ÖLE LÜTFEN YARDIMM
Btubem dedi ki…
BLOG OKULU hani sizde oyun04.com reklamı koymuşsunuz ya onu nasıl yapıorsunuz bende kendi siteme öle nasıl koyabilirimm  LÜTFEN YARDIMMMM
Btubem dedi ki…
BLOG OKULU hani sizde oyun04.com reklamı koymuşsunuz ya onu nasıl yapıorsunuz bende kendi siteme öle nasıl koyabilirimm  LÜTFEN YARDIMMMM
btubemmm dedi ki…
 BLOG OKULU hani sizde oyun04.com reklamı koymuşsunuz ya onu nasıl yapıorsunuz bende kendi siteme öle nasıl koyabilirimm  LÜTFEN YARDIMMMM
Metindiablo35 dedi ki…
üstad ben temayı bloguma yüklediğimde alttaki resimdeki gibi harf hataları oluştu çözüm nasıl yardımcı olursan sevinirim.
Blog Okulu dedi ki…
hocam başlık yerine koyduğunuz resim ebatı uygun olmadığından böyle bir sıkıntıyla karşılaşmışsınız.Yerleşim>Üstbilgi den eklediğiniz resmi kaldırın sorun çözülecektir.
Batuhankuscuoglu dedi ki…
bu slaytı kullanmam için temayıda indirmem gerekir mi acaba ?
Blog Okulu dedi ki…
hangi slayttan bahsediyorsunuz hocam.Manşeti kasdediyorsanız hayır,daha önceden blogda buna benzer bir manşet eklntisi paylaşmıştım onu kullanabilirsiniz.
Cambasidernegi dedi ki…
hocam bu haber temasını çok beğenip kurdum her bölgesi mükemmel çalışıyordu 20 gün sonra bazı bölümleri bozuldu neden böyle oldu acaba.
buradaki demosuna bakıyorum oda bozulmuş.
Hotmailsiz dedi ki…
malesef dosya silinmiş indirilmiyor:/
Cambasidernegi dedi ki…
Hocam bu temanın durumu ne olacak bekleyelim mi yoksa başka bir tema arayışına mı gidelim.
Blog Okulu dedi ki…
 düzelttim hocam,yapmanız gereken.
şablon>htmlyi düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretledikten sonra kodlar içerisinde:
https://masolis-javascript.googlecode.com/svn/trunk/relatedpost.js
yukarıdaki adres ile aşağıdakini değiştirin sadece koyu renkli olan kısımları değiştireceksiniz.
https://johny-blogger.googlecode.com/svn/trunk/relatedpost.js
bundan 4-5 tanevar hepsini değiştirin.
Blog Okulu dedi ki…
şablon ve link gücellendi, kullanabilirsiniz...
Blog Okulu dedi ki…
 eğer bunları yapamazsanız temayı tekrar indirip kullanırsanız sorun çözülür.
Cambasidernegi dedi ki…
hocam bu şablonu yeniden mi yükleyip düzenlememiz gerekiyor.
yeniden yükler düzenlersek bir daha sorun yaşamayız değil mi.
Cambasidernegi dedi ki…
hocam indirme linki düzelmiş ancak şablonu yeniden yükledim sorunlar aynen devam ediyor.nasıl bir sorun olduğunu bu şablonun demosuna bakarak anlaşılır.
anladığım kadarıyla bu şablonun telif haklarından surunun kaynakladığı söz konusu.
Mahir edemir dedi ki…
Ya bu spor mağazin seçeneklerini yapıyorum ama anasayfa gibi olmuyor sadece tek haber paylaşa biliyorum bna yardımçı olurmusunuz
Cambasidernegi dedi ki…
mahir kardeş sorun bende de var şalondan kaynaklanıyor.
Cambasidernegi dedi ki…
hocam sorun devam ediyor sade bu şablonda değil diğer eklentilerde de var.
şablon eklentileri olan widget,silide, gibi eklentilerde de sorun var çalışmıyorlar.
FullOyunKeyfi dedi ki…
arkadaşlar size tavsiyem bu temayı kullanmamanız ben çok zorluklarını çektim temayı tasarlayan jonhy adında birisi google jonhy themplates yazarsanız temalarını görürsünüz çok güzel tamalar yapıyor. fakat javascriptleri hep siliniyor yada sorun çıkıyor. bu yüzden temada 1-2 günlük problemler olabiliyor. eğer bu şablonu kullanmak istiyorsanız çok beğendiyseniz massthemplates se girin. orada temaları yayınlarken javascript lerini veriyorlar. onları indirip googla code ye yükleyin ve şablon ayarlarında eski javascript url larını bulup yenileriyle değiştirin böylece asla siteniz de problem olmaz slide ve ya etiket haberleri çalışır. eğer bunlardan anlamıyorsunuz boşuna uğraşmayın derim deymez.
Cambasidernegi dedi ki…
FullOyunKeyfi bilgiler için teşekkür doğru  daha önce jonhy themplates in birçok temasını kullandım güzel temaları var alıyor siteme kuruyorum sonradan bozuluyor emekler hep boşa gidiyor bu temadan vaz geçelim o zaman. 
Omercan dedi ki…
Facebook youtube gibi yerlere kendi linklerimizi nasıl koucaz

Bu blogdaki popüler yayınlar

Blogger Arama Kutusu Ekle (Renkli)

Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz. Arama kutularını blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz. 1.Arama Kutusu Stili: <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2qoP6OS9Baq9nf_keINdlxQLx8Nw07fwr-YowYEuE_tFmMaDVXELtSsqyZuM...

Bayraklı Google Translete Kodu-Sitene Dil Kodu

Blogumuza farklı ülkelerden ziyaretçiler gelebilir.Hepimiz dünyanın tüm dillerini okuyup anlayamayız.Yabancı bir blogu ziyaret ettiğimde sayfa linkini kopyalıyorum daha sonra google çevri bölümünden sitenin çevrisini yapıyorum.Fakat her defasında bu işlemi yapmak angarya geliyor kopyala-yapıştır-bekle, bu angaryadan yabancı ziyaretçilerininizi kurtarmanın vakti geldi artık.Sitenize ekleyeceğiniz bayraklı, flash ile yapılmış google translete kodunu sitenize ekleyip gelen ziyaretçilerin  ülkelerinin bayraklarının üzerine tıklayarak sitenizin bütün içeriklerini kendi dillerine çevirebilecekler.Eklentiyi blogubuza eklemek isterseniz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından bayrakların, blogumuzda görünmesini istediğimiz yerine sürükleyip bırakıyoruz. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;...

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Bloğunuza yapılan  Son Yorumlar ın bir köşede liste halinde görünmesini sağlayan "Son Yorumlar" Eklentisini  eklemenin çeşitli yöntemleri var.Bugün sizlere "Son Yorumlar" eklentisini bloğunuza nasıl ekliyebileceğinizi  iki yöntemle anlatacağız; 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi.  2.Yöntem: Bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza "son yorumlar" eklentisi ekliyeceğiz. 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi: Tasarım>Gadget Ekle>Html/Javascript Gadgetini seçiyoruz.Başlık olarak "Son Yorumlar" yada isteğinize göre bir başlık yazabilirsiniz.Başlığımızı yazdıktan sonra aşşağıdaki kodu kopyalayıp gadgete yapıştırıyoruz.Burda dikkat etmemiz gereken nokta kırmızıyla yazdığımız yere kendi site adresinizi yazmanız. <script style="text/javascrip...