Son Eklenenler
blogger temaları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blogger temaları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Gri Tema Blogger Teması

İbrahim Çevrük

Temanın adı ne bilmiyorum. İbrahim Çevrük'ün paylaştığı CSS/HTML olan ve paylaşırken "Gri Tema" diye başlık açmasından dolayı bu isimi verdim. CSS/HTML halini gördüm durur muyum ? Elbette hayır. :D Hemen oturdum, nescafemi aldım ve 30-35 dakika içerisinde entegre ettim.

Gayet hoş bir tema. Belirtmek istiyorum ki sadece entegreyi geliştirdim ek olarak hiçbir şey yapmadım.

Önizlemeİndir

Metro Blogger Teması


Win8'in Metro arayüzü sayesinde artık web alemi de renklendi :) Metro Blogger teması şuana kadar gördüğüm en iyi çalışma diyebilirim. Gadget yerleşim bölümlerinin bol olması ile hiç sıkıntı çekmeden widget ekleyebileceksiniz.

İndirme linklerinden önce slider kodlarını verelim. Slider'ı isterseniz şablondan isterseniz HTML/JS gadgetı olarak ekleyebilirsiniz.

<div class="carousel" style="width:600px;height:350px;" data-role="carousel" data-param-effect="fade" data-param-direction="left" data-param-period="3000" data-param-markers="off" >  
<div class="slides">

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/DBTx2"/></a><div class="description">1 Some Description.</div></div>

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/H9C5J"/></a><div class="description">2 Some Description.</div></div>

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/dJ5Sj"/></a><div class="description">3 Some Description.</div></div>

</div><span class="control left">&#8249;</span><span class="control right">&#8250;</span></div>

Önizlemeİndir

BiAdam Blogger Teması

Artık sıfırdan tema yapmak yerine varolan wp temalarını Blogger'a entegre etmeyi uygun gördüm kendimce. Ve entegre ettiğim BiAdam temasını bugün siz değerli okurlarıma sunuyorum.

Temada anasayfa da yalnızca 3 kayıt gösterirseniz kayma ile karşılaşmazsınız. Neden bende anlamadım fakat 4 veya 5 kayıt gösterildiğin de kaymalar oluşuyor. Bunun dışında incelediğime göre bir sorun yok.

BiAdam Blogger Teması

İndir

OSade Blogger Teması

OSade Blogger Teması


OSade temasının Blogger uyarlamasına izin verdiği için öncelikle Okan Sağlam'a teşekkürler. Temanın çabuk ve daha düzenli olması için Onur Batur ile bu temayı entegre etmeye çalıştık.

Dürüstlükle söylüyoruz ki ikimizinde en çok zorlandığı tema. Bu yüzden alın terimizi hiçe saymamanız ve footer linklerine dokunmamanız bizim ve Okan'ın sizlerden ricası.

İndir

Not: Temanın entegresini sabırsızlıkla bekleyen arkadaşları düşündüğümüz için temayı hızlıca entegre ettik. Bazı yerlerde eksiklikler, hatalar ve aksilikler olabilir. Bu yüzden OSade temasının %100 tam entegresi için takipte kalınız.

TEMA 17.8.2013 TARİHİ GÜNCELLEMESİ İLE %100 ENTEGRE EDİLMİŞTİR.
Ekleyeceğiniz logo boyutu 200x155 ebatlarında olmalıdır.

Popho Portal Blogger Teması

Anarschi (Beyazıt Kölemen) tarafından yapılmış ve yaptığı her Blogger temasına hayran kaldığım Hit Adam tarafından Blogger'a uyarlanmıştır. Temanın sadeliği ve kullanışlı olmasını çok seviyorum. Gelelim temanın özelliklerine

  • Resme tıkladığınızda yazıya gitmenizi sağlayan otomatik devamını oku eklentisi
  • Özelleştirilmiş yorum formu ve yorumlarda cevaplama özelliği
  • Header kısmında 2 adet menü ve 468x60 boyutunda reklam alanı
  • Konu sonlarında öne çıkarılmış paylaşım butonları
  • Konulara eklenen resimleri lightbox ile görüntüleme
  • Son olarak basit yapılı ve göz yormayan kullanıcı kolaylığı düşünülmüş minimalist tasarım.

