Blogger Sayfa Numaralarını Renklendirme

Blogger sayfanın en altında bulunan yazılarımızın kaç tane olduğunu gösteren ve sayfa numaralarını ifade eden bölümü hepimiz biliriz,daha önce bir çok stilde örnekler görmüştüm ama eklemesi zor oluyordu şimdiki bu altta sizlere göstermiş olduğum eklentiler Yeşil / Mavi / Turuncu olarak üç stilden oluşuyor her bloga güzel yakışacağını düşündüğüm bu eklentileri sizlerle paylaşıyorum örnek demosuna gerek yok zaten resimler sizlere gösteriyor.Eklemesi oldukça basit bilindiği gibi Blogger Paneli >> Yerleşim >> Gatget Ekle >> HTML/JavaScript'in içersine ekliyoruz ve kaydet diyoruz bu kadar.

Stil-1

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {  background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmbKjwYrsC4WnVciOG_HBPIV3hilP81EFBOZBRlyWNJItVTCfh8UOTKVLfqTBjGsYayYkgozbvHs2TRasm1A_e-XB5G4sGpo5sdgP9ivgXsKf_h-EZJIB-OvSjnapGHz7FCNBGvThKzT8/s1600/darkblue.png) repeat-x;  border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;  margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;  }.showpageNum a:hover,.showpage a:hover { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmbKjwYrsC4WnVciOG_HBPIV3hilP81EFBOZBRlyWNJItVTCfh8UOTKVLfqTBjGsYayYkgozbvHs2TRasm1A_e-XB5G4sGpo5sdgP9ivgXsKf_h-EZJIB-OvSjnapGHz7FCNBGvThKzT8/s1600/darkblue.png) repeat-x;  border:2px solid #5C8CFB;-webkit-border-radius:7px;   -moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;  }.showpageOf{  margin:0 8px 0 0; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmbKjwYrsC4WnVciOG_HBPIV3hilP81EFBOZBRlyWNJItVTCfh8UOTKVLfqTBjGsYayYkgozbvHs2TRasm1A_e-XB5G4sGpo5sdgP9ivgXsKf_h-EZJIB-OvSjnapGHz7FCNBGvThKzT8/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; line-height:30px;padding:3px 10px;color:#FFF;  }.showpagePoint {  background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmbKjwYrsC4WnVciOG_HBPIV3hilP81EFBOZBRlyWNJItVTCfh8UOTKVLfqTBjGsYayYkgozbvHs2TRasm1A_e-XB5G4sGpo5sdgP9ivgXsKf_h-EZJIB-OvSjnapGHz7FCNBGvThKzT8/s1600/darkblue.png) repeat-x;  margin:0 3px 0 3px;padding:3px 10px;  line-height:30px;cursor:pointer;white-space:nowrap;  border:2px solid #5C8CFF;-webkit-border-radius:7px;   -moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;  } </style>   <a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO3CaG0dBYqB56aD3Cve2KafdVjaLWs2Rf815em4g4Y4Sje4C15uZcpBhLAB2DkuTs6HtKspMM0qWAK6dxWbGsSwX8B1yjAeqINN4AV82JFrgBpDOYx_ALpUnjgFH72DuZhyphenhyphenb7PAfpFjs/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> <script style='text/javascript'> var postperpage=5; var numshowpage=3; var upPageWord="Önceki"; var downPageWord="Sonraki"; var home_page="/"; var urlactivepage=location.href;

