Sayfanıza Numaralandırma Ekleyin

4 dakika


45
9 Paylaşım, 45 Beğeni
sayfa numaralandırma

Sayfanıza Numaralandırma eklemek ister misiniz ? Çok kolay ve basit sadece yazıyı okuyun bu size ne kazandıracak ? En önemlisi;

  1. Sayfanıza kaliteli görsellik.
  2. Kullanıcılar için görünürlük ve anlaşılırlık
  3. İstediği sayfaya kolayca ulaşma
  4. Sizi daha farklı yapan blog..
  5. Basit anlaşılır görünüm.
  6. Her yeni sayfaya çok basit ulaşmak
  7. Kullanıcının rahatça gezinmesi.
  8. Olduklarından farklı, kaliteli tasarımlar oluşturmak için

En kolay yolu aşağıdaki kodu HTML’Yİ DUZENLE > GADGET EKLE KISMINA EKLEMENİZ.

<!– Stylish Colored Page Navigation Widget For Blogger sosyofikir @ http://www.sosyofikir.com –><style type=”text/css”> #blog-pager{padding:5px 0 !important;clear:both;} .showpageArea {font-weight: bold;margin:5px;} .showpageArea a {text-decoration:underline;color: #fff;} .showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #3b679e; background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#3b679e’, endColorstr=’#7db9e8′,GradientType=0 ); } .showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #aebcbf; background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#aebcbf’, endColorstr=’#0a0809′,GradientType=0 ); } .showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#e2e2e2′, endColorstr=’#fefefe’,GradientType=0 ); } .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;} .showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;} </style><script type=”text/javascript”> var home_page=”/”; var urlactivepage=location.href; var postperpage=5; var numshowpage=5; var upPageWord =’Önceki’; var downPageWord =’Sonraki’; </script><br /> <script src=’http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js’ type=’text/javascript’></script><br /> <!– Stylish colored Numbered Page Navigation Widget For Blogger By Blog Okulu @ http://www.sosyofikir.com –></body></html></body></html><br /> <span style=”background-color: #f3f3f3;”><span style=”line-height: 20px;”>DDSA</span></span><br /> <span style=”background-color: #f3f3f3;”><span style=”line-height: 20px;”><br /> </span></span><br /> <span style=”background-color: #f3f3f3;”><span style=”line-height: 20px;”><br /> </span></span><br /> <span style=”background-color: #f3f3f3;”><span style=”line-height: 20px;”><br /> </span><span style=”line-height: 20px;”><br /> </span></span></div><div style=”float: left; width: 250px;”><span style=”background-color: #f3f3f3; line-height: 20px;”><br /> </span></div><div style=”float: left; text-align: left; width: 250px;”><b style=”background-color: #f3f3f3; color: #666666; font-family: verdana; font-size: 12px; line-height: 20px;”>                                                   </b></div><div class=”separator” style=”clear: both; text-align: center;”></div><div style=”float: left; text-align: left; width: 250px;”><span style=”background-color: #f3f3f3;”><span style=”line-height: 20px;”>1.Aşama </span><b style=”color: #666666; font-family: verdana; font-size: 12px; line-height: 20px;”>]]></b:skin></b></span></div><div style=”float: left; text-align: left; width: 250px;”><span style=”background-color: #f3f3f3; line-height: 20px;”>Sırasıyla Blogger Kullanıcı Paneli>Tasarım>Html’yi Düzenle ve şu kodu bulun : </span></div><div style=”float: left; text-align: left; width: 250px;”><b style=”background-color: #f3f3f3; color: #666666; font-family: verdana; font-size: 12px; line-height: 20px;”><br /> </b><br /> <b style=”background-color: #f3f3f3; color: #666666; font-family: verdana; font-size: 12px; line-height: 20px;”><br /> </b><br /> <span style=”background-color: #f3f3f3;”><b style=”color: #666666; font-family: verdana; font-size: 12px; line-height: 20px;”>2.Aşama    </b><span style=”text-align: center;”>Bu kodun hemen altına aşağıdaki kodu yapıştırın..</span></span></div><div class=”separator” style=”clear: both; text-align: center;”><a href=”http://2.bp.blogspot.com/-8q0lkpaeKKM/T2ofvgW6foI/AAAAAAAAAf4/iDJXiKRvAR4/s1600/ste.jpg” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img alt=”sayfa numaralandırma” border=”0″ height=”285″ src=”http://www.sosyofikir.com/wp-content/uploads/2012/03/ste.jpg” width=”320″ /></a></div><div class=”separator” style=”clear: both; text-align: center;”><br /> </div><span style=”background-color: #f3f3f3;”><br /> </span><br /> <br /> <br /> <br /> <br /> <center><textarea cols=”30″ rows=”3″ style=”height: 68px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 496px;”>.showpageArea a {<br /> text-decoration:underline;<br /> }<br /> .showpageNum a {<br /> text-decoration:none;<br /> border: 1px solid #ccc;<br /> margin:0 3px;<br /> padding:3px;<br /> }<br /> .showpageNum a:hover {<br /> border: 1px solid #ccc;<br /> background-color:#ccc;<br /> }<br /> .showpagePoint {<br /> color:#333;<br /> text-decoration:none;<br /> border: 1px solid #ccc;<br /> background: #ccc;<br /> margin:0 3px;<br /> padding:3px;<br /> }<br /> .showpageOf {<br /> text-decoration:none;<br /> padding:3px;<br /> margin: 0 3px 0 0;<br /> }<br /> .showpage a {<br /> text-decoration:none;<br /> border: 1px solid #ccc;<br /> padding:3px;<br /> }<br /> .showpage a:hover {<br /> text-decoration:none;<br /> }<br /> .showpageNum a:link,.showpage a:link {<br /> text-decoration:none;<br /> color:#333;<br /> }</body></html><br /> <span style=”background-color: #f3f3f3;”>İşleminiz tamamlandı.</span>


Beğendiniz mi? Arkadaşlarınızla Paylaşın!

45
9 Paylaşım, 45 Beğeni

Sizin Tepkiniz Nedir?

Beğendim Beğendim
0
Beğendim
Beğenmedim Beğenmedim
0
Beğenmedim
Şaşırdım Şaşırdım
0
Şaşırdım
Güldüm Güldüm
0
Güldüm
İnanılmaz İnanılmaz
0
İnanılmaz
Kızdım Kızdım
0
Kızdım
Oha Oha
0
Oha

Yorum

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bir format seç
Kişisel Test
Kişisel bir şey ortaya koymayı amaçlayan sorular dizisi
Basit Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar verme ya da görüş belirleme/oy verme
Serbest Yazı
Yazılarınıza Görseller Bağlantılar Ekleyebilirsiniz
Liste
Klasik İnternet Listeleri
Geri Sayım Listesi
Klasik İnternet Geri Sayım Listeleri
Açık Liste
Kendi öğenizi gönderin ve en iyi sunum için oy verin
Oylanabilir Liste
En iyi liste öğesine karar vermek için yukarı veya aşağı basın