Anarschi tarafından wordpress için geliştirilmiş ve benim tarafımdan blogger alt yapısına uyarlanmış bir tema. Uzun süre önce geliştirildiğinden daha önce mutlaka karşınıza çıkmış olmalı. Örnek olarak Webrazzi, sitesinde bu tasarımı kullanıyor.
Basit kodlanmış ve esnek yapıya sahip bir tema olduğundan istediğiniz gibi düzenleme şansına sahipsiniz. Zaten vereceğim demo adresindekiyle benim blogumda kullandığım tasarımı karşılaştırdığınızda doğru söylediğimi anlayacaksınız.

Tema özelliklerinden bahsedecek olursak;

• Resme tıklandığı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.

demoindir

Tema Adı : Gedbacko

Platform : Blogger / Blogspot

Oluşturulma Tarihi : Haziran 2013

Yapımcı : Dailybloggertemplates

Lisans : Ücretsiz

Tema Özellikleri : Sidebarda arama çubuğu, headerde 468x60 reklam alanı, slider, paylaşım butonları, yorumlarda cevaplama özelliği ve resimleri lightbox ile görüntüleme.
İndireceğiniz dosyada temanın slider ekli ve eksiz iki ayrı versiyonu bulunuyor.

Demoindir

Tema Adı : Daily

Versiyon : 2.0

Platform : Blogger / Blogspot

Oluşturulma Tarihi : Mart 2013

Yapımcı : Blogger Theme 9

Kullanma Talimatı : Blogger tema nasıl yüklenir?

Tema Özellikleri : Yazı sonlarında feedburner abonelik/yazar hakkında kısımları, benzer yazılar eklentisi ve diğer elementlerle uyumlu paylaşım butonları, dişli yorum özelliği, ana sayfada otomatik manşet, tab menü, footerda 3'lü gadget alanı ve benim göremediğim bir sürü özellik daha.

DEMOindir

Tema Adı : Zikazev (Gri)

Platform : Blogger / BlogspotOluşturulma Tarihi : Temmuz 2013Yapımcı : KangIsmetTema Özellikleri : Açılır menü, özelleştirilmiş yorum formu ve dişli yorum özelliği, sosyal bar, benzer yazılar eklentisi, footerda 3'lü gadget alanı.

DEMOindir

Merhaba arkadaslar.Bu saatte internette gezerken bu eklentiyi buldum ve isinize yarayabilecegini dusundum.Onceden bende blogumda kullaniyordum ama bu aralar kullanmiyorum.Sitenize bu sosyal paylasim butonlarini eklmek istiyorsaniz yapmaniz gerekenler cok basit.
Sablona girdikten sonra <b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'> aratiyorsunuz ve hemen ustune ekliyorsunuz.Bir problem cikarsa yardimci olurum.

<style>
#sosyalpaylasim {
text-decoration: none;
text-align: center;
display: block;
float: left;
margin: -10px 0 0 -115px;
position: fixed;
width: 90px;
background: #F9F9F9;
border: 1px solid #ddd;
border-radius: 3px;
}
#sosyalpaylasim ul{ margin:0; padding:0px;}
#sosyalpaylasim ul li{ list-style:none; border:0px; padding:10px 0 2px 0; border-bottom:1px solid #ddd;  }
</style>
<div id='sosyalpaylasim'>
<ul>
<li>
<div id='fb-root'></div>
<div id='fb-root'></div>
<div id="fb-root"></div>
<script>undefinedfunctionundefinedd, s, id) {
  var js, fjs = d.getElementsByTagNameundefineds)[0];
  if undefinedd.getElementByIdundefinedid)) return;
  js = d.createElementundefineds); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBeforeundefinedjs, fjs);
}undefineddocument, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/ufakblog" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div></li>
<li>
<a class='twitter-share-button' data-count='vertical' data-text='' data-url='' data-via='brkalagz' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</li>
<li>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script>
<g:plusone href='' size='tall'></g:plusone>
</li>
</ul>
</div>

