Blogger Blog Temaları - Blogger Templates

Blogger Sitenize En Fazla Yorum Yapan Kişileri Gösteren Eklenti

noreply@blogger.com (Yakup Çetin) — Fri, 30 Jan 2015 08:39:00 +0000

Bu gün paylaştığımız Blogger eklentisi ile sitenize yorum yapan kişiler arasında ilk on kişiyi belirlemeniz için kullanabileceğiniz bir uygulamayı paylaşıyoruz.

Bazı blogger sitelerimiz vardır ki sanki konuların her birisi forum konusu gibi yüzlerce yorum vardır. Böyle bir sitemiz olduğunu kabul edersek sitemizin daimi müdayimlerini tespit edebileceğimiz çok güzel bir uygulama.

Bazı blogger siteleri de sitelerine en çok yorum yapan kişiler için yarışmalar düzenliyor bu yarışmalarda en çok yorum yapanları da görebileceğiniz mükemmel bir uygulama.

Sitenize ekleyeceğiniz kod şu şekildedir;

<div id="topkoment"><style type="text/css">.top-commenter-line {margin: 0px;border-top: 1px solid #8D8C8C;border-bottom: 1px solid #E7E7E7;background-color: #CECECE;padding: 2px 3px;} .top-commenter-avatar {display:inline-block;vertical-align:middle;} #topkoment {width: 300px;margin: 0 auto;padding: 5px;border: 3px solid #797979;} #topkoment a {color: #B10C0C;} .profile-name-link {padding-left: 2px;} </style><script type="text/javascript">// Top Commentators gadget with avatars, by MS-potilas 2012. // Gets a list of top commentators from all comments, or specified number of days in the past. // See http://yabtb.blogspot.com/2012/05/top-commenters-gadget-with-avatars.html  // CONFIG: var maxTopCommenters   = 10,  // How much?     minComments        = 1,  // How many comments must top commentator have at least     numDays            = 0,  // From how many days (ex. 30), or 0 from "all the time"     excludeMe          = true,  // true: exclude my own comments     excludeUsers       = ["Anonymous", "someothertoexclude"],  // Exclude these usernames     maxUserNameLength  = 42,  // 0: don't cut, >4: cut usernames     txtTopLine         = '<div style="font-weight:bold;display:inline-block;width:2em;text-align:right;"><b>[#].</b></div>[image] [user] ([count])',  // List number     txtNoTopCommenters = 'No top commentators at this time.',     txtAnonymous       = '',  // Empty, or Anonymous user name localized if you want to localize     sizeAvatar         = 32,  // Avatar size     cropAvatar         = true,     urlNoAvatar        = 'http://lh4.googleusercontent.com/-069mnq7DV_g/TvgRrBI_JaI/AAAAAAAAAic/Iot55vywnYw/s' + sizeAvatar + '/avatar_blue_m_96.png',  // http://www.blogger.com/img/avatar_blue_m_96.png resizeable     urlAnoAvatar       = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,     urlMyProfile       = '',  // Set if you have no profile gadget on page     urlMyAvatar        = '';  // Can be empty (then it is fetched) or url to image // END CONFIG // for old IEs & IE modes if(!Array.indexOf) {   Array.prototype.indexOf=function(obj) {   for(var i=0;i<this.length;i++) if(this[i]==obj) return i;   return -1; }} function replaceTopCmtVars(text, item, position) {   if(!item || !item.author) return text;   var author = item.author;    var authorUri = "";   if(author.uri && author.uri.$t != "")     authorUri = author.uri.$t;    var avaimg = urlAnoAvatar;   var bloggerprofile = "http://www.blogger.com/profile/";   if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)     avaimg = author.gd$image.src;   else {     var parseurl = document.createElement('a');     if(authorUri != "") {       parseurl.href = authorUri;       avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;     }   }   if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")     avaimg = urlMyAvatar;   if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")     avaimg = urlNoAvatar;   var newsize="s"+sizeAvatar;   avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");   if(cropAvatar) newsize+="-c";   avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");    var authorName = author.name.$t;   if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)     authorName = txtAnonymous;   var imgcode = '';   if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';    if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)     authorName = authorName.substr(0, maxUserNameLength-3) + "...";   var authorcode = authorName;   if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';    text = text.replace('[user]', authorcode);   text = text.replace('[image]', imgcode);   text = text.replace('[#]', position);   text = text.replace('[count]', item.count);   return text; }  var topcommenters = {}; var ndxbase = 1; function showTopCommenters(json) {   var one_day=1000*60*60*24   var today = new Date();    if(urlMyProfile == "") {     var elements = document.getElementsByTagName("*");     var expr = /(^| )profile-link( |$)/;     for(var i=0 ; i<elements.length ; i++)       if(expr.test(elements[i].className)) {         urlMyProfile = elements[i].href;         break;       }   }    if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {     var entry = json.feed.entry[i];      if(numDays > 0) {       var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601       var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);          //Calculate difference btw the two dates, and convert to days       var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));       if(days > numDays) break;     }      var authorUri = "";     if(entry.author[0].uri && entry.author[0].uri.$t != "")       authorUri = entry.author[0].uri.$t;      if(excludeMe && authorUri != "" && authorUri == urlMyProfile)       continue;     var authorName = entry.author[0].name.$t;     if(excludeUsers.indexOf(authorName) != -1)       continue;      var hash=entry.author[0].name.$t + "-" + authorUri;     if(topcommenters[hash])       topcommenters[hash].count++;     else {       var commenter = new Object();       commenter.author = entry.author[0];       commenter.count = 1;       topcommenters[hash] = commenter;     }   }    if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {     ndxbase += 200;     document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');      return;   }     // convert object to array of tuples   var tuplear = [];   for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);    tuplear.sort(function(a, b) {     if(b[1].count-a[1].count)         return b[1].count-a[1].count;     return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;   });    // list top topcommenters:   var realcount = 0;   for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {     var item = tuplear[i][1];     if(item.count < minComments)         break;     document.write('<di'+'v class="top-commenter-line">');     document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));     document.write('</d'+'iv>');     realcount++;   }   if(!realcount)     document.write(txtNoTopCommenters); } document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></' + 'script>'); </script></div>

İyi günlerde kullanın Blogger Blog Temaları

Blogger Gadget Ekleme - Blog'a Tasarım Bölümü Ekleme

noreply@blogger.com (Takip Sistemi) — Fri, 17 Jan 2014 14:37:00 +0000

Sitemizdeki temalarda olsun başka sitelerdeki temalarda olsun her şey hazırdır ve ona uygun hariket etmeniz lazımdır, ancak aşağıda anlatacağımız uygulama ile bu sorunu aşabilirsiniz. Sitenize yüklediğiniz temada kendinize göre bölümler oluşturabilirsiniz.

1 - Öncelikle Temamızdaki Şablon Düzenleme Bölümüne Geliyoruz Ve Html'i Düzenle'yi Tıklıyoruz.
2 - Daha sonra ]]></b:skin> Kodunu Ctrl + F İle Taratıyoruz.
3 - Ve Hemen Bir Üst Satırına Aşağıdaki Kod'u Ekliyoruz.

