twitter

Site tasarım kodları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Site tasarım kodları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
-----<a href="http://tutunesonverin.net" _fcksavedurl="http://tutunesonverin.net">tütüne son</a> <style type="text/css"> <!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
--> </style>  <style type="text/css"> <!--
td.nav:hover{background-image: url(http://temalar.googlepages.com/kirmizi-buton.png)}
td.nav{background-image: url(http://temalar.googlepages.com/kirmizi-buton.png);}
td.edit_below_nav{visibility: hidden;}
td.edit_content{background-image: url(url);width: 0px;}
td.edit_rechts_cbg{background-image: url(URL);}
td.nav a{color: #ffffff;font-size: 12px;font-weight: bold;text-align: center;}
body {background-image:url(http://img508.imageshack.us/img508/1653/bayrak26saqd1.jpg);}
td.edit_navi_headbg{background-image: url(url);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.edit_rechts_bottom{background-image: url(url);}
td.shouty{color:#ffffff;background-image: url(URL);background-color: #ffffff;border: 3px solid #c6c5c5;}
td.shouty2{color:#ffffff;background-image: url(URL);background-color: #ffffff;border: 3px solid #c6c5c5;}
td.shouty3{color:#ffffff;background-image: url(URL);background-color: #ffffff;border: 3px solid #c6c5c5;}
td.shouty4{color:#ffffff;background-image: url(URL);background-color: #ffffff;border: 3px solid #c6c5c5;}
td.shouty5{color:#ffffff;background-image: url(URL);background-color: #ffffff;border: 3px solid #c6c5c5;}
td.edit_rb_footer{visibility: hidden; width: 0px ;}
td.edit_content_top{background-image: url(http://temalar.googlepages.com/kirmizi-buton.png);}
td.edit_content_top:hover{background-image: url(http://temalar.googlepages.com/kirmizi-buton.png);}
td.edit_content_bottom2{background-image: url(http://temalar.googlepages.com/kirmizi-buton.png);}
td.edit_content_bottom{visibility: hidden;width: 0px;}
td.nav_heading{background-image: url(http://temalar.googlepages.com/kirmizi-buton.png);}
td.sidebar_heading{background-image:url(http://temalar.googlepages.com/kirmizi-buton.png);}
td.nav_heading a{color: #ffffff;font-size: 12px;font-weight: bold;text-align: center;}
td.edit_content_bottom2 a{color: #ffffff;font-size: 12px;font-weight: bold;text-align: center;}
td.sidebar_heading a{color: #ffffff;font-size: 12px;font-weight: bold;text-align: center;}
td.headline2{color:#ffffff;font-size: 12px;font-weight: bold;}
td.edit_header_full{background-image:url(logoburada.gif);}
--> </style>
YUKARDAKİ KOD ÖNİZLEME









5 Eylül 2015 Cumartesi | 0 yorum | Etiketler: , , ,

SİTENİNİZ HIZINI ÖLÇÜN

Alan Adlarınız: Sitelerinizin adresini yazın.(Maksimum 10 site)
 
(örn. ysntasarim.blogspot.com)
Blogunuza sosyal paylaşım butonları arıyorsanız, bu kod tam size göre! Blogger sitenizde görsel olarak aşırı dikkat çeken bu sosyal paylaşım eklentisi ile blogunuza uğrayan ziyaretçilere yazılarınızı sosyal paylaşım sitelerinde paylaşmasını sağlayabilirsiniz. Sosyal paylaşım butonları sayesinde web sitenize gelen ziyaretçi sayısını arttırabilirsiniz.

Blogger Sosyal Paylaşım Butonları

Sosyal paylaşım butonları yan tarafta ki resimde gördüğünüz gibi oldukça şık bir blogger eklentisidir. Gelelim Siteye eklemeye;

Blogger Yönetici Paneline giriş yapıyoruz

Yerleşim  > Gadget ekleye tıklıyoruz.

Açılan pencerede HTML/JavaScript'e tıklıyoruz.

Aşağıda ki kodu alıp açılan sayfaya yapıştırınve işlem tamamdır.
Kod:
<!--http://blogkaynagi.blogspot.com Blogger Sosyal Paylaşım Eklentisi Başlangıç-->
<div style="background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIdFh5iJQ1rrsdPqcfJwP8tb4N4s3ByUQeDnQf1lCtP-VHtrpNMfMlVYvdYBRR9Gl0D7nKoPRRHNDV1E9C3HTz4yKJOgewWcCQhGPVZY-OeHdMJMYnZEzrynCNohqgrjmvOi33XpP_6sdo/s1600/blogkaynagi+sosyal+eklenti.png) no-repeat; border: 1px solid #4891c1; box-shadow: 0px 0px 4px #888888; height: 250px; overflow: hidden !important; position: relative; width: 300px;">
<div style="left: 215px; position: absolute; top: 32px;">
<g:plusone annotation="none"></g:plusone></div>
<div style="left: 228px; overflow: hidden; position: absolute; top: 112px; width: 60px;">
<div class="fb-like" data-font="arial" data-layout="button_count" data-send="false" data-show-faces="false" data-width="150">
</div>
<div id="fb-root">
</div>
</div>
<script type="text/javascript">
<!-- http://blogkaynagi.blogspot.com Blogger Sosyal Paylaşım Eklentisi Bitiş -->
document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%6C%65%66%74%3A%20%31%33%30%70%78%3B%20%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%20%74%6F%70%3A%20%31%37%39%70%78%3B%22%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%74%77%69%74%74%65%72%2D%73%68%61%72%65%2D%62%75%74%74%6F%6E%22%20%64%61%74%61%2D%63%6F%75%6E%74%3D%22%6E%6F%6E%65%22%20%64%61%74%61%2D%6C%61%6E%67%3D%22%65%6E%22%20%64%61%74%61%2D%72%65%6C%61%74%65%64%3D%22%62%6C%6F%67%6B%61%79%6E%61%67%69%22%20%64%61%74%61%2D%76%69%61%3D%22%42%6C%6F%67%6B%61%79%6E%61%67%69%22%20%68%72%65%66%3D%22%68%74%74%70%73%3A%2F%2F%74%77%69%74%74%65%72%2E%63%6F%6D%2F%73%68%61%72%65%22%3E%54%77%65%65%74%3C%2F%61%3E%0A%3C%73%63%72%69%70%74%3E%21%66%75%6E%63%74%69%6F%6E%28%64%2C%73%2C%69%64%29%7B%76%61%72%20%6A%73%2C%66%6A%73%3D%64%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%73%29%5B%30%5D%3B%69%66%28%21%64%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%69%64%29%29%7B%6A%73%3D%64%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%73%29%3B%6A%73%2E%69%64%3D%69%64%3B%6A%73%2E%73%72%63%3D%22%2F%2F%70%6C%61%74%66%6F%72%6D%2E%74%77%69%74%74%65%72%2E%63%6F%6D%2F%77%69%64%67%65%74%73%2E%6A%73%22%3B%66%6A%73%2E%70%61%72%65%6E%74%4E%6F%64%65%2E%69%6E%73%65%72%74%42%65%66%6F%72%65%28%6A%73%2C%66%6A%73%29%3B%7D%7D%28%64%6F%63%75%6D%65%6E%74%2C%22%73%63%72%69%70%74%22%2C%22%74%77%69%74%74%65%72%2D%77%6A%73%22%29%3B%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%3E%28%66%75%6E%63%74%69%6F%6E%28%64%2C%73%2C%69%64%29%7B%76%61%72%20%6A%73%2C%66%6A%73%3D%64%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%73%29%5B%30%5D%3B%69%66%28%64%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%69%64%29%29%72%65%74%75%72%6E%3B%6A%73%3D%64%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%73%29%3B%6A%73%2E%69%64%3D%69%64%3B%6A%73%2E%73%72%63%3D%22%2F%2F%63%6F%6E%6E%65%63%74%2E%66%61%63%65%62%6F%6F%6B%2E%6E%65%74%2F%65%6E%5F%75%73%2F%61%6C%6C%2E%6A%73%23%78%66%62%6D%6C%3D%31%26%61%70%70%49%64%3D%33%35%38%31%36%35%33%39%37%36%31%34%31%39%37%22%3B%66%6A%73%2E%70%61%72%65%6E%74%4E%6F%64%65%2E%69%6E%73%65%72%74%42%65%66%6F%72%65%28%6A%73%2C%66%6A%73%29%7D%28%64%6F%63%75%6D%65%6E%74%2C%27%73%63%72%69%70%74%27%2C%27%66%61%63%65%62%6F%6F%6B%2D%6A%73%73%64%6B%27%29%29%3B%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%74%79%6C%65%3E%2E%67%65%62%65%70%64%3A%68%6F%76%65%72%7B%72%69%67%68%74%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%3C%2F%73%74%79%6C%65%3E%0A%0A%3C%21%2D%2D%68%74%74%70%3A%2F%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2D%2D%3E%0A%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%4A%61%76%61%73%63%72%69%70%74%22%3E%0A%3C%2F%73%63%72%69%70%74%3E%3C%2F%64%69%76%3E%0A%0A%0A%0A%3C%61%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%62%6F%74%74%6F%6D%3A%30%70%78%3B%72%69%67%68%74%3A%2D%31%30%30%70%78%3B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%6D%61%72%67%69%6E%3A%30%70%78%3B%70%61%64%64%69%6E%67%3A%30%70%78%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%68%65%69%67%68%74%3A%31%38%70%78%3B%77%69%64%74%68%3A%31%32%35%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%27%68%74%74%70%3A%2F%2F%34%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%70%48%38%64%74%77%67%31%66%37%67%2F%55%75%6A%50%77%44%73%64%47%72%49%2F%41%41%41%41%41%41%41%41%41%45%41%2F%68%31%52%6A%32%6C%45%36%72%4A%38%2F%73%31%36%30%30%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%70%6E%67%27%29%20%6E%6F%2D%72%65%70%65%61%74%3B%6F%70%61%63%69%74%79%3A%30%2E%35%3B%66%69%6C%74%65%72%3A%61%6C%70%68%61%28%6F%70%61%63%69%74%79%3D%35%30%29%3B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2E%74%72%2F%32%30%31%34%2F%30%31%2F%62%6C%6F%67%67%65%72%2D%73%6F%73%79%61%6C%2D%70%61%79%6C%61%73%69%6D%2D%65%6B%6C%65%6E%74%69%73%69%2E%68%74%6D%6C%22%20%63%6C%61%73%73%3D%22%67%65%62%65%70%64%22%3E%3C%2F%61%3E'));
</script></div>

Blogger'da ana sayfada ve sayfa başına gösterilecek konu sayısı Ayarlar > Yayınlar ve Yorumlar > En fazla şu kadar kayıt göster seçeneğinden ayarlanabiliyor. Fakat her ne kadar bu şekilde sayfa başına gösterilecek kayıtlar ayarlansa da sayfa navigasyonu arşivlere göreEski Kayıtlar ve Yeni Kayıtlar olmak üzere ikiye ayrılıyor. Blogger'da sayfa numaralandırma el ile kod eklenmediği sürece otomatik olarak ayarlanamıyor. Bu konumuzda sizlerle blogunuza sayfa numaralandırma eklentisi nasıl eklenir resimli bir şekilde anlatacağım.

Blogger Sayfa Numaralandırma - Page Navigation Eklentisi 

Tam olarak 7 adet birbirinden farklı stillere sahip blogger sayfa numaralandırma kodlarından öncelikle bir stil seçin. Stil seçtikten sonra:

Adım 1: Blogger Yönetici > Şablon > HTML'yi düzenle butonuna tıklayın.
Adım 2: Blogger şablon kodlarının bulunduğu alana tıklayıp CTRL + F 'e basıp Blogger kod arama butonunu açın.
Adım 3:  ]]></b:skin> kodunu aratın ve hemen üstüne aşağıdan seçmiş olduğunuz blogger sayfa numaralandırma stillerinden birini yapıştırın.

  • Stil 1
     #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
    .displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}
     .showpageOf{display:none!important}
    #blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}
     #blog-pager .pages{border:none;}

    blogger sayfa numaralandırma eklentisi
    •  Stil 2
     #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
    .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
    #blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
     .showpageOf{display:none!important}
    #blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

    blogger sayfa numaralandırma eklentisi

    • Stil 3
     #blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;}
    .displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;}
    a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;}
    #blog-pager .pages{border:none;background: none;}

    blogger sayfa numaralandırma eklentisi


    • Stil 4

      #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
    .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
    #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
     .showpageOf{display:none!important}
    #blog-pager .pages{border:none;}

    blogger sayfa numaralandırma eklentisi

    • Stil 5
     #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
    .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
    #blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
     .showpageOf{display:none!important}
    #blog-pager .pages{border:none;}

    blogger sayfa numaralandırma eklentisi
    • Stil 6
      #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
    .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
    #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
     .showpageOf{display:none!important}
    #blog-pager .pages{border:none;}

    blogger sayfa numaralandırma eklentisi

    • Stil 7
      #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
    .blog-pager {background: none;}
    .displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
    .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
    #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
     .showpageOf{display:none!important}
    #blog-pager .pages{border:none;}

    blogger sayfa numaralandırma eklentisi

    Page navigation stil kodlarından birini şablonlara ekledikten sonra sıra geldi gerekli Script kodlarını eklemeye.

    Adım 4: </body> kodunu aratın.
    Adım 5: Aşağıda ki scripti </body> 'nin üstüne yapıştırın

     <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <script type='text/javascript'>
      /*<![CDATA[*/
        var perPage=5;
        var numPages=6;
        var firstText ='İlk Sayfa';
        var lastText ='Son Sayfa';
        var prevText ='« Önceki';
        var nextText ='Sonraki »';
        var urlactivepage=location.href;
        var home_page="/";
      /*]]>*/
    </script>
      <script src="https://blogkaynagi-sayfa-numaralandirma.googlecode.com/svn/blogkaynagi-numaraland%C4%B1rma.js"/>
    </b:if>
    </b:if>

    Eklenti Ayarları 
    Eklentiyi blogunuza ekledikten sonra isterseniz Mavi ile renklendirilmiş alanları değiştirebilirsiniz.
        var perPage=5;  -Sayfa başına gösterilecek konu sayısı
        var numPages=6
        var firstText ='İlk Sayfa';
        var lastText ='Son Sayfa';
        var prevText ='« Önceki';
        var nextText ='Sonraki »';


    • var perPage=5; Sayfa başına gösterilecek konu sayısı. Bu ayar ana sayfada gösterilecek kayıt sayısı ile aynı olmalıdır. Ayarlar > Yayınlar ve Yorumlar > En fazla şu kadar kayıt göster seçeneğinin den ana sayfada gösterilecek kayıtları ayarlayabilirsiniz.
    • var numPages=6; Sayfa numaralandırma da gösterilecek sayfa sayısı.
    Adım 6: Şablonu Kaydet butonuna tıklayıp eklentinin keyfini çıkarabilirsiniz!