Kategoriler: Blogger

Blogger sayfalandırma eklentisi

Blogger için Daha eski kayıtlar ve Daha yeni kayıtlar yerine bu sayfaların hepsini sayfalandıralım, bu blogunuza tasarım açısından da güzellik katacaktır.

Öncelikle tasarımızda şu kodu bulalım.

]]></b:skin>

Bulduğumuz kodun üstüne şu kodları ekleyelim.

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #888;
background: #ccc url
(http://2.bp.blogspot.com/-YgTpGYBvcXs/TqrI3EHV3jI/AAAAAAAACFs/lNUj1Iwuomg/s1600/wp1.jpg)
0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url
(http://2.bp.blogspot.com/-YgTpGYBvcXs/TqrI3EHV3jI/AAAAAAAACFs/lNUj1Iwuomg/s1600/wp1.jpg)
0 0 repeat-x;
text-decoration: none;
}

Daha sonra tasarımızda,

</body>

kodunu buluyoruz ve üstüne aşağıdaki kodları ekliyoruz.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://dl.dropbox.com/u/29281608/JS%20Dosyalar%C4%B1/blogger-page-navi.v1.js'
type='text/javascript'/>
</b:if>

Tamamdır 🙂 Tasarımı kaydedin çıkın, sağlıcakla kalın.

Furkan Özden @frknzdn

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

Paylaş
Yazar
Furkan Özden @frknzdn
Etiketler: Blogger Eklentileri

Son Gönderiler

Google Chrome için Karanlık Mod Nasıl Etkinleştirilir?

  Google Chrome, masaüstü ve mobil cihazlar için karanlık bir moda sahiptir. Ancak etkinleştirmek beklediğiniz kadar kolay değildir. Bazı tarayıcıların…

1 hafta önce

Konuk Yazar Alırken Dikkat Edilmesi Gereken 7 Nokta

Bloğunuzda konuk yayınlarına izin vermeyi hiç düşündünüz mü? Ben her ne kadar kendi bloğumda konuk yayınlarına pek yer vermesem de…

3 hafta önce

Blog Gönderileriniz İçin Kullanabileceğiniz 5 Görsel Türü

Stok fotoğrafçılığından grafiklere, çizelgelere ve infografiklere blog gönderilerinizde göstermek için kullanabileceğiniz resim türleri çoktur. Peki hangi gönderi için hangi türü…

1 ay önce

CS:GO Bind Komutları Nasıl Kullanılır?

Counter-Strike: Global Offensive herkesin eğlenebileceği kadar basit aynı zamanda en uzman oyuncuları bile tatmin edecek kadar karmaşık bir oyundur. Oyundaki…

2 ay önce

The Conjuring Evreni Filmleri Hangi Sırayla İzlenmeli?

Conjuring ve Annabelle filmleri iki farklı sırada izlenebilir. Annabelle Comes Home'un vizyona girmesiyle birlikte The Conjuring evreni toplamda yedi filme…

2 ay önce

Oyuncu Kulaklığı Sektörü

Oyun dünyasındaki gelişimi birçok sektöründe yakından takibinde ve bu alana yönelmesinde öncü olmuş durumda. Günümüzde birçok markanın bilgisayarlarını bu alanda…

3 ay önce