Sitil Kodlaması

#gadget {float:left;width:900px;height:200px;background: #fff;}

Kırmızı İle Gösterilen Alanlarda Oynamalar yaparak Gadget'in Boyutunu sitemizin uygulamak iastediğimiz bölümüne uygun olarak boyutlandırabiliriz.

4 - Daha Sonra Şablonu Kaydet Diyoruz Ve Asıl Meseleye Geçiyoruz. Aşağıda Verdiğim Kod'u Temanızın Şablon Kısmından Nerede Gadget Gelmesini İstiyorsanız Oraya Ekleyin.

Kodlar

<b:section class='gadget' id='gadget'></b:section>

5 - Bunları Yaptıktan Sonra Yerleşim Bölümüne Geliyoruz. Ve Gadget'imiz Hazır.

Bu uygulama sonrasında daha özgün temalar oluşturabilirsiniz. İyi yayınlar.

Blogger Breadcrumb Navigasyon Eklentisi

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 21:25:00 +0000

Bu yazımda blogunuza breadcrumb eklentisini nasıl kurabileceğinizi anlatacağım.Öncelikle breadcrumb eklentisi nedir bundan biraz bahsedelim.Blogger Breadcrumb Eklentisi blogunuzda konuları inceleyen kişiye o an nerede olduğunu (Ana Sayfa > Kategori > Konu Başlığı) şeklinde gösteren bir blogger eklentisidir.

