Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Blogger da sayfa numaralandırma eklentisi

      Blogger da blogumuzda aşağıdaki resimde görüldüğü gibi önceki kayıtlar ve sonraki kayıtlar şeklinde butonlar bulunmaktadır.Bu butonların yerine sayfa numaralandırması yaparak blogumuzu kullanıcıların daha kolay kullanabilmesini sağlayabiliriz.Hem bu şekilde blogumuzun sayfaları arasında gezmek de daha kolay bir yol alacaktır.Blogger da blogumuza sayfa numaralandırma eklentisi ni uygulamak için aşağıdaki adımları blogunuza uygulayarak en son resimdeki gibi bir sonuca ulaşabilirirz
Blogger da sayfa numaralandırma eklentisi

  • Blogger adresimize giriş yapıyoruz.Şablon html'yi düzenle ye tıklıyoruz.
  • Açılan sayfada Ctrl+F yardımı ile ]]></b:skin> kodunu buluyoruz.
  • Bu kodun hemen üst satırına aşağıdaki kodları yapıştırıyoruz.
                                     .showpageNum a {
                                      font-size:14px;font-weight:bold;
                                      color:#006699;
                                      border:1px solid #CCC;
                                      padding-top:2px;
                                      padding-left:3px;
                                      padding-right:3px;
                                      margin-left:2px;
                                      margin-right:2px;
                                      }
                                     .showpageNum a:hover {
                                     text-decoration:none;
                                     color:#3c78a7;
                                     border:1px solid #1584d9;
                                     background:#f0f4f7;
                                     }
                                    .showpagePoint {
                                     background:#3c78a7;
                                     font-size:14px;font-weight:bold;
                                     padding-top:2px;
                                     padding-left:3px;
                                     padding-right:3px;
                                     color:#fff;
                                     border:1px solid #CCC;
                                     }
                                     .showpageOf {
                                     clear:both;
                                     padding:15px;
                                     text-align:center;
                                     font-size:12px;
                                     font-weight:bold;
                                     color:#999;
                                     }
                                    .showpage a {
                                     font-size:14px;font-weight:bold;
                                     padding-top:2px;
                                     padding-left:3px;
                                     padding-right:3px;
                                     color:#006699;
                                     border:1px solid #CCC;
                                     }
                                     .showpage a:hover {
                                    border:1px solid #1584d9;
                                    text-decoration:none;
                                    }

  • Daha sonra </body> kodunu Ctrl+F yardımı ile aratıp buluyoruz ve bu kodun hemen bir üst satırına aşağıdaki kodları yapıştırıyoruz.

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Önceki';
var downPageWord ='Sonraki';
</script>
<script src='http://tema.dataservis.org/eklentiler/blogger-numaralandirma.js' type='text/javascript'></script>


  • Kaydet'e tıklıyoruz ve çıkıyoruz.


Sonuç olarak aşağıda bulunan resimdeki bir görüntü elde etmiş oluyoruz.


Blogger da sayfa numaralandırma eklentisi




  Bir önceki yazımda Facebook ta Hashtag # kullanımı başlıyor mu adlı makalemde Facebook un hashtag kullanmaya başlayacağı hakkında bilgiler verilmektedir.







Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon