Blogger Hocam

Blogger Helix Edit Teması

Blogger Helix Edit Teması

Blogger Blog Teması,Evet Arkadaşlar Blogger'a uyarlaşmış bir blog teması ile yine karşınızdayız.Temayı indirmek için aşağıya bakınız.


Tema Önizle
Tema İndir



Blogger Portal v2 Teması

Blogger Portal v2 Teması


Blogger Portal v2 Teması, Blogger için uyarlanmış bir portal blogger teması aşağıdan indirip hemen sitenize yükleyebilirsiniz. "Blogger Tema Yükleme Nasıl Yapılır ?" tıklayarak öğrenebilirsiniz.

Tema İndir


Popho Portal Blogger Teması

Popho Portal Blogger Teması

Sade ve temizliği ön planda olmak üzere seo yanında ise ön plandadır. Tema basit olduğu için amatör bir kullanıcı temada çok kolay düzenleme yapacaktır. Temanın özelliklerinden söz edelim.
Tema İndir

Blogger JuckMek Teması

JuckMek Teması


Blogger  JuckMek Teması,Blogunuzu daha şık hale getiricek  JuckMek Temasını hemen aşağıdan indirip tema hakkında görüşlerinizi yorum yaparak belirtebilirsiniz.



Tema İndir


Blogger marksoe Blog Teması

Blogger marksoe  Blog Teması

Blogger Blog Teması olarak kullanabileceğiniz hatta bir çok platformlarda kullanabileceğiniz harika bir blog teması hemen indirin.


Dışarıdan Manuel olarak eklemeniz gereken iki tane eklenti bulunmaktadır.birincisi reklam alanı 2.olarakta slider eklentisidir. kodlara aşağıdan ulaşabilirsiniz.

Reklam Alanı
<div class="sponsor">

<div class="reklamalani">
<a href="http://tanercihan.blogspot.com/p/iletisim.html" target="_blank" title="Reklam Ver">
<img height="81" width="81" alt="Reklam Ver" title="Reklam Ver" src="http://1.bp.blogspot.com/-7E1q9jPwuRE/UrmkeB9rp8I/AAAAAAAAGsU/y1aOedcVg9Q/s1600/90x90-ilkaygurler.png" />
</a></div>


<div class="reklamalani">
<a href="http://tanercihan.blogspot.com/p/iletisim.html" target="_blank" title="Reklam Ver">
<img height="81" width="81" alt="Reklam Ver" title="Reklam Ver" src="http://1.bp.blogspot.com/-7E1q9jPwuRE/UrmkeB9rp8I/AAAAAAAAGsU/y1aOedcVg9Q/s1600/90x90-ilkaygurler.png" />
</a></div>



<div class="reklamalani">
<a href="http://tanercihan.blogspot.com/p/iletisim.html" target="_blank" title="Reklam Ver">
<img height="81" width="81" alt="Reklam Ver" title="Reklam Ver" src="http://1.bp.blogspot.com/-7E1q9jPwuRE/UrmkeB9rp8I/AAAAAAAAGsU/y1aOedcVg9Q/s1600/90x90-ilkaygurler.png" />
</a></div>



<div class="reklamalani">
<a href="http://tanercihan.blogspot.com/p/iletisim.html" target="_blank" title="Reklam Ver">
<img height="81" width="81" alt="Reklam Ver" title="Reklam Ver" src="http://1.bp.blogspot.com/-7E1q9jPwuRE/UrmkeB9rp8I/AAAAAAAAGsU/y1aOedcVg9Q/s1600/90x90-ilkaygurler.png" />
</a></div>



<div class="reklamalani">
<a href="http://tanercihan.blogspot.com/p/iletisim.html" target="_blank" title="Reklam Ver">
<img height="81" width="81" alt="Reklam Ver" title="Reklam Ver" src="http://1.bp.blogspot.com/-7E1q9jPwuRE/UrmkeB9rp8I/AAAAAAAAGsU/y1aOedcVg9Q/s1600/90x90-ilkaygurler.png" />
</a></div>



<div class="reklamalani">
<a href="http://tanercihan.blogspot.com/p/iletisim.html" target="_blank" title="Reklam Ver">
<img height="81" width="81" alt="Reklam Ver" title="Reklam Ver" src="http://1.bp.blogspot.com/-7E1q9jPwuRE/UrmkeB9rp8I/AAAAAAAAGsU/y1aOedcVg9Q/s1600/90x90-ilkaygurler.png" />
</a></div>
<div style="clear: both;"></div>

</div>

