Click here for English description
Blogger için video teması hazırladım. Youtubenim biraz çakması oldu.
İşine yarayan olur inşallah.
(Blogger , blogspot, video, sinema, film, teması, şablonu, template, sitesi, izle)
Temanın ingilizce ve Türkçe versiyonunu aşağıdaki linklerden indirebilirsiniz. Lüften emeğe saygı için temanın altındaki linki silmeyiniz.
Tasarım : webbilgi.org
Özelliklerini anlatayım
1- Seo başlık
2- Ön sayfada resim gözükürken tekil sayfada resim gizleme
3- Benzer videolar
4- Adsense uyumlu
5- Sidebarda resimli son videolar eklentisi
6- Footer alanında otomatik resim boyutlandırma.
7- Yazı altında resimli benzer videolar
8- Yazı altına oylama (raiting) eklentisi
9- Sosya imleme sitelerinde paylaş butonları
10 - Blogger sayfalama eklentisi
Yazı eklerken mutlaka şu sıralamaya uyun
Önce resim kodu, sonra video kodu ve en sonra yazı
Tekil sayfada resim görünmesini isteyenler css kodları içerisinde aşağıdaki kodu bulup silsinler
#entry1 img {
display:none;
}
Son videolar widget kodu dosya ekindedir.
Son videolar eklentisi içerisinde http://btube-template.blogspot.com yazan kısıma kendi blog adresinizi yazıyorsunuz.
var numposts = 4; görünecek yazı sayısı
var showpostthumbnails = true;
var displaymore = false; devamını oku
var displayseparator = false;
var showcommentnum = false; yorum sayısı
var showpostdate = false; tarih
var showpostsummary = true; açıklama kısmı
var numchars = 85; açıklama uzunluğu
göstermek istediğiniz true, gizlemek istediğiniz false değeri alacak.
Tekil yazılarda oylama özelliği (yıldızlı) aktif etmek için şu yolu izleyiniz. http://draft.blogger.com üzerinden bloggere giriş yapın sonra
Tasarım > Sayfa öğeleri > Blog kayıtları > Düzenle > Yıldız Derecelendirmelerini Göster yazı önündeki kutucuğu tıklayıp Kaydet derseniz tekil yazılarda oylama aktif olur.
Ana sayfadaki yazı sayısı yani kutucuk sayısını şöyle belirliyoruz: Kontrol panelinden Ayarlar > Biçimlendirme > En fazla şu kadar göster karşısındaki alana istediğimiz rakamı yazıyoruz. Dördün katları olmasına dikkat edelim.
DEMO
İNDİR - B Tube Video Template - Turkce.rar
İNDİR - ENGLISH - İNGİLİZCE
şablona pagenavi eklentisini ekleyemedim yardım edebilirmisiniz.
sayfalama eklentisine bağlı javascript dosyası var kodlarda göreceksin son yasaklamalardan haberin vardır youtubeye ulaşıma engellemek için bir çok google ip adresi de yasaklandı. bunlardan googlecode.com da nasibini aldı. javascript dosyası çalışmadığından sayfalama çalışmıyor yoksa ben denedim çalışıyor.
tamam saolun yardımlarınız için
Hocam çok teşekkür ederim öncelikle, emeğinize sağlık şahane olmuş.
Fakat benim video sitesinde yüzlerce video bulunmakta, ve bunların blog sayfasındaki ekran görüntüleri bulunmamakta, şimdi yüzlerce videoyu tek tek açıp ekran görüntüsü koymak çok ama çok zor olacak, acaba şu linkteki http://www.dantearaujo.net/2009/09/blogger-video-template.html BloggerTube temasındaki ufak video görüntü oluşturma eklentisini yapabilir misiniz? :) Kolay gelsin.
Blogger Tube teması javascript ile sadece youtube için thumnail oluşturuyor bildiğim kadarıyla diğer video siteleri için aynı şey geçerli değil onun için şuan bloggerde manuel eklemek gerekiyor. Blogger Tube deki olayı benim temaya eklemeyi düşünmüyorum. Kopyacılıkla suçlanmamak için.
Hocam elinize sağlık, bir şey sormak istiyorum;
Bu ana sayfada görünen ancak tekil sayfada görünmeyen şekilde nasıl yapılıyor acaba kolay bir yolu var mı bunu için. "emperors" temasını editlemeye çalışıyorumda.
img {
display:none;
}
Css ile engelleniyor. Buradaki ifade ile gizleniyor.
Merhaba güzel tema elinize sağlık. Yalnız daha önce de bildirilmiş ama ısrarla bende belirtmek istiyorum. Videoların öngörünümleri eklenirse (yapılabiliyorsa) daha iyi olacak.
İkincisi bi kaç pc de denedim. Firefoxta görünüm bozuluyor. Bi kontrol edermisiniz siz de.
Bir soru daha Recent Videolar scriptle oluşturuluyor onda sıkıntı yok. Yalnız en altta (sizin demoda var) ki videolar nasıl görünüyor.
Birde - Yazı altına oylama (raiting) eklentisi- yok sanırım.
Firefox hangi sürüm kullanıyorsunuz. Ben temayı yayınlamadan önce bütün tarayıcıların değişik versiyondaki görünümleri ile değişik çözünürlüklerdeki bilgisayarlarda denedim bir sorunla karşılaşmamıştım. Fakat bir sorun varsa düzeltiriz. Diğer husus tekil yazılarda oylama özelliği var siz Tasarım > Sayfa öğeleri > Blog kayıtları > Düzenle > Yıldız Derecelendirmelerini Göster yazı önündeki kutucuğu tıklayıp Kaydet derseniz tekil yazılarda oylama aktif olur. Temanın en alt kısmında ise resimler, normal olarak html gadgeti seçip resim kodları koyuyoruz. ben otomatik boyutlandırma ekledim
Cevaplar için teşekkür ederim. 3.5.10 sürümü kullanıyorum.
ÖNEMLİ: İlk önce resim kodu, sonra video kodu, en sonra ise yazı şeklinde ekliyoruz. Aksi taktirde ana sayfa istediğiniz gibi olmaz.
yazı içine şablondan resim koyuyorum ama göstermiyor dediğiniz kodu siliyorum yazının resmini gösteriyor ama benim her yazıda çıkmasını istediğim resim gene çıkmıyor bu konuda yardımcı olabilirmisiniz
sayın "Mayk" blogunuzun adresini yazarsanız belki yardımcı olabilirim
"Mayk" site ismin erotik içerikli olduğundan dolayı yorumunu yayınlamadım ama sorunun cevabını vereyim.
Resimleri css ile tekil sayfada görünmesini engelliyoruz. Fakat css kodlarında ilgili kodu silince artık tekil sayfalarda da resmin görünmesi önünde engel kalmıyor.
Reklam kodları ile ilgili durum ise farklı bir durum. Blogger de player önünde reklam görünmesinin nasıl yapıldığını bilmiyorum.
üst tarafta reklam yazıyo orda resim var resme denk gelicek ama olmuyo ne ana sayfada nede yazı sayfasında görünüyo resimler kodu sildiğim zamanda görünmüyo ama yazı içine yazının resmi geliyo
tamam oldu kendim yaptım şablonda table tr td kodları için bazı tanımlamalar yapmışsınız onları kaldırdım artık çıkıyo teşekkürler
herşey güzelde sitenin alt kısmındaki o siyah yer ufak ufak resimler var + yazılar var onu nasıl yapıcaz ?
böylesine kaliteli bir şablonu yaptıgınız için teşekkür ederim
bir yabancı sitede yabancı birinin yorumunu okudugum söyle diyor
bu şablon için
:bu şablon harika neredeyse nefesin kesilecek !
Sayın McDefault güzel yorumunuz için teşekkür ederim. Resimli kısım içinse normal html resim kodu koyuyoruz. Buraya ekleyeceğiniz resimler otomatik olarak boyutlandırılacaktır.
Resim olarak kullanılacak kod
<a href="http://www.webbilgi.org/2010/06/buyuk-hata-sinema-filmi-chloe.html"> <img src="http://farm2.static.flickr.com/1112/4721179725_a9b3e42291_m.jpg" alt="" /></a>
Ana Sayfada otomatik olarak boyutlandırılan resimlerin boyutunu değiştirebilir miyiz acaba mesela biraz daha büyük hafif poster görünümlü düz bir görünüm olsa süper olur?
Sayın "ReadyForAction" resimlerin boyutunu şeklini değiştirmek tabiki mümkün. Yanlız resimleri büyültünce orantılı olarak ön sayfadaki diğer alanlarıda büyültmek gerekiyor. Css kodları içerisindeki #videobox ile başlayan kısımlarda yükseklik ve genişlik (width ve height) arttırmak gerekmektedir. #videobox .info img kısmı resimlerin ölçüsünü ayarladığımız alandır. Dediğim gibi sadece resimleri değil diğer kısımlarıda orantılı olarak değiştirmek gerekmektedir. Bu arada ben resimleri javascriptle değil, css ile büyüklüklerini ayarladım.
Merhaba; Blogumda sizin temanızı kullanıyorum gerçekten iyi düşünülmüş güzel bir tema.
Benim birkaç önerim olacak.
1.Ziyaretçilerin çogu buna ben de dahilim post'lara tıklarken direkt fotografın üzerine tıklıyorlar. E haliyle fotografın kendisi açılıyor.
Benze temalarda post çerçevesinin neresine tıklarsanız tıklayın direkt içerik görüntüleniyor.Buna bir önlem bulabilir misiniz. En azından böyle olmasını istemiyorsanız bile isteyenlerin değiştirebileceği bir kod satırı var mı? Mümkün mü?
2.Site haritamda eklediğim url'ler google w.yön araçlarında kısıtlanıyor. Gerçi sizin demo adresinizi google dan arattığımda 43 sayfa eklenmiş ve bir sorun yok gibi ama acaba tema da da bir sorun oalbilir mi?
Merhaba "GBlogger"
1. sorunuz; şuan için pratik olarak vereceğim cevap resimlere link vermemeniz olacak. Böylece resime tıklandığında işlevsiz olacak, resmin altındaki linke tıklaması gerekecek
2. sorunuz; google maalesef etiketleri indekslemiyor. robots.txt engelliyor ve bizim buna yapabileceğimiz bir şey yok
ya bu şablonu komple html"sini paylaşamazmısınız beceremedimde :S
Sayın "GBlogger" talebiniz doğrultusunda temayı yeniden elden geçirerek, resim boyutlandırmayı artık javascript ile yapılmasını sağladım. Böylece resim üzerine tıklandığında resime yönlendirme olayı kalktı. Yeni versiyonu kullanabilirsiniz.
merhaba ya bn aynen uyguladım ama sizin demo sitesinde ana sayfada 16 video var benimkinde 7 tane görünüyor sora diğer sayfaya geçiyor bende ana sayfamdaki video sayısını artırabilir miyim
anasayfadaki yazı sayısı (t bube için resimli bölüm ) kontrol panelinden Ayarlar > Biçimlendirme > En fazla şu kadar göster:
Ana sayfada karşısındaki sayıyı değiştirmemiz gerekiyor.
Herhalde ücretli tema alsak bu kadar çabuk yanıtlanmazdı :) Teşekkürler.
Elinize sağlık güzel olmuş herşey. http://habertelevizyonu.blogspot.com/
Sitemizde budur. Ancak yıldız ile oy verme hariç (logoyu bile değiştirmeyi başardım:) yıldızlı oy vermeyi başaramadım.
Lütfen yardım bekliyorum. Kolay gelsin..
Merhaba, anasayfada videoları gösteren kare kutucuğun kenarlarını nasıl oval yapabilirim ?
Kutu kenarlıklarının nasıl yuvarlak yapılacağını şuradan öğrene bilirsiniz http://www.fatihhayrioglu.com/yuvarlak-kenarli-kutularborder-radius-olusturmak/
Çok teşekkür ederim.
Sistem çok iyi olmuş.
Birşey daha soracağım;
Temayı değiştirmek gibi olacak ama.
Sağ taraftaki Son Videolar olan Bölümü komple ayırıp ayrı bir kolon nasıl yapabilirim?
sayın dizifilmizle Son videolar kodunu sidebarda aşağıdaki ikili kısımlardan istediğine ekle
Sayın webbilgi
Neden bana cvp vermedinzi anlamadım??
http://habertelevizyonu.blogspot.com/
Demek istediğim o değil, tamamen ayrı bir kolon oluşturmak. Şöyle ;
http://img203.imageshack.us/img203/9704/denemen.png
Ayrıca ben Anasyafada 12 kayıt gözüksün diye yazdım.
Kayıt sayım 12'yi geçtiği zaman yeni bir sayfa açılmıyor.
Yani Demo'daki gibi en aşağıda sayfa seçme bölümü bende yok :S
Sayın Derleme Haber Ajansi sorunuzun cevabını yukarıya yazıya ekledim DEMO kelimesinin üzerini okuyunuz lütfen. Yıldızlı oylama nasıl aktif edilir orada yazıyor
Sayın dizifilmizle tasarımda hem yukarıda geniş bir kolon altında da ikili kolon var http://i38.tinypic.com/2rwanvt.jpg
ayrı bir kolondan kastınız bunların yanına üçüncü bir kolon mudur? Eğer buysa bunu anlatmak uzun sürer iki kelime ile olacak şey değil. Şablonu tamamen tekrar modifiye etmek gerekir çünkü.
diğer bir husus sayfada gösterilecek yazı sayısını yani kutucuk sayısını kontrol panelinden değiştirdikten sonra şablonda
var pageCount=
kodunu bulup karşısındaki sayıyı belirlediğiniz sayı ile değiştiriniz. mesela siz 12 demişsiniz
Şablonu tamamen modifiye etmeden değiştirilebilirmi diye sormuştum, ama olmuyormuş, sayfa olayını da hallettim sayenizde.
Teşekkür Ederim (:
hocam bu anasayfada gözüken konuların resimlerinin boyutunu nasıl büyütebilirim aslında çok küçük duruyo biraz daha büyütmek istiyorum yardımcı olursanız çok sevinirim
Resimlerin boyutunu değiştirmek için <head> kodundan sonraki javascript içinde yer alan height=85 ve width=118 ile birlikte css kodları içerisinde yer alan #videobox .info img { sonra gelen width:118px!important;
height:85px!important;
değiştirmek gerekir
fakat resimleri büyütmekle yetmez ilgili kutucuklarıda büyütmek gerekir bunu css kodları içerisinde yer alan VİDEOBOX ile başlayan kodlardaki width (genişlik) ve height (yükseklik) orantılı olarak arttırmak gerekir. Orantıya dikkat etmezsen şekil bozukluğu olur.
Merhaba öncelikle tema çalışmanızı gönülden tebrik ediyorum.. Benim bir sorum olucaktı. Bu temadaki "Recent Video" olan bölümü aktif edemedim ben bunun hakkında bilgi verirseniz çok memnun olurum.. Birde konuyla ilgili sorunları yorumlardan yanıtlıyosunuz fakat belli başlı konularıda konunun içine eklerseniz daha mantıklı olur düşüncesindeyim..
Çok teşekkür ediyorum.. Ellerinize sağlık.
Recent Video yani son videolar eklentisinin nasıl çalıştığı yukarıda yazıyor. Kodlar içerisinde yer alan http://btube-template.blogspot.com linkini kendinizinkiyle değiştirmeyi unutmayınız
Hocam bu temada konu içine reklamı nasıl yerleştiricez o kadar uğraştım netteki bilgiler ile sürekli hata verdi. verdiği hata aşağıdaki gibi
Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
XML hata iletisi: Open quote is expected for attribute "{1}" associated with an element type "cond".
Konu içine yazı üstüne ve altına reklam eklememiz için hangi kodun altına yada üstüne eklemeliyiz bilgilendirirseniz çok sevinirim iyi günler kolay gelsin.. Serkan
blogger de nasıl reklam eklenir şurada arkadaş anlatmış videobox ve archive ile başlamayan post.body kodunu bul
http://www.blogkaan.com/2009/10/blogger-yazi-icine-adsense-reklamlari.html
bu temada resimli rastgele videolar eklentisi yapabilirmiyiz? yardımcı olursanız sevinirim
öğrenmek istediğim bi konuda şu
indirdiğimiz temalar
http://btube-template.blogspot.com/
burdakinin aynısı değil galiba...
mümkünse sizin sitenizdeki temayı bizimle paylaşır mısınız?? çünkü paylaştığınız şablonlarda adsense reklam koyulunca şablon karışıyo
demo site olan http://btube-template.blogspot.com/ ile indirme linki verdiğim şablon aynısıdır. Hiç bir fark yoktur. Reklam eklerken hata yapıyorsunuzdur.
"Tekil yazılarda oylama özelliği (yıldızlı) aktif etmek için şu yolu izleyiniz.
Tasarım > Sayfa öğeleri > Blog kayıtları > Düzenle > Yıldız Derecelendirmelerini Göster yazı önündeki kutucuğu tıklayıp Kaydet derseniz tekil yazılarda oylama aktif olur."
demişsiniz ama öyle bi seçenek gözükmüyor galiba
http://img245.imageshack.us/img245/7356/blogkayitlari.jpg
bir de diyelimki aynı etikete kayıtlı 50 kayıt var. o etikete girdiğimiz zaman mesela 20 kayıt gösteriyo kalan 30 una ulaşmak için altta sayfa numaraları yok sadece "önceki kayıtlar" ve "yeni kayıtlar yazıyor" eğer mümkünse bunu ana sayfadaki gibi sayfa numaralarına çeviremez miyiz?
Hocam süpersiniz yaaa hemen uyguladım siteme :) yanlız bir sorum olacak bu raiting oylama olayı yok bende var yazmışsınız özelliklerinde nasıl bulabilirim. İyi çalışmalar.
yorumum onaylanmadı sanırım resimli rastgele videolar hakkında bi sorum vardı
Yıldızlı derecendirme ile ilgili bana soru soran arkadaşlar yazıya eklememiş olabilirim ama google de "blogger yıldızlı derecelendirme" diye arasanız cevabını bulursunuz. Blogger kontrol panelinize http://draft.blogger.com üzerinden girer ve yukarıda yazdığım yolu izlerseniz aktif etmiş olursunuz
sayın "Süper Fırsatlar 2010" kullandığımız sayfalandırma eklentisi olan javascript kategori sayfalarında buna izin vermiyor bir ara fırsat bulursam bir el atarım
sayın "Adsız" kardeşim tekil sayfada resimli son yazılar var resimli benzer yazılar var (ki aynı etiketlerden çekiyor) bence birde resimli rastgele yazılar lüzumsuz, ama ihtiyaç var diyen varsa ilgili javascripte resmi çeken kodu bulup googleden blogger rastgele yazılar eklentisini bularak buna ilave eder kullanır
yardımlarınız için tşkler sayın admin...