Hit Adam'ın sizlerden istediği footer linklerini değiştirmemeniz ve kaldırmamanız.

Önizlemeİndir

Blogger Portal Temaları

Bir zamanlar premium olarak bildiğimiz bu harika portal temalarını siz okurlarımla paylaşmak istedim. Eğer şu sıralar portal teması arıyor veya yapmaya çalışıyorsanız bırakın. Çünkü bunları çok beğeneceksiniz.

Gamer MagZ

Blogger Portal Temaları

İndirÖnizleme

Bresponsive

Blogger Portal Temaları

İndirÖnizleme

Düzenlediğim Float Blogger Teması

.css{beyin} adlı projem için düzenlediğim ve bir süre kullandığım. Float Blogger temasının düzenlemiş olduğum halini siz blogcu dostlarımla paylaşmak istedim.

Temayı A'dan Z'ye değiştirmedim. Temelinde yine Float yatıyor ama kendimce biraz düzenledim. Umarım, beğenir ve kullanırsınız. Temaya fazla bir şey yapmadım sadece eklentilerini ekledim ve gerekli SEO materyallerini ekledim. (Meta ve Heading Tags)

Float Blogger Teması


İndir

Notify Blogger Teması

Web Directory Blogger Teması

Web Directory Blogger Teması

Oldukça hoş bir tema ve her tür blogda kullanılabilir diye düşünüyorum. Eğer birde üzerine temiz bir edit yapılırsa tadından yenmez gibi :)

Önizlemeİndir

Twitter Blogger Teması

Bir anlık gözlerinizin önüne Twitter'ın tasarımı gelsin. Bu tasarımı blogunuzda kullanmak ister miydiniz ? Bence bazılarınız "Olsa güzel olurdu." dedi bile. Twitter'ın tasarımını Blogger'a entegre etmişler ve ortaya şahane bir şey çıkmış.

Bu güzel benzetme temayı sizlerle paylaşmak istedim. Eğer kod bilginiz varsa editleyerek daha güzel sonuçlara ulaşabilirsiniz.

Twitter Blogger Teması


Önizlemeİndir

Paravan Blog Blogger Teması


Burak İşçi'nin çizip kodladığı Paravan Blog temasının entegresini birkaç ay önce bitirmiştim. Fakat vaktim olmadığı için son kontrolleri yapıp sizlere sunamadım. Bugün o günmüş diyelim ve temamızın linklerini verelim.

Öncelikle Burak İşçi'ye temasını Blogger'a entegre etmem konusunda izin verdiği için teşekkürler.

Paravan Blog Blogger Teması

İndir // Wordpress İçin İndir

Mollo Blogger Teması


Mollo Blogger Teması by Arda Erakman

Merhaba arkadaşlar uzun süredir yapım aşamasında olan temamı dağıtmayı düşündüm. Mollo Blogger Teması PSDown adlı WordPress temasından entegre. Ancak sidebar ve diğer yerlerini biraz değiştirdim.

Öncelikle temamızın özelliklerinden bahsedelim daha sonra ise önizleme ve indirme bağlantılarını verelim :)
  • Logo yanı 468x60 reklam yeri eklendi.
  • Üst çubuk eklendi.
  • Başlıklarda Cufon Font kullanıldı.
  • Tamamen SEO'ya uygun olarak kodlandı.
  • Gereksiz CSS ve HTML kodları temizlendi.
  • Sidebar'a yeni bör görünüm kazandırıldı.
  • Otomatik devamını oku bölümü ve resimsiz yazılara özel "Resim Yok" yazısı eklendi.
  • Benzer yazılar ve sosyal medya da paylaş butonları eklendi.
  • Yorumlar da "Yanıtla" bölümü aktifleştirildi.
  • 404 sayfasının başlığı "Sayfa Bulunamadı !" olarak düzenlendi.
  • Kullanışlı bir footer eklendi.
  • Yazar ve yazı tarihi bölümündeki hata giderildi.
  • CSS3 ile oluşturulmuş arama kutusu eklendi.