Eklentiyi blogunuza kurmak için aşağıdaki kod ekleme işlemlerini uygulamanız yeterli olacaktır.

Öncelikle Eklentiyi kurmak için blogunuzun yenilenen blogger html editörünü açın.

İlk olarak aşağıdaki kodu bulalım.


<b:includable id='main' var='top'>

Bulduğumuz bu kodun hemen üzerine aşağıdaki kodu ekleyelim.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Kategorisiz
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Kodları ekledikten sonra aşağıdaki kodu bulalım.

<div class='blog-posts hfeed'>

Bulduğumuz bu kodun hemen altına aşağıdaki kodu ekleyin.

Bulduğumuz bu koddan blogunuzda birden fazla bulunabilir.İlk bulduğunuz kod üzerinden işlem yapın.

<b:include data='posts' name='breadcrumb'/>

Ve son olarak aşağıdaki kodu bulun.

]]></b:skin>

Bulduğunuz bu kodun hemen üzerine aşağıdaki kodu ekleyin.

.breadcrumbs{background-color:#fff; 
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
border:1px solid #ddd; margin-top:5px; padding:10px; border-bottom:2px solid #ddd;
text-align:left;
font-size:11px}

Kod ekleme işlemlerini tamamladığınızda şablonu kaydet diyerek işlemi bitirin.Yapamadığınız birşey olursa yorum formunu kullanarak bize sorabilirsiniz.İyi bloglamalar.

Alıntı

Metro Classic Blogger Teması

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 14:25:00 +0000

Metro Classic Blogger Teması sayfanızın eşsiz görünmesini sağlar farklı renk şemaları göze hoş gelen bir kombinasyonu vardır.

Bu tema Tasarımı, Web Geliştirme, ve özellikle niş tasarımı ile uğraşan kişilerin tercih edeceği veya web tabanlı tanıtım amaçlı siteler için idealdir.

Tema Windows8 tarzı güzel bir görünüme sahiptir.

Metro Classic Blogger Teması Temiz ve şık bir tasarıma sahiptir iyi kullanımlar dileriz.

Temayı Ön izlemek için ve temayı indirmek için burayı inceleyiniz.

Önizleme İndir

Kurulum konusunda takıldığınız noktaları yorum yaparak iletebilirsiniz.

WebDepot Blogger Teması

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 14:06:00 +0000

WebDepot Blogger Teması sayfanızın eşsiz görünmesini sağlar farklı renk şemaları göze hoş gelen bir kombinasyonu vardır.

Bu tema Tasarımı, Web Geliştirme, ve özellikle niş tasarımı ile uğraşan kişilerin tercih edeceği veya web tabanlı dergi gibi siteler için idealdir.

Temada CSS3 özelliklerine ağırlık verilmiştir. WebDepot Blogger Teması Temiz ve şık bir tasarıma sahiptir iyi kullanımlar dileriz.

Temayı Ön izlemek için ve temayı indirmek için burayı inceleyiniz.

Önizleme İndir

Kurulum konusunda takıldığınız noktaları yorum yaparak iletebilirsiniz.

Videoism Blogger Teması - Video Teması

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 13:47:00 +0000

Videoism Blogger Teması Profesyonel bir video temasıdır.

Bu temayı video siteleri, Video Blogları, müzik paylaşım siteleri ve Medya ağırlıklı tüm siteler tercih edebilir.

Bu şablon hızlı bir şekilde Youtube, Vimeo ve Dailymotion gibi sitelerden video eklenebilmektedir ve bu adı geçen sitelerin görünümünden esinlenerek bu tema oluşturulmuştur.

Videoism Blogger Teması hızlı ve profesyonel bir video sitesi kurmak için gerekli özellikleri ve tasarımı bünyesinde toplamaktadır.

Temada kayıtlara özel görüntülenme sayısını gösterebileceğiniz uygulamada temanın içerisinde entegre edilmiş olarak geliyor.

Temayı Ön izlemek için ve temayı indirmek için burayı inceleyiniz.

Önizleme İndir

Videoların detayında resim eklemek gerekiyor mu?

Temanın en güzel özelliklerinden biriside youtube vb popüler video sitelerinin paylamış kodunu html olarak eklediğimizde tema ana sayfada önizleme resmini video servisinden otomatik olarak çekmesidir, sizin video detayına video resmi eklemenize gerek kalmıyor.

Örnek Video Kodu;

<iframe allowfullscreen="" frameborder="0" height="320" src="http://www.youtube.com/embed/BCsfeGiZvgA" width="100%">

Özel Kategori Etiketlerini oluştma;
Blogger >> Şablon >> HTML Düzenle >>

<script style='text/javascript'>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = true;
var showpostsummary = true;
var numchars = 75;
</script>
<script src='/feeds/posts/summary/-/Feature?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

BlogTube Profesyonel Video Blogger Teması

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 13:36:00 +0000

BlogTube Blogger Teması Profesyonel bir video temasıdır.

Bu temayı video siteleri, Video Blogları, müzik paylaşım siteleri ve Medya ağırlıklı tüm siteler tercih edebilir.

Bu şablon hızlı bir şekilde Youtube, Vimeo ve Dailymotion gibi sitelerden video eklenebilmektedir ve bu adı geçen sitelerin görünümünden esinlenerek bu tema oluşturulmuştur.

BlogTube Blogger Teması hızlı, duyarlı, minimal ve profesyonel bir video sitesi kurmak için gerekli özellikleri ve tasarımı bünyesinde toplamaktadır.

Tema duyarlı tasarıma sahip olduğu için tüm ekranlarda sorunsuz görünüm sunmaktadır.

Temada kayıtlara özel görüntülenme sayısını gösterebileceğiniz uygulamada temanın içerisinde entegre edilmiş olarak geliyor.

Temayı Ön izlemek için ve temayı indirmek için burayı inceleyiniz.

Önizleme İndir

Videoların detayında resim eklemek gerekiyor mu?

Örnek Video Kodu;

<iframe allowfullscreen="" frameborder="0" height="320" src="http://www.youtube.com/embed/BCsfeGiZvgA" width="100%">

Ana Sayfa Video Slider Nasıl Yapılır?

Burada verilmiş olduğu gibi html <ul> tag'ı ile videolarımız slayt gösterisi haline getirebiliyoruz.

<ul id='mbl_playlist'>
<li><a href='http://www.vimeo.com/61702032'></a></li>
<li><a href='http://vimeo.com/16051959'></a></li>
<li><a href='http://vimeo.com/30402976'></a></li>
<li><a href='http://vimeo.com/40895690'></a></li>
<li><a href='http://vimeo.com/32760821'></a></li>
<li><a href='http://vimeo.com/29177524'></a></li>
</ul>

Popüler Videoları Gösterebilmek için gerekli kod;
Blogger >> Şablon >> HTML Düzenle >>

<script style='text/javascript'>
var numposts = 4;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src='/feeds/posts/summary/-/Feature?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Karikatür Teması - Damn-LOL Blogger Template

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 12:02:00 +0000

Lanet LOL Blogger teması resim paylaşan bloglar için bulunmayacak derecede güzel ve sadece bir Blogger Teması.

Sitenin temasında siyah görünüm hakim olduğu için içeriklerde daha ön planda sergileniyor ve içerik daha göz önünde yer alıyor.

Temayı manzara fotoğrafları, komik resim vb Trol fotoğrafları için kullanabilirsiniz.

Seo dostu bu temada Google Adsense'ye uyumlu bölümlerde yer almaktadır. Sitenin Seo dostu bir tema olması da içeriklerinizin daha fazla ziyaretçi çekmesine faydası dokunacaktır.

Temayı Ön izlemek için ve temayı indirmek için burayı inceleyiniz.

Önizleme İndir

Ana Sayfada Bir Mesaj ayarlaması için:

Daha hızlı sayfa gösteri için sitenin ana sayfasında ve diğer sayfalarda sadece tek içerik gösterilmesi ayarlanması gerekmektedir.

Blogger >> Ayarlar >> Mesaj ve Yorumlar >> ve bu ekranda Anasayfada görüntülenecek kayıt kısmını 1 gönderi olarak ayarlamamız gerekmektedir.

Görsel'de olduğu gibi;

Folio360 Kişisel Blogger Teması

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 11:37:00 +0000

Folio360 Blogger Şablon portföy göstermek isteyen Tasarımcılar için tasarlanmış gerçekten güzel bir temadır.