<style>
.sponsor{padding: 4px 0px 0px 0px;}
.reklamalani{margin:0;padding:0;float:left;width:81px;height:81px;line-height:81px;text-align:center;font-size:11px;margin:1px 0px 6px 4px;border:1px solid #ddd;padding:1px;border-radius:3px;}
.reklamalani img{width:81px;heighreklt:81px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-opacity: 0.7;}
.reklamalani:hover{-moz-box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.3);box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.3);}
</style>

Slider Eklentisi
<style type="text/css">
#mcis {
display: none;
}
#sliderFrame {
position: relative;
width: 718px;
border:2px solid #ddd;
margin: 0 auto;
margin-left:8px;
}
#slider {
width: 718px;
height: 230px;
background: #fff url(http://2.bp.blogspot.com/-zZroU7UOnn4/UWCR0O1RzRI/AAAAAAAAJo0/WH5aOsNRf0Y/s1600/yukleniyor.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}
#slider img {
position: absolute;
border: none;
display: none;
}
#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
#slider {
transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}

div.mc-caption-bg, div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color: black;
}
div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}
div.mc-caption a {
color: #FB0;
}
div.mc-caption a:hover {
color: #DA0;
}

</style>


<div id="sliderFrame">
<div id="ribbon"></div>
<div id="slider" style="background-image: url(http://i.hizliresim.com/Kd23Z7.png); background-position: initial initial; background-repeat: no-repeat no-repeat;">


<a href="#" class="imgLink" style="display: none;"><img alt="Subway Surfers Para Hilesi İndir" border="0" src="http://i.hizliresim.com/KPokEO.png" style="display: none;" /></a>


<a href="#" class="imgLink" style="display: none;"><img src="http://i.hizliresim.com/eoZ3z9.png" alt=" Facebook Durum Beğendirme Hilesi 2014" style="display: none;" /></a>

<a href="#" class="imgLink" style="display: block;"><img src="http://i.hizliresim.com/Kd23Z7.png" alt="Android Oyunları" style="display: none;" /></a>

<a href="#" class="imgLink" style="display: none;"><img src="http://i.hizliresim.com/KgA8k0.png" alt="Microsoft Office 2007 Türkçe Full (32Bit - 64Bit) İndir" style="display: none;" /></a>

<a href="#" class="imgLink" style="display: none;"><img src="http://i.hizliresim.com/xGkRk3.png" alt="Minecraft İndir" style="display: none;" /></a>


</div></div>



<div class="clear"></div>


İndir

Blogger FilmBox Teması

Blogger FilmBox  Teması

Blogger FilmBox Teması,Merhaba arkdaşlar buğün'de blogger için yapılmış film temalarında bir yenisini daha paylaşıyoruz.Destekleriniz için yorum yapmayı unutmayınız.

Orta kısımda bulunan oto manşet için arkadaşlar aşağıdaki kodu temayı yükledikten sonra Ctrl+F yapıp aratıyoruz ve orada görünmesini istediğimiz etikete ait yazılar için yazılara ait etiket kısmına yazıyoruz yani " İçerde " yazan kısma görünmesi istediğiniz etiketi yazıyorsunuz ve kaydet dedikten sonra siteniz üzerinde kontrol edebilirsiniz.

     label1 = "İçerde";


Önizle
İndir



Blogger Teknoloji v1 Teması

Blogger Teknoloji v1 Teması

Blogger Teknoloji Teması arayanlar doğru yerde fazla uzatmadan arkadaşlar anlatıyım hemen ana sayfa full etikete bağlı olarak çalışmaktadir aşağıdaki resimde gördüğünüz üzere label yazar yerlere etiketi title yazan yerede başlığı yazıcaksınız.

Blogger Teknoloji v1 Teması

Önizle
İndir



Tema Hakkında Görüşlerinizi yorum olarak belirtirseniz sevinirim.

Blogger Navigasyonlu Son Yazılar Eklentisi

Blogger Navigasyonlu Son Yazılar Eklentisi

Merhaba arkdaşlar blogunda son yazıları widget olarak göstermekte zorluk çekenler için navigasyonlu son yazılar eklentisi, eklemesi oldukça basit.

1. Blogger > Yerleşim > Gatget Ekle > HTML/JavaScript Ardından Aşağıdaki Kodu Tamamen kopyalayıp yapıştırın.

 <style scoped='' type='text/css'>