Temamızın footer kısmında bulunan "Mollo Blogger Teması by aerakman" bölümündeki linkimi kaldırmamanızı rica ediyorum. Temamız Google Page Speed testinden 83/100 almıştır ve SEO analizinden de yüksek bir puana sahiptir.

SEO Analiz Sonucu


wmaracı seo analiz

Önizleme





Mollo Blogger Temasını İndirmek İçin Tıklayınız.

Putih Pekat Blogger Teması


Temayı ilk gördüğüm andan beri indirip kullanma düşüncelerim var. Ama bu temamdan vazgeçemiyorum. Her neyse bu güzel temamızın indirme ve demo adresini verelim sizler kullanmak isterseniz alın :)
Temamız bütünü ile CSS3 kullanılarak kodlanmış. Gayet şık ve hızlı.

putih pekat


Demo - İndir

Shinpuru Blogger Teması

Blogger Otomatik Devamını Oku Eklentisi


Bir yerde bu eklentinin SEO'ya + kattığını duymuştum. Umarım hala öyledir diyerek blogumda da kullandığım bu eklentiyi sizlerle paylaşıyorum. Bu eklenti sayesinde "Acaba yazıyı nereden kessem ?" derdi yaşamayacaksınız. Kendisi yazının bir bölümünden "Devamını Oku" ibaresini yayınlayacak.

Bu eklenti sayfalarda devamını oku işlemini gerçekleştirmiyor. Onu da belirteyim.

Nasıl Yaparım ?


Aşağıdaki kodu CTRL+F ile bulunuz.

</head>

Bulduğunuz kodun üstüne aşağıdaki kodu ekleyin.


<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEial5zP2dokM_89vviy0hpgcPbr4Is3n-zmkgbdFuAiQIIGYXLrs5Xwod066Y8S-PaHCdaXH-ToA0TRwSiUq-aT9FPZe8lI1ZrAppf6JFUGSvnkxuXlsxONNvVaw9eGei6mHUkfrG9rvLKE/s0/2nrklth.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>



Bu işlemleri tamamladıktan sonra yanlışımız var mı kontrol etmek için Önizleme yapalım hatamız yoksa devam edelim.

Aşağıdaki kodu bulun

<data:post.body/>


Bulduğunuz kodu silin ve yerine aşağıdaki kodu yerleştirin.

<!-- Oto devamını oku başlangıç -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Devamını oku...</a>
</b:if>
</b:if>
<!-- Oto devamını oku bitiş -->


Düzenlenecek Yerler:



Aşağıdaki kod anasayfada yazının ne kadarının görüntüleneceğini belirler. 

summary_noimg = 400;
summary_img = 400;

Bu kod ise konuyu eklediğiniz ilk resmin anasayfada hangi boyutlarda görüntüleneceğini belirler.

img_thumb_height = 120;
img_thumb_width = 120;

Aşağıdaki linkte ise resim eklemediğiniz yazılarda (yalnızca anasayfada) görülecek resim yer alıyor.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEial5zP2dokM_89vviy0hpgcPbr4Is3n-zmkgbdFuAiQIIGYXLrs5Xwod066Y8S-PaHCdaXH-ToA0TRwSiUq-aT9FPZe8lI1ZrAppf6JFUGSvnkxuXlsxONNvVaw9eGei6mHUkfrG9rvLKE/s0/2nrklth.jpg

Eklentiniz hayırlı olsun, iyi bloglamalar..

Borneo Books Blogger Teması

aerakman v2 Kişisel Blogger Teması


blogger

Önceden kullanmış olduğum temayı sizlerle paylaşacağımı söylemiştim. İşte o gün geldi :) Temamız hakkında detaya girmeden kısa bir bilgi verdikten sonra indirme ve önizleme linkini paylaşacağım.

  • Seo ya uygun olarak hazırlandı(Seo Dostu)
  • CSS standartizasyonuna uygun.
  • CSS Sprite
  • Cufon font özelliği
  • Benzer yazılar
  • Yazı bilgisi
  • Manşet Alanı
  • CSS3 Arama Kutusu
  • Düzenlenmiş Menü
  • Düzenlenmiş Alt Menü
  • Düzenlenmiş Sidebar Başlıkları
  • Resimlere Hover Olarak CSS3 Özelliği Kullanıldı

!! Tema da bulunan linklerim umarım kaldırılmaz. Kaldıran kişilerin insana ve insan emeğine saygısız alçak ve düşük mahlukatlar olarak değerlendireceğimi de bilmelerini isterim.



Temayı buradan indirebilirsiniz.
Temanın önizlemesini buradan yapabilirsiniz.


1 Şubat 2013 tarihi itibari ile temadaki bazı hatalar ayıklanmış. Ve temaya +SEO katkısı yapılmıştır.

Ücretsiz Premium Blogger Temaları



Selamlar, vakit buldukça sizler için orijinal ve güzel premium temalar bulup burada sunacağım.Şimdilik sizlere 2 ücretsiz premium tema buldum :) Şimdiden kullanan arkadaşlara "güle güle kullanın" diyorum.Önizleme ve indirme linklerini veriyorum.





Bloom Blogger Templates





ÖNİZLEME İNDİR


Unite Blogger Templates



ÖNİZLEME İNDİR

Blogger Teknoloji ve Oyun Teması



Arkadaşım için bulduğum ve onun için Türkçeleştirip editlediğim temayı maalesef zaman ayıramadığı için sizler ile paylaşıyorum.Temamız teknoloji ve oyun siteleri için kullanılabilir.Tabii sizin düşüncenize kalmış.
Temadaki bazı sorunları giderdim ve bir kaç yenilik ekledim.Nedir bunlar ?






-Türkçe karakter sorunu çözüldü.
-Klasik paylaşım butonları yerine CSS ile oluşturulmuş yeni butonlar eklendi.
-Yorum formundaki "Yanıtla" bölümündeki sorunlar çözüldü.
-"Benzer yazılar" eklentisi getirildi.
-Sliderdaki geçiş efekti sorunu giderildi.

Temadan Resimler:





Temamızdaki Sliderı Eklemek İçin Aşağıdaki Kodu "Featured Post" bölümüne ekleyin.


<div class="feature">
<div class="fthumbs">
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwmYknFGqke2bDI9pDFike1ElyI9ZNVlrLijaemd6pChc3E4k9EEl8nrAYqdW7OsF0D17UD4p8zICC2cTdH77aras8aAlZa-j8nv0_RMBHZwziB4ZRKbmdNSF32reUo9FVwFxUdlVmrmGD/" class="active" /></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizTp_3isN4SkW7J4_KWJYskInlHkjt4WZXyzcVmj4VDr2qY0_vMzz8zT3trpvmNQRbm7ow-KAsPn2UyNCfF-QUQiWpbXgzrPxYBdSIDAe6ROgvCZgMnMuxxgbypx2Z9rQK_cCbfv00c0li/"/></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhybdTgxGlnC_uvgqJ7yX2prKq4_KpWHgyFfsbiyi-gU8aTY7sukc8s7fAvlbfcfBj6txyX2zYBGug0D3o-_QtqK0RQvluZgTpIZ4DmJXJFNDMlNPJNaU4CYaBJ9u8Zk4Y6mhL8tQM2xD8z/" /></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMjUPvah9SEB0ejYJXdDh9hgcJSMLPHJdHlT2icqmQcuuji1J0DIWu8iDRIZgBcg7IgHM9-gL5ONjhh5VQUNV1rPL4Z2fFgpZXkbX2uF2019_woMW08HFJftmkJ3cgC2tu0sYRjyAffscE/" /></a><br />
</div>

<div class="fwrap">
<ul>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwmYknFGqke2bDI9pDFike1ElyI9ZNVlrLijaemd6pChc3E4k9EEl8nrAYqdW7OsF0D17UD4p8zICC2cTdH77aras8aAlZa-j8nv0_RMBHZwziB4ZRKbmdNSF32reUo9FVwFxUdlVmrmGD/" width="630" height="230" />
<div><a class="title" href="#">DC vs. Marvel Superhero Brawl</a><br />Morbi vestibulum, sapien id tincidunt blandit, purus magna facilisis ante, id placerat mi ...

<a href="#">more</a>
</div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizTp_3isN4SkW7J4_KWJYskInlHkjt4WZXyzcVmj4VDr2qY0_vMzz8zT3trpvmNQRbm7ow-KAsPn2UyNCfF-QUQiWpbXgzrPxYBdSIDAe6ROgvCZgMnMuxxgbypx2Z9rQK_cCbfv00c0li/" width="630" height="230" />
<div><a class="title" href="#">Machinarium and Samorost: Puzzles Turned Art</a><br />Morbi at odio erat, vitae mattis augue. Cras nec tincidunt diam. Duis iaculis ligula fauci...

<a href="#">more</a></div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhybdTgxGlnC_uvgqJ7yX2prKq4_KpWHgyFfsbiyi-gU8aTY7sukc8s7fAvlbfcfBj6txyX2zYBGug0D3o-_QtqK0RQvluZgTpIZ4DmJXJFNDMlNPJNaU4CYaBJ9u8Zk4Y6mhL8tQM2xD8z/" width="630" height="230" />
<div><a class="title" href="#">Dissidia Final Fantasy character profiles: Cloud</a><br />Phasellus volutpat justo ut mi lobortis laoreet. Class aptent taciti sociosqu ad litora to...

<a href="#">more</a></div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMjUPvah9SEB0ejYJXdDh9hgcJSMLPHJdHlT2icqmQcuuji1J0DIWu8iDRIZgBcg7IgHM9-gL5ONjhh5VQUNV1rPL4Z2fFgpZXkbX2uF2019_woMW08HFJftmkJ3cgC2tu0sYRjyAffscE/" width="630" height="230" />
<div><a class="title" href="#">Metal Gear Solid Touch now available for $2.99</a><br />Duis vitae turpis nec urna blandit volutpat. Ut quis metus in mi pellentesque ornare et qu...

<a href="#">more</a></div></a></li>
</ul></div></div>






DEMO     İNDİR



Not:Dileyen arkadaşlara, demo adresindeki:

- Blog alanadı (teknomega.blogspot.com)
- Logosu

-Gerekli ayarlamalar  ile birlikte makul fiyata satılır.İletişim'e geçmeniz yeterlidir.

Blogger Sinema Teması


Merhaba arkadaşlar,güzel bir sinema temasını sizlere tanıtıyorum. Temamızın Türkçe çevirisini yapacaktım fakat zaman bulamadım.Sizler gerekli yerleri halledersiniz diye düşünüyorum :)


Temamız hakkında bir kaç bilgi vereyim.







  • Manşet
  • Dropdown Menüler
  • Son Filmler bölümü
  • Sosyal Medya Butonları
  • Yorum forumlarında Yanıtla seçeneği.
  • Temamızı ister List (Liste) isterseniz Grid (Afiş) şeklinde gösterebilirsiniz.





Temamızda bulunan "Yanıtla/Cevapla" bölümünü aktifleştirmek için

HTML'yi Düzenle > Widget Şablonlarını Genişlet diyerek aşağıdaki kodları bulun.

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=8050265550455660643&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>


Yukarıdaki kodlar arasında kırmızı ile belirttiğim bölüme kendi blog ID'nizi yerleştiriniz

Blog ID Nasıl Bulunur ?


Kumanda Paneli > Tasarım daha sonrasında ise adres çubuğundaki ID sizin blogunuzun ID'sidir.



DEMO                 İNDİR

Layer"

Reklam

 
Support : Türkçe | Blogger | Temaları
Copyright © 2014 Film Siteleri - Tüm Hakları Saklıdır
Filmsitelerin.blogspot.comTürkçe Blogger Temaları
powered by Filmsiteleri.net