Νέοι bloggers γεια σαςΕνα πανέμορφο script σας δείχνει πολύ εύκολα και κατατοπιστικά την αρίθμηση των αναρτήσεων σας.Είναι κώδικας CSS, και δεν επιβαρύνει το χρόνο στο άνοιγμα του blog σας.
Κάντε
copy-paste (αντιγραφή-επικόλληση) τον παρακάτω κώδικα σαν
gadget / javaScript πατήστε αποθήκευση, και μετά μετακινείστε το gadget ΑΚΡΙΒΩΣ ΚΑΤΩ ΑΠΟ ΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΣΑΣ .
<style type="text/CSS">
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #FFFFFF;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid FFFFFF;
background-color:#F6F6F6;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #000000;
background: #FFFFFF;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #000000;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000000;
}
</style>
<script type="text/JavaScript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount = 10;
var displayPageNum = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script>
***Πολύ σημαντικό, να μεταφέρετε το (κουτάκι) gadget ακριβώς κάτω από τις αναρτήσεις σας...***Τα χρώματα (σκούρα) είναι ρυθμισμένα για ανοιχτόχρωμο φόντο.Βρείτε άλλα χρώματα ΕΔΩ***ΠΟΛΥ ΣΗΜΑΝΤΙΚΟ: Δεν χρειάζεται να σβήσετε είτε τα βελάκια (αν έχετε βάλει) είτε τη φράση "παλαιότερες η νεότερες αναρτήσεις" ...αυτός ο κώδικας θα καλύψει όλα τα υπόλοιπα που έχετε προϋπάρχουν για τις σελίδες των αναρτήσεων...(και αν κομπλάρει, θα δείξει ότι προϋπήρχε σε εκείνο το χώρο (δηλ. βελάκια, η φράση)
Πατήστε ΑΠΟΘΗΚΕΥΣΗ και είστε έτοιμοι !!!
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
ΠΗΓΗ: (το βρήκα σε πολλά blogs, ενδεικτικά θα βάλω 2 :
1. http://snifan.blogspot.com
2. http://ekabitis-tips-tricks.blogspot.com/
(από τον φίλο εκαβίτη, πήρα τις περισσότερες πληροφορίες)
Νέοι bloggers γεια σας...Κατά καιρούς έχω παρουσιάσει διάφορους κώδικες παρουσίασης image gallery με διάφορες τεχνικές ! Από τα καλλίτερα ήταν το image zoom inner (από τα καλλίτερα ever), που εντυπωσίασαν ιδιαίτερα τους φίλους της φωτογραφίας.Σήμερα σας έχω έναν κώδικα CSS3 (δεν αργεί το άνοιγμα της σελίδας σας), που μεγεθύνει τις φωτογραφίες σας, όσο το ρυθμίσετε εσείς....