Blogunuza gelen ziyaretcilerin sizlere not veye geri donut birakabilmesi icin ziyaretci defteri eklentisini kullanabilirsiniz.Bu eklentiye bloggerda yorum eklentisi oldugu icin pek gerek olmasada kullanacak arkadaslar oldugunu dusunuyorum.Bu eklenti oldukca basit uygulaniyor.Yapmaniz gereken asagidaki kodu istediginiz sayfaya yapistirmak...

Blogger ziyaretci defteri onizlemesi:

<!-- ufakblog.blogspot.com ziyaretçi defteri başlangıç -->
<div style="position: relative;">
<div id="HCB_comment_box">
Ziyaretçi Defteri yükleniyor...</div>
<div style="margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px;">
<a href="http://ufakblog.blogspot.com/" style="background-color: transparent; border: none; margin: 0px; padding: 0px;" target="_blank"><img src="http://imageshack.us/a/img521/4892/siteneekel.png" style="background-color: transparent; border: none; float: right; height: 16px; margin: 0px; padding: 0px;" /></a></div>
</div>
<link href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" rel="stylesheet" type="text/css"></link>
<script charset="windows-1254" id="hcb" language="javascript" type="text/javascript"> /*<!--*/ if(!window.hcb_user){hcb_user={ comments_header:"Guestbook" };} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24O3MZGwnoHh96p7rGutJjk1"+"&opts=5978&num=20");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<script charset="windows-1254">
// kodda değişiklik yapmak yasaktır!
// sitenize eklemek için ufakblog.blogspot.com sitesini ziyaret edin.
hcb_user = {
// ufakblog.blogspot.com.
  //L10N
  comments_header : ' ',
  name_label : 'isim',
  content_label: 'mesajınızı buraya yazın',
  submit : 'gönder',
  logout_link : '<img src="http://www.htmlcommentbox.com/static/images/door_out.png" alt="[logout]" class="hcb-icon"/>',
  admin_link : '<img src="http://www.htmlcommentbox.com/static/images/door_in.png" alt="[login]" class="hcb-icon"/>',
  no_comments_msg: '<p>
Henüz kimse mesaj bırakmadı, ilk sen yaz!</p>
',
  add: '(+) mesajını ekle',
  rss: '<img src="http://www.htmlcommentbox.com/static/images/feed.png" class="hcb-icon" alt="rss"/> ',
  said: 'dedi ki:',
  prev_page:'<img src="http://www.htmlcommentbox.com/static/images/arrow_left.png" class="hcb-icon" alt="[prev]"/>',
  next_page:'<img src="http://www.htmlcommentbox.com/static/images/arrow_right.png" class="hcb-icon" alt="[next]"/>',
  showing:'gösteriliyor',
  to:'şuna cevaben:',
  website_label:'web site (zorunlu değil)',
  email_label:'eposta',
  anonymous:'Misafir',
  mod_label:'(mod)',
  subscribe:'Cevap verildiğinde bana mail at',
  
  msg_thankyou:'<b>Mesajın için teşekkürler!</b>',
  msg_approval:'(bu yorum sen onaylayana kadar yayınlanmayacak)',
  msg_approval_required:'<b>Teşekkürler! Mesajın yayınlanmadan önce bir moderatör tarafından onaylanacak.</b>',
  
  err_bad_html:'Mesajın kötü html içeriyor.',
  err_bad_email:'Lütfen geçerli bir e-posta adresi girin.',
  err_too_frequent:'Yeni bir mesaj göndermek için biraz beklemelisin.',
  err_comment_empty:'Mesajın boş!',
  MAX_CHARS: 2048,
  PAGE:'', // kod içerisinde değişiklik yapmak yasaktır.
  RELATIVE_DATES:true // bu kod ufakblog.blogspot.com a aittir.
};
</script>
<!-- ufakblog.blogspot.com kod bitişi -->