Stil-2

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUwYelNAOTvqCA3anlHlkjxCRM0M3-FsOZIT7dH6NkeED6uqJ1vSSfsNjVXV-L7d0FKNe5b61J_AEr8uQyxKdxc6R-EAlK2XC7WGYLZmq2klT_peNiv-Rqfjk4lLICxqUd3dTaqdBEO7E/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; margin:0px 1px 0 1px;padding:3px 10px;color:#EEEEEE;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUwYelNAOTvqCA3anlHlkjxCRM0M3-FsOZIT7dH6NkeED6uqJ1vSSfsNjVXV-L7d0FKNe5b61J_AEr8uQyxKdxc6R-EAlK2XC7WGYLZmq2klT_peNiv-Rqfjk4lLICxqUd3dTaqdBEO7E/s1600/yellow-butt.png) repeat-x;background-position:-10px -43px; border:1px solid #FB5106;-webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUwYelNAOTvqCA3anlHlkjxCRM0M3-FsOZIT7dH6NkeED6uqJ1vSSfsNjVXV-L7d0FKNe5b61J_AEr8uQyxKdxc6R-EAlK2XC7WGYLZmq2klT_peNiv-Rqfjk4lLICxqUd3dTaqdBEO7E/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;line-height:30px;padding:3px 10px;color:#ffffff;}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUwYelNAOTvqCA3anlHlkjxCRM0M3-FsOZIT7dH6NkeED6uqJ1vSSfsNjVXV-L7d0FKNe5b61J_AEr8uQyxKdxc6R-EAlK2XC7WGYLZmq2klT_peNiv-Rqfjk4lLICxqUd3dTaqdBEO7E/s1600/yellow-butt.png) repeat-x;background-position:-55px -43px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:1px solid #FB5106;-webkit-border-radius:7px;  -moz-border-radius:7px;border-radius:7px;color:#FFFFFF;text-decoration:underline;font-weight:bold;} </style>  <a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO3CaG0dBYqB56aD3Cve2KafdVjaLWs2Rf815em4g4Y4Sje4C15uZcpBhLAB2DkuTs6HtKspMM0qWAK6dxWbGsSwX8B1yjAeqINN4AV82JFrgBpDOYx_ALpUnjgFH72DuZhyphenhyphenb7PAfpFjs/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> <script style='text/javascript'> var postperpage=5; var numshowpage=3; var upPageWord="Önceki"; var downPageWord="Sonraki"; var home_page="/"; var urlactivepage=location.href;

Stil - 3

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLEg0dN3AmeLrgY2K_nhDcvVDsbLhnQ9oUVzlRhx26Qn4KEkGuNQSvZMbbznMIYaWGWFaRYm8Jr6S5177YQQbGikjCXQrAybtLO5uB1ZH4miuGdN4V1YqmNgugsaNwSrjSrM8SBKaBu8/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLEg0dN3AmeLrgY2K_nhDcvVDsbLhnQ9oUVzlRhx26Qn4KEkGuNQSvZMbbznMIYaWGWFaRYm8Jr6S5177YQQbGikjCXQrAybtLO5uB1ZH4miuGdN4V1YqmNgugsaNwSrjSrM8SBKaBu8/s1600/greendiamond.png) repeat-x;background-position:0px -30px; border:2px solid #006666;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLEg0dN3AmeLrgY2K_nhDcvVDsbLhnQ9oUVzlRhx26Qn4KEkGuNQSvZMbbznMIYaWGWFaRYm8Jr6S5177YQQbGikjCXQrAybtLO5uB1ZH4miuGdN4V1YqmNgugsaNwSrjSrM8SBKaBu8/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLEg0dN3AmeLrgY2K_nhDcvVDsbLhnQ9oUVzlRhx26Qn4KEkGuNQSvZMbbznMIYaWGWFaRYm8Jr6S5177YQQbGikjCXQrAybtLO5uB1ZH4miuGdN4V1YqmNgugsaNwSrjSrM8SBKaBu8/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px;  -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style>   <a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO3CaG0dBYqB56aD3Cve2KafdVjaLWs2Rf815em4g4Y4Sje4C15uZcpBhLAB2DkuTs6HtKspMM0qWAK6dxWbGsSwX8B1yjAeqINN4AV82JFrgBpDOYx_ALpUnjgFH72DuZhyphenhyphenb7PAfpFjs/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> <script style='text/javascript'> var postperpage=5; var numshowpage=3; var upPageWord="Önceki"; var downPageWord="Sonraki"; var home_page="/"; var urlactivepage=location.href;

Güle güle kullanın :)