Bu tema ile duvar kağıdı ve fotoğraf sunumu yapmak isteyen web siteleri için idealdir

Ana sayfada 3 sütun vardır, içeriğin incelendiği detay kısmında ise 2 sütundan oluşmaktadır.

Sayfalama bölümü gerçekten dikkat çekici bir görselliğe sahiptir. Tasarım açısında kullanılışlı bu temayı güle güle kullanın.

Temayı Ön izlemek için ve temayı indirmek için burayı inceleyiniz.

Önizleme İndir

Sitenin tasarımında oynama yapmak için aşağıdaki yolu izleyin;Blogger.Com >> Şablon >> HTML Düzenle >>

Kırmızı Profil Teması

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 09:24:00 +0000

Kırmızı Profil Blogger teması süper şık ve aynı zamanda fotoğraf veya resim için özel tasarımdır.

Görsele önem veren Bloggerlar için kaçırılmayacak bir tema, süper zarif, mükemmel kalite, yüksek% 100 duyarlı genişik özelliği ile tüm ekranlarda sıkıntısız bir görünüme sahiptir.

Bir fotoğrafçı ya da bir web geliştirici iseniz ve işinizi sayfanızda sergilemek istiyorsanız, kırmızı profil teması tam size göre.

Temayı Ön izlemek için ve temayı indirmek için burayı inceleyiniz.

Önizleme İndir

Son Mesajları Eklemek için;

Blogger.Com >> Şablon >> HTML Düzenle >>

<script type='text/javascript'>
var numposts = 2;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150;</script>
<script type="text/javascript" src="http://rdesigntheme.blogspot.com/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=labelthumbs"></script>

En Çok Sevilen İçerikleri Eklemek için;
Blogger.Com >> Şablon >> HTML Düzenle >>

<div style='clear:both;'></div>
<script type='text/javascript'>
var numposts = 4;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Featured?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

vCard Responsive Blogger Teması

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 08:48:00 +0000

vCard Blogger Şablon kişisel bilgileri, özgeçmiş ve portföyü için yapılan bir Profesyonel ve kişisel CV şablonudur. vCard Blogger Şablon şık hem de zarif bir tasarıma sahiptir.

Tam kişisel cv görünümüne sahip tema ile sitenizi kendinize özel hale getirebiliyorsunuz. site teması %100 duyarlı tasarıma sahiptir.

Temayı Ön izlemek için ve temayı indirmek için burayı inceleyiniz.

Önizleme İndir

İki Sütun Görünümlü Etiketler için;
Blogger.Com >> Şablon >> HTML Düzenle >>

<script type='text/javascript'>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Featured?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Üç Sütun Görünümlü Etiketler için;
Blogger.Com >> Şablon >> HTML Düzenle >>

<div class="normal_grid">
<script type='text/javascript'>
var numposts = 9;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Grid?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
</div>

Küçük Izgara Görünümlü Etiketler için;
Blogger.Com >> Şablon >> HTML Düzenle >>

<div class="grid_layout">
<script type='text/javascript'>
var numposts = 12;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Featured1?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
</div>

Son Gönderilen Kayıtları Göstermek için ;Blogger.Com >> Şablon >> HTML Düzenle >>

<script type='text/javascript'>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150;</script>
<script type="text/javascript" src="http://rdesigntheme.blogspot.com/feeds/posts/default?max-results=6&orderby=published&alt=json-in-script&callback=labelthumbs"></script>

iNews Blogger Teması

noreply@blogger.com (Takip Sistemi) — Tue, 07 Jan 2014 07:25:00 +0000

Tasarım açısında ve kullanım kolaylığı ile dikkat çeken bu tema Responsive özelliği sağlamasından dolayı Web, Tablet ve Mobil cihazlarda en güzel performansı veriyor.

Ana sayfanın en üst kısmında belirlediğimiz etiketleri otomatik olarak çekip zahmetsizce manşet bölümlerini oluşturuyor. 4 Adet özel manşetimizden sonra son eklediğimiz kayıtlar eklenmeye devam ediyor.

Temamızda Beyaz ve Mavi renkler ağırlıktadır. Özellikle Teknoloji bloggerlarının beğenerek tercih edeceği bu blogu güle güle kullanın.

Önizleme İndir