Merhaba arkadaslar.Bugun kod arsivimi karirstirirken isinize yariyacak super bir kod buldum.Sitenize sikca sorulan sorular eklemek istemissinizdir.Bu kodda tam size uygun.Cok kucuk bir kod ama isinizi goreceginden eminim.

Merhaba arkadaslar.Simdi paylasmakta oldugum bu eklenti son zamanlarda bircok blogda gordum ve hosuma gitti.Populer olan seyler her zaman ilgimi cekmistir.Bloglarinda yoruma cok onem verenler kullanabilirler.Kodlar biraz uzun.Hemen paylasiyorum...

<style type="text/css">

.top-commenter-line {margin: 3px 0;}
.top-commenter-line .profile-name-link {padding-left:0;}
.top-commenter-avatar {vertical-align:middle;}
</style>
<script type="text/javascript">
// CONFIG:
var maxTopCommenters = 8;   // how big a list of top commentators
var minComments = 1;        // how many comments must top commentator have at least
var numDays = 0;            // from how many days (ex. 30), or 0 from "all the time"
var excludeMe = true;       // true: exclude my own comments
var excludeUsers = ["Anonymous", "someotherusertoexclude"];     // exclude these usernames
var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';      // empty, or Anonymous user name localized if you want to localize
//
var sizeAvatar = 28;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAaPcuvznW8NQQQsD05pZOlEvz6OUsqFwOZYgTvB3iYBqBxdapdLZVBMsVGGqXn0mXzOu7JGdmtTSQlhmDYchyphenhyphenipippw9caWZmVyAVSwjNu4czXMIl_YZGJ78m_ZZVc9ilg4mK-77aSg/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var urlMyProfile = ''; // set if you have no profile gadget on page
var urlMyAvatar = '';  // can be empty (then it is fetched) or url to image
// config end
// 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 = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  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>

Merhaba arkadaslar.Bu arlar bircok sitede gordugum bir kodu sizlerle paylasacagim.Bu kodu kendi sitemdede kullanmaktayim.Yon tuslariyla yayinlar arasi gecis yapabilme yetenegi kazandirmaya yarayan bu kodun eklenmesi cok basit.Hemen anlatayim.
Panel > Sablon > HTML yi Duzenle  buradan Ctrl+F kisayoluyla <head> kodunu bulun.Asagidaki kodu bunun hemen altina ekleyin.

<script type='text/javascript'>window.onload = functionundefined){document.onkeyup = functionundefinedevent){if undefineddocument.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;event = event || window.event;switchundefinedevent.keyCode){case 37:var newerLink = document.getElementByIdundefined'Blog2_blog-pager-newer-link');ifundefinednewerLink !=null) window.location.href = newerLink.href;break;case 39:var olderLink = document.getElementByIdundefined'Blog2_blog-pager-older-link');ifundefinedolderLink!=null) window.location.href = olderLink.href;}};};</script>

Merhaba arkadaslar.Simdi sizlere BlogHocam'dan buldugum bir eklentiyi paylasacagim.Blogunuza e-posta aboneligi eklemek istiyorsaniz kesinlikle bu eklenti  aralarinda en iyisidir.Hemen sizlere kisaca e-posta aboneliginin yararini anlatayim.Kullanicilar sitenize abone olurlar.Daha sonra sizler her yayin paylasinizda kullanicinin mail adresine bildirim gider.Bu sayede ister istemez sizin yayininiza goz atmis olur.Bu da okuyucu kitlenizin artmasinda buyuk rol oynar.Hemen kodlari vereyim.Kodlar yine ayni sekilde ekleniyor.

Kullanici paneli > Yerlesim > Gadget Ekle > HTML / Javascript

<style> 
#subscribe { 
  float:right; 
  width:258px; 
  padding:10px; 
  margin:0 0 20px 0; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_5gaWMPuKZ0Jv5bI1IRXjhVUi5Wn30tbhOSgkstbv7x4OiUr27B69pmEUh7FqU81JD5UQKV0e6Nc2wqQtCVPHLZesMM4xWKV2kuDm304kMf9XOOPpPcNjJ91_mkFQsevh5QIaH50jlRLn/s266/e-posta.png)  no-repeat 0px 0px; 
  -webkit-border-radius:5px; 
  -moz-border-radius:5px; 
  border-radius:5px 
  height:auto; 
