Безплатен блог на платформата Blogger (blogspot). Създаване, водене, персонализиране, дизайн, притурки в примери. Препоръки и съвети за начинаещи и напреднали блогъри.

Търсене

Breaking

Карта на блога по дата на публикуване

Карта на блога по дата
Здравейте, приятели. Откакто преминахме от протокол „http“ на протокол „https“ много от съществуващите скриптове на карти на блоговете ни спряха да работят. След дълго търсене и преработване подбрах няколко, които са работещи и могат и да ви послужат.



    Тази карта на блога за Blogspot е съдържание на публикациите в него с много просто и бързо зареждане, защото показва само заглавията им във вид на списък. Списъкът на публикациите е сортиран по датата на публикуване, като се започва от най-новата и се стигне до най-старата.
    Ако искате да използвате постоянно тази карта в блога си добавете този код от над

    ]]> </ b: skin> или </style> 


    CSS код



    /* Blogger Sitemap Simple Title Only */
    #sitemap3 .judul {font-size:150%; background-color:#008c5f; color:#fff; font-weight:600; text-align:center; margin-bottom:20px; padding:15px;}
    #sitemap3 a {color:#666; text-decoration:none; transition:all .3s ease;}
    #sitemap3 a:hover {color:#000;}
    #sitemap3 ol {margin:0px; padding:0px;}

    #sitemap3 ol li {color:#666; font-weight:400; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}


    Следва основният код за показване на съдържанието на Blogger, който се вписва в страницата, а тя задължително е статична. Когато работите, уверете се, че сте избрали опцията HTML, а не Нова публикация. Копирайте следния код в Html редактора (мястото на писане).

    JS код



    <div id="sitemap3">Loading....</div>
    <script> //<![CDATA[
    /* Blogger Sitemap Simple Title Only */
    var start=1;var max=150;var sitemap3Arr=new Array();function runSitemap3(){var scpt=document.createElement('script');scpt.src='/feeds/posts/summary?alt=json&callback=sitemap3&start-index='+start+'&max-results='+max;document.body.appendChild(scpt)} function sitemap3(root){var elem=document.getElementById('sitemap3');if(!elem)return;elem.innerHTML='';var feed=root.feed;if(feed.entry.length>0){for(var i=0;i<feed.entry.length;i++){var entry=feed.entry[i];var title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=="alternate"){var url=entry.link[j].href;if(url&&url.length>0&&title&&title.length>0){sitemap3Arr.push({'url':url,'judul':title})} break}}} if(feed.entry.length>=max){start+=max;runSitemap3()} else{var print='';for(var x=0;x<sitemap3Arr.length;x++){print+='<li><a href=\"'+sitemap3Arr[x].url+'\" title=\"'+sitemap3Arr[x].judul+'\">'+sitemap3Arr[x].judul+'</a></li>'}
    elem.innerHTML='<div class=\"judul\">Total Post: '+sitemap3Arr.length+'</div><ol>'+print+'</ol>'}}} runSitemap3();

    //]]> </script>



    Посоченият по-горе код използва само чист JavaScript, не се използват каквито и да е библиотеки jQuery. Пример от обикновена карта на блога, съдържаща само заглавията на публикациите, сортирани по дата, можете да видите тук.
    Ако сте решили да имате тази обикновена карта за блога си за кратко време и смятате да я замените след време с друга, ето и

    Целият код, който ще впишете в статичната страница



    <style>
    /* Blogger Sitemap Simple Title Only */
    #sitemap3 .judul {font-size:150%; background-color:#008c5f; color:#fff; font-weight:600; text-align:center; margin-bottom:20px; padding:15px;}
    #sitemap3 a {color:#666; text-decoration:none; transition:all .3s ease;}
    #sitemap3 a:hover {color:#000;}
    #sitemap3 ol {margin:0px; padding:0px;}
    #sitemap3 ol li {color:#666; font-weight:400; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}
    </style>
    <div id="sitemap3">Loading....</div>
    <script> //<![CDATA[
    /* Blogger Sitemap Simple Title Only */
    var start=1;var max=150;var sitemap3Arr=new Array();function runSitemap3(){var scpt=document.createElement('script');scpt.src='/feeds/posts/summary?alt=json&callback=sitemap3&start-index='+start+'&max-results='+max;document.body.appendChild(scpt)} function sitemap3(root){var elem=document.getElementById('sitemap3');if(!elem)return;elem.innerHTML='';var feed=root.feed;if(feed.entry.length>0){for(var i=0;i<feed.entry.length;i++){var entry=feed.entry[i];var title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=="alternate"){var url=entry.link[j].href;if(url&&url.length>0&&title&&title.length>0){sitemap3Arr.push({'url':url,'judul':title})} break}}} if(feed.entry.length>=max){start+=max;runSitemap3()} else{var print='';for(var x=0;x<sitemap3Arr.length;x++){print+='<li><a href=\"'+sitemap3Arr[x].url+'\" title=\"'+sitemap3Arr[x].judul+'\">'+sitemap3Arr[x].judul+'</a></li>'}
    elem.innerHTML='<div class=\"judul\">Total Post: '+sitemap3Arr.length+'</div><ol>'+print+'</ol>'}}} runSitemap3();

    //]]> </script>


    Моля за мнения и коментари.

    Здраве за всички вас! Не забравяйте да правите добро на други хора!

    Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:

    BGtop

    2 коментара:

    1. Илияна Дочева7:24

      Здравейте, споделям мнението ви за скриптовете на картите на блога. Аз самата имам проблем с картата на блога си. Но тази, която видях тук е много елементарна. Ще чакам друга ваша публикация.

      ОтговорИзтриване
      Отговори
      1. Здравейте, вярно е, че тази е много елементарна. Но работи. Подготвила съм още варианти, ще ги публикувам скоро. И очаквам вашето, важно за мен, мнение. Поздрави!

        Изтриване