/* Recent Post Navigasi */
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
.recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
#recentpostnavfeed{border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#recentpostnavfeed:hover{background-color:#fefefe}
#recentpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:5px 10px}
#recentpostnavfeed .next{float:right}
#recentpostnavfeed .previous{float:left}
#recentpostnavfeed .home{text-align:center}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important}
</style>
<script type='text/javascript'>
//<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://bloggerhocam.blogspot.com";
    var charac = 40;
    var urlprevious, urlnext;
function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"http://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"...</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Geri</a>":"<span class='noactived previous'>Previous</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>İleri</a>":"<span class='noactived next'>Next</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Ana Sayfa</a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>

2.Yukarıda değiştirmeniz gereken yerler aşağıda belirtilmiştir.

var numfeed : Görüntülenen yayın sayısı
var urlblog : Blog Adresiniz
var charac :yayın özet karakter adeti


Blogger Portal v1 Teması

Blogger Portal v1 Teması

Blogger Portal Teması,Blogger Portal Platformlar için yapılmış bir blogger teması sizler için tamamen ücretsiz hemen aşağıdan indirebilirsiniz. Temaya manuel olarak eklemniz gereken 2 tane eklenti bulunmakta aşağıda bulabilirsiniz.


Reklam alanı
<a href="http://webdeyakala.blogspot.com/p/reklam-ver_29.html" target="_blank"><img alt="Reklam alanı" class="reklam" height="90" src="http://i.hizliresim.com/epmRqN.png" width="728"></a> 

Manşet Alanı
<style type="text/css">
#mcis {
display: none;
}
#sliderFrame {
position: relative;
width: 610px;
margin: 0 auto;
border:2px solid #ccc;
border-radius:2px;

}
#slider {
width: 610px;
height: 230px;
background: #fff url(http://2.bp.blogspot.com/-zZroU7UOnn4/UWCR0O1RzRI/AAAAAAAAJo0/WH5aOsNRf0Y/s1600/yukleniyor.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}
#slider img {
position: absolute;
border: none;
display: none;
}
#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
#slider {
transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}

div.mc-caption-bg, div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color: black;
}
div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}
div.mc-caption a {
color: #FB0;
}
div.mc-caption a:hover {
color: #DA0;
}
div.navBulletsWrapper {
top: 250px;
left: 190px;
width: 150px;
background: none;
padding-left: 20px;
position: relative;
z-index: 5;
cursor: pointer;
}

</style>
<script src="http://webseyyahi-project.googlecode.com/files/webseyyahi.js" type="text/javascript"></script>

<div style"float:left;">

<div id="sliderFrame">
<div id="ribbon"></div>
<div id="slider">

<a href="http://webbellek.blogspot.com/2014/01/blogger-kartvizit-pirmur.html"><img src="http://i.hizliresim.com/wvEJ8D.png" alt="Blogger Kartvizit Pirmur"/></a>

<a href="http://webbellek.blogspot.com/2014/01/fatih-sultan-mehmet-kimdir.html"><img src="http://i.hizliresim.com/ekkXGm.png" alt="Fatih Sultan Mehmet Kimdir?"/></a>

<a href="http://webbellek.blogspot.com/2014/01/populer-blogger-temalar.html"><img src="http://i.hizliresim.com/wOqOrQ.png" alt="Popüler Blogger Temaları"/></a>

<a href="http://webbellek.blogspot.com/2014/01/asphalt-8-airborne-indir.html"><img src="http://i.hizliresim.com/eXvpG5.png" alt="Asphalt 8 : Airborne İndir"/></a>

<a href="http://webbellek.blogspot.com/2014/01/guild-wars-2.html"><img src="http://i.hizliresim.com/wLa0qV.jpg" alt="Guild Wars 2 - İndir"/></a>
</div></div>

</div> 

Tema İndir


Sade Blogger Teması ( Kullanıcı Odaklı )

Sade Blogger Teması ( Kullanıcı Odaklı )

Merhaba Arkadaşlar tamamen kullanıcı odaklı editlenmiş tema ile karşınızdayım tasarımdaki amac hoş görünüm degil iceriklerinize önem verdiğinizi gösteren bir tasarım ve herşey kullanıcının elinin altında örnek vermek gerekirse üsteki navigasyon sade ve cok basit kullanıcı hiç göz  yormadan direk aradıgını bulabilecek yani siteniz acısından size artı bir tema olarak görüyorum tasarımın seo su oldukca yüksek ve kurulumu cok basittir Blogger tema kurumu nasıl yapılır adlı yayınımıza buraya tıklayarak gidebilirsiniz ve sitenizde hemen kullanabilirsiniz.tasarım tamamen ücretsizdir.