border:1px solid #656E75; 
color:#000; 
font-weight:bold;
}
#subscribe h { 
font-size:12px; 
color:#F1921A; 
}
.feed { 
  width:260px; 
  min-height:60px; 
  margin:0 0 10px 0; 
  padding:0; 
} 
.input{ 
  margin:10px 7px 0 0; 
  float: left; 
  width: 175px; 
  padding: 4px 5px; 
  -webkit-border-radius:4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
border:1px solid #656E75 
}
.sbutton { 
  background:#F1921A; 
  margin:10px 0 0; 
  float: left; 
  height:26px; 
  border: 1px solid #656E75; 
  color: #fff; 
  width:65px; 
  -webkit-border-radius:4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
}
.sbutton:hover { 
  background:#E6E7E8; 
color:#669900; 
} 
</style> 
<div id='subscribe'> 
<div class='feed'> 
         <br/> 
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bloghocam&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-Mail Adresiniz...&quot;;}' onfocus='if (this.value == &quot;E-Mail Adresiniz...&quot;) {this.value = &quot;&quot;;}' type='text' value='E-Mail Adresiniz...'/> 
<input name='uri' type='hidden' value='bloghocam'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Abone Ol'/></form> 
       </div> 
       <div> 
       UfakBlog&#39;da yayınlanacak yeni yazılar e-mail adresinize gelsin. 
       </div></div>

Bugun sizlere bence her blogda bulunmasi gereken son yorumlar eklentisini paylasacagim.Bu eklenti cok hos bir gorunume sahip.Bu eklenti sayesinde blogunuza yorum yapan son kisilerin avatarlarini ve yorumlarini gorebileceksiniz.Blogunuza son yorumlar eklentisini eklemek icin yapmaniz gereken sadece asagidaki kodu sitenize eklemek.

Blog yonetim paneli > Yerlesim > Gadget ekle > HTML/Javascript 

.w2b_recent_comments li {       
    background: none !important;       
    margin: 0 0 6px !important;       
    padding: 0 0 6px 0 !important;       
    display: block;       
    clear: both;       
    overflow: hidden;       
    list-style: none;       
}       
  
.w2b_recent_comments li .avatarImage {       
    padding: 3px;       
    background: #fefefe;       
    -webkit-box-shadow: 0 1px 1px #ccc;       
    -moz-box-shadow: 0 1px 1px #ccc;       
    box-shadow: 0 1px 1px #ccc;       
    float: left;       
    margin: 0 6px 0 0;       
    position: relative;       
    overflow: hidden;       
}       
  
   
  
.w2b_recent_comments li img {       
    padding: 0px;       
    position: relative;       
    overflow: hidden;       
    display: block;       
}       
  
.w2b_recent_comments li span {       
    margin-top: 4px;       
    color: #666;       
    display: block;       
    font-size: 12px;             
    line-height: 1.4;       
}
<script type="text/javascript">       
//<![CDATA[       
    // Recent Comments Settings       
    var       
 numComments  = 5,       
showAvatar  = true,       
avatarSize  = 40,       
roundAvatar = true,       
 characters  = 40,       
showMorelink = false,       
moreLinktext = "Git »",       
defaultAvatar  = "http://www.gravatar.com/avatar/mm",       
hideCredits = true;       
//]]>       
</script>         <script src="http://dl.dropbox.com/u/94528358/OnurBaturSonYorumlarEklentisi.js" type="text/javascript"></script>          <script src="http://www.ufakblog.blogspot.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=10" type="text/javascript"></script>       

Twitter da paylastiklariniz neden bloggerda da gozukmesin?Bence gozukmesinde bir sakinca yok.Twitterda yazdiginiz tweetlerin ayni zamanda blog okuyucularinizada ulamasini istiyorsaniz bu bileseni kullanmalisiniz.Simdi size bunu nasil yapacaginizi anlatacagim.

1. Öncelikle twitter hesabımıza giriyoruz.Ardından Ayarlar'a basıyoruz.

1. Daha sonra sol tarafta bulunan menüden Bileşenler'e(Widgets) basıyoruz.

1. Yeni Oluştur butonuna basıyoruz.

1. Buradaki alanları kendimize göre düzenliyoruz ve Bileşen Oluştur(Create Widget) butonuna basıyoruz.

1. Kodumuzu Html/Javascript widgeti sayesinde istediğimiz yere yerleştiriyoruz.

Anlamayan arkadaslar icinde resimli anlatayim..

Merhaba arkadaslar.Onur Batur arkadasimiz bu temayi bloggera entegre etti.Ve ellerine saglik gayette guzel olmus.Uzun zamandir bir cok yerde gordum.Bende paylasmak istedim..

Demo indir

Merhaba arkadaslar.Bu eklenti uzun zamandir internette gordugum birseydi.Ama simdiye kadar kullanmak nasip olmadi.Twitter kusu siz sayfayi asagiya indirdiginizde sizi takip eder.Gercekten hos bir eklenti.Umarim begenirsiniz...

Tema Ozellikleri

-Renkli Yazı Başlığı

-Çok Fonksiyonlu Sosyal Ağ Bölümü

-Cufon Font Özelliği

-Benzer Yazılar Eklentisi

-Yazı Bilgisi

-Şık Tasarımlı Header

-Siteyle Birlikte Kayan Geliştirilmiş Çok Amaçlı Üst Menü

-Sade Görünümlü Footer

-Seo Puanı: 74

DEMO indir

Merhaba arkadaslar bugun sizlere bloggerin bizlere sundugu yeni bir eklentiden soz edecegim.Sizlerinde bildigi gibi sitemize iletisim formu eklerken cesitli HTML kodlari kullanarak olusturdugumuz formlari yeni bir sayfada okuyucularimiza sunuyorduk.HTML bilgisi olmayan arkadaslar bunu bile yapamiyordu.Fakat bloggerin bizlere sundugu bu hizmetle artik herkes iletisim formunu sitesine ekleyebilecek.Yalniz bu form gadget olarak eklenecek.Fakat biraz HTML bilgisi olan arkadaslar ise onu sablondan sokup farkli bir sayfaya ekleyebilirler.Ben anlattim artik gerisi size kalmis.Istediginiz sekilde kullanabilirsiniz...

Bu konuyu sitenizin estetigini biraz daha iyilestirmeniz icin yazdim.Bende bu sekilde kullaniyorum.Zaten uygulamasi cok basit.Asagida anlattigim gibi yapacaginiz iki adim var.Umarim isinize yaramistir.

Arkadaslar oncelikle Blogger>Sablon>HTML'yi duzenleye giriyoruz.Oradan asagidaki kodu buluyoruz.

Tema Özellikleri

Son derece şık bir arama formuRenkli side başlıklarıSponsorlar bölümüDost Bloglar bölümüHeader'in sağ üstünde sosyal ağlarHeader'in sağ altında 468x60 reklam alanı.Mükemmel görünüme sahip sayfalamaFooter'de menüTamamen hafızası küçültülmüş ve düzenlenmiş CSS yapısıHTML veya CSS'de gereksiz kodlar yok.Hızlı açılışKonu içine konu hakkında bilgi(kategori, tarih, saat, yazar, yorum)Konunun altına sosyal ağlarda paylaş bölümüGoogle Web FontBlogger için özenle hazırladığım title ve meta etiketleri.Güzel görünümlü yorum formu.
Not: Loguyu değiştirmek için; Şablon > HTML'yi Düzenle > Widget Şablonlarını Genişlet işaretleyip [CTRL]+[F] ile id='logo' aratın. Çıkan bölümde logoyu bulacaksınız.

DEMO indir

Dosya Şifresi: ozgurgorgulu.blogspot.com