красивая карта блога с отображением всех опубликованных статей

Привет, друзья. Очередная карта блога у меня сегодня для вас. Уж каких только не было, но эту, перед тем как писать пост, я экспериментировала несколько месяцев на предмет качества и работоспособности. И пока результатом осталась довольна. Она чётко выводит все статьи, по сравнению с многими, который публикуют только 150 последних. И не говорю уже о тех картах, которые  просто слетали одна за другой.

карта блога


Не забрасывайте меня помидорами если и с этой вдруг что случится. Нашла я её на сайте DTE и немного перекроила. Посмотреть вы её можете на этом моём блоге.

Что мы имеем в этой карте блога
  • Красиво оформленный внешний вид с полосой прокрутки.
  • Карта отображает все опубликованные посты от новых до самых ранних.
  • Показана дата публикации к постам.
  • Отображаются заданные ярлыки при клики на которые открывается страница со всеми статьями данного ярлыка.
  • При наведении на заголовок статьи появляется всплывающее окно с кратким анонсом.
  • Карту блога можно легко настроить под ваш дизайн.
  • Легко устанавливается на странице. 
Если решились сделать на своём блоге такую, копируйте без изменений следующий код.

<div id="bp_toc" style="max-height:1300px;overflow:scroll;overflow-x:auto;">
</div>
<script type='text/javascript'>
//<![CDATA[

   var postTitle = new Array();     // array of posttitles
   var postUrl = new Array();       // array of posturls
   var postDate = new Array();      // array of post publish dates
   var postSum = new Array();       // array of post summaries
   var postLabels = new Array();    // array of post labels
// global variables
   var sortBy = "datenewest";         // default value for sorting ToC
   var tocLoaded = false;           // true if feed is read and ToC can be displayed
   var numChars = 250;              // number of characters in post summary
   var postFilter = '';             // default filter value
   var tocdiv = document.getElementById("bp_toc"); //the toc container
   var totalEntires =0; //Entries grabbed till now
   var totalPosts =0; //Total number of posts in the blog.
// main callback function
function loadtoc(json) {
   function getPostData() {
   // this functions reads all postdata from the json-feed and stores it in arrays
      if ("entry" in json.feed) {
         var numEntries = json.feed.entry.length;
         totalEntires = totalEntires + numEntries;
         totalPosts=json.feed.openSearch$totalResults.$t
         if(totalPosts>totalEntires)
         {
         var nextjsoncall = document.createElement('script');
         nextjsoncall.type = 'text/javascript';
         startindex=totalEntires+1;
         nextjsoncall.setAttribute("src", "/feeds/posts/summary?start-index=" + startindex + "&max-results=500&alt=json-in-script&callback=loadtoc");
         tocdiv.appendChild(nextjsoncall);
         }
      // main loop gets all the entries from the feed
         for (var i = 0; i < numEntries; i++) {
         // get the entry from the feed
            var entry = json.feed.entry[i];
         // get the posttitle from the entry
            var posttitle = entry.title.$t;
         // get the post date from the entry
            var postdate = entry.published.$t.substring(0,10);
         // get the post url from the entry
            var posturl;
            for (var k = 0; k < entry.link.length; k++) {
               if (entry.link[k].rel == 'alternate') {
               posturl = entry.link[k].href;
               break;
               }
            }
         // get the post contents from the entry
         // strip all html-characters, and reduce it to a summary
            if ("content" in entry) {
               var postcontent = entry.content.$t;}
            else
               if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
               else var postcontent = "";
         // strip off all html-tags
            var re = /<\S[^>]*>/g;
            postcontent = postcontent.replace(re, "");
         // reduce postcontent to numchar characters, and then cut it off at the last whole word
            if (postcontent.length > numChars) {
               postcontent = postcontent.substring(0,numChars);
               var quoteEnd = postcontent.lastIndexOf(" ");
               postcontent = postcontent.substring(0,quoteEnd) + '...';
            }
         // get the post labels from the entry
            var pll = '';
            if ("category" in entry) {
               for (var k = 0; k < entry.category.length; k++) {
                  pll += '<a href="javascript:filterPosts(\'' + entry.category[k].term + '\');" title="Click here to select all posts with label \'' + entry.category[k].term + '\'">' + entry.category[k].term + '</a>,  ';
               }
            var l = pll.lastIndexOf(',');
            if (l != -1) { pll = pll.substring(0,l); }
            }
         // add the post data to the arrays
            postTitle.push(posttitle);
            postDate.push(postdate);
            postUrl.push(posturl);
            postSum.push(postcontent);
            postLabels.push(pll);
         }
      }
      if(totalEntires==totalPosts) {tocLoaded=true;showToc();}
   } // end of getPostData
// start of showtoc function body
// get the number of entries that are in the feed
//   numEntries = json.feed.entry.length;
// get the postdata from the feed
   getPostData();
// sort the arrays
   sortPosts(sortBy);
   tocLoaded = true;
}
// filter and sort functions
function filterPosts(filter) {
// This function changes the filter
// and displays the filtered list of posts
  // document.getElementById("bp_toc").scrollTop = document.getElementById("bp_toc").offsetTop;;
   postFilter = filter;
   displayToc(postFilter);
} // end filterPosts
function allPosts() {
// This function resets the filter
// and displays all posts
   postFilter = '';
   displayToc(postFilter);
} // end allPosts
function sortPosts(sortBy) {
// This function is a simple bubble-sort routine
// that sorts the posts
   function swapPosts(x,y) {
   // Swaps 2 ToC-entries by swapping all array-elements
      var temp = postTitle[x];
      postTitle[x] = postTitle[y];
      postTitle[y] = temp;
      var temp = postDate[x];
      postDate[x] = postDate[y];
      postDate[y] = temp;
      var temp = postUrl[x];
      postUrl[x] = postUrl[y];
      postUrl[y] = temp;
      var temp = postSum[x];
      postSum[x] = postSum[y];
      postSum[y] = temp;
      var temp = postLabels[x];
      postLabels[x] = postLabels[y];
      postLabels[y] = temp;
   } // end swapPosts
   for (var i=0; i < postTitle.length-1; i++) {
      for (var j=i+1; j<postTitle.length; j++) {
         if (sortBy == "titleasc") { if (postTitle[i] > postTitle[j]) { swapPosts(i,j); } }
         if (sortBy == "titledesc") { if (postTitle[i] < postTitle[j]) { swapPosts(i,j); } }
         if (sortBy == "dateoldest") { if (postDate[i] > postDate[j]) { swapPosts(i,j); } }
         if (sortBy == "datenewest") { if (postDate[i] < postDate[j]) { swapPosts(i,j); } }
      }
   }
} // end sortPosts
// displaying the toc
function displayToc(filter) {
// this function creates a three-column table and adds it to the screen
   var numDisplayed = 0;
   var tocTable = '';
   var tocHead1 = 'Все статьи';
   var tocTool1 = 'Clicca per ordinare per titolo';
   var tocHead2 = 'Дата публикации';
   var tocTool2 = 'Clicca per ordinare per data';
   var tocHead3 = 'Категории';
   var tocTool3 = '';
   if (sortBy == "titleasc") {
      tocTool1 += ' (scendi)';
      tocTool2 += ' (nuovi)';
   }
   if (sortBy == "titledesc") {
      tocTool1 += ' (scendi)';
      tocTool2 += ' (prima nuovi post)';
   }
   if (sortBy == "dateoldest") {
      tocTool1 += ' (sali)';
      tocTool2 += ' (prima nuovi post)';
   }
   if (sortBy == "datenewest") {
      tocTool1 += ' (sali)';
      tocTool2 += ' (prima vecchi post)';
   }
   if (postFilter != '') {
      tocTool3 = 'Clicca per vedere tutti i post';
   }
   tocTable += '<table>';
   tocTable += '<tr>';
   tocTable += '<td class="toc-header-col1">';
   tocTable += '<a href="javascript:toggleTitleSort();" title="' + tocTool1 + '">' + tocHead1 + '</a>';
   tocTable += '</td>';
   tocTable += '<td class="toc-header-col2">';
   tocTable += '<a href="javascript:toggleDateSort();" title="' + tocTool2 + '">' + tocHead2 + '</a>';
   tocTable += '</td>';
   tocTable += '<td class="toc-header-col3">';
   tocTable += '<a href="javascript:allPosts();" title="' + tocTool3 + '">' + tocHead3 + '</a>';
   tocTable += '</td>';
   tocTable += '</tr>';
   for (var i = 0; i < postTitle.length; i++) {
      if (filter == '') {
         tocTable += '<tr><td class="toc-entry-col1"><a href="' + postUrl[i] + '" title="' + postSum[i] + '">' + postTitle[i] + '</a></td><td class="toc-entry-col2">' + postDate[i] + '</td><td class="toc-entry-col3">' + postLabels[i] + '</td></tr>';
         numDisplayed++;
      } else {
          z = postLabels[i].lastIndexOf(filter);
          if ( z!= -1) {
             tocTable += '<tr><td class="toc-entry-col1"><a href="' + postUrl[i] + '" title="' + postSum[i] + '">' + postTitle[i] + '</a></td><td class="toc-entry-col2">' + postDate[i] + '</td><td class="toc-entry-col3">' + postLabels[i] + '</td></tr>';
             numDisplayed++;
          }
        }
   }
   tocTable += '</table>';
   if (numDisplayed == postTitle.length) {
      var tocNote = '<span class="toc-note">Статьи блога' + postTitle.length + ' постов<br/></span>'; }
   else {
      var tocNote = '<span class="toc-note">показано ' + numDisplayed + ' постов с ярлыком \'';
      tocNote += postFilter + '\'из '+ postTitle.length + 'опубликованных постов<br/></span>';
   }
   tocdiv.innerHTML = tocNote + tocTable;
} // end of displayToc
function toggleTitleSort() {
   if (sortBy == "titleasc") { sortBy = "titledesc"; }
   else { sortBy = "titleasc"; }
   sortPosts(sortBy);
   displayToc(postFilter);
} // end toggleTitleSort
function toggleDateSort() {
   if (sortBy == "datenewest") { sortBy = "dateoldest"; }
   else { sortBy = "datenewest"; }
   sortPosts(sortBy);
   displayToc(postFilter);
} // end toggleTitleSort
function showToc() {
  if (tocLoaded) {
     displayToc(postFilter);
     var toclink = document.getElementById("toclink");
  }
  else { alert("Just wait... TOC is loading"); }
}
function hideToc() {
  var tocdiv = document.getElementById("toc");
  tocdiv.innerHTML = '';
  var toclink = document.getElementById("toclink");

}
//]]>
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
    #comments {display:none;}
    </style>
<style type='text/css'> 
    #bp_toc {background:#1dbb9b;margin:0 auto;padding:5px;}
    span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#fedede;font-family:'Georgia';font-weight:bold;text-transform:uppercase;font-size:30px;line-height:normal;}
    .toc-header-col1 {padding:10px;background-color:#fff;width:250px;}
    .toc-header-col2 {padding:10px;background-color:#fff;width:75px;}
    .toc-header-col3 {padding:10px;background-color:#fff;width:125px;}
    .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
    text-decoration:none;color:#F60909;font-family:'Georgia';font-weight:bold;letter-spacing: 0.5px;}
    .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
    text-decoration:none;}
    .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fff;padding:5px;padding-left:5px;font-size:89%}
    .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#555;font-size:13px;}
    .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#f60909;}
    #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
    .toc-entry-col1 {counter-increment:rowNumber;}
    #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
    td.toc-entry-col2 {background:#fdfdfd;}
    </style>


Ширина столбцов отмечена как 250px, 75px и 125px .
#1dbb9b;  фон заголовка и полосы прокрутки.
#F60909;  цвет шрифта в названиях столбцов.
#fedede; цвет шрифта заголовка.

Здесь я хочу вам дать несколько важных советов.

1. Идём в админку блога и создаём новую страницу, даём ей название.
2. Переходим из обычного режима в режим HTML и в поле вставляем скопированный код.
3. Не нужно переходить в режим просмотра. Вставили код и сразу жмём на кнопку публикации. Вот после этого уже можно будет её увидеть.
4. Все нужные настройки по самому дизайну описаны выше.
5. Если у вас уже установлена какая -то карта, которая формирует статьи через фид блога, они могут конфликтовать и результата не будет.

В принципе всё проще "паренной репы".

Можно скрыть боковые панели, которые присутствуют в макетах, чтобы карта встала на всю ширину страницы и выглядела более профессионально.

Вставьте следующий код чуть выше основного
<style type="text/css">
#sidebar-left-1, #sidebar-right-1, #sidebar-right-2-1, sidebar-right-2-2 {
display: none;
visibility: hidden;
}
#main {
width: 920px; /* Ширина */
}
</style>

Ширина 920px; может быть изменена при необходимости.

Эту карту блога я протестировала на всех своих рабочих блогах. Ведёт себя волне корректно. Чего и вам желаю.

Если что не понятно или пошло не так, обращайтесь.

Добра всем и до встречи.

хотите оформить подписку на новые шпаргалки

введите пожалуйста свой email :

49 комментариев:

  1. Вика, спасибо! Сделала! И даже пошуршала с изменениями чуть-чуть). https://www.valeryhomeblog.ru/p/blog-page_21.html До это была другая карта, с картинками, красивая, но... очень медленно загружалась, а эта шустрая).

    ОтветитьУдалить
    Ответы
    1. Валерия, у меня на том блоге, куда эту поставила, тоже была с картинками и тоже сильно подгружала. Вот когда над этой поэкспериментировала, поменяла . Дай бог уживётся. Посмотрела у тебя. нормально так под дизайн.

      Удалить
    2. Вещь безусловно нужная и удобная. Иногда зайдешь,блог интересный, а найти что-либо сложно, поблуждаешь и выйдешь. Я поэтому сразу сделала и рубрикатор, и каталог, ориентируясь на собственные впечатления от посещения блогов.

      Удалить
  2. Уз ты! Даже не знала о такой возможности)) надо будет поэкспериментировать!

    ОтветитьУдалить
    Ответы
    1. Вика. Не нужно пробовать, взять код и вставить на страницу. Это ведь ещё и для читателей удобно. Как они смогут посмотреть, что вообще на блоге уже опубликовано. Карта это просто необходимый элемент сайта.

      Удалить
    2. Виктория, согласна -надо! Наверняка я у Вас еще кучу косметических интересностей не нашла из-за отсутствия каталога).

      Удалить
  3. Добрый день, Вика! А у меня не работает. Другие карты убрала, ничего в коде не меняла, но на странице тишина. Печалька...

    ОтветитьУдалить
    Ответы
    1. У меня тоже первый раз что-то сглючило...не заработало. Удалила старую карту и потом заново все загрузила - получилось в итоге.

      Удалить
    2. Удалила, переставила - результат тот же. Попробую позже. Спасибо, Валерия.

      Удалить
  4. Bukfa, а какая у Вас стояла. Я посмотрела Ваш блог и думаю, что возможная причина в том, что у Вас несколько гаджетов ярлыки, по - моему 5 или 4. Карта формируется через фид с разбивкой на ярлыки. У Вас их много и естественно ещё и самих одинаковых гаджетов много . Вот и не сработало. Следите за моим блогом. В ближайшее время предложу другую. Попробуете.

    ОтветитьУдалить
    Ответы
    1. Стояла японская с фото и еще одна, тоже с фото. Поработают-поработают и перестают. Отображали все посты.
      Буду следить за Вами😊. Большое спасибо!

      Удалить
  5. Bukfa, Вы меня заинтриговали, я насчёт японской. Первый раз слышу. С картинами конечно тяжело грузит. Код её не сохранили случайно. Посмотрела бы.

    ОтветитьУдалить
    Ответы
    1. Не японская))) Корейская. Поищу!
      Татьяна.

      Удалить
  6. Валерия, да конечно же карта должна быть. Это просто необходимая вещь на блоге. У меня на шпаргалках( де не только у меня) как начали карты лететь, или обрезали ранние стать до 150 последних. Пришлось просто ручками делать свою, та, что сейчас. И конечно же, мне её уже жалко сносить. Столько работы было, когда уже опубликованных постов за 300 перевалило.

    ОтветитьУдалить
    Ответы
    1. Так вот на шпаргалочках я и поняла, что с картой-то ого-го как удобно))). Особенно, когда походила туда, где не так удобно.

      Удалить
    2. Я же по аналогии и сделала, поделила на рубрики и под названия статей -ссылочки. Карту не сносите, не потому что жалко. А потому что я ей пользовалась и это удобно. По ней я также видела, что прочитала, а что нет - цвет ссылки менялся.

      Удалить
  7. Валерия. У меня и в мыслях нет. Это так трудоёмко было. рукотворная она у меня. Жалко))). Молодец какая, даже на цвет ссылок внимание обратила. Валерия, вроде мы на ты уже...

    ОтветитьУдалить
    Ответы
    1. На ты). Понимаю уже насколько трудоемко...поэтому сразу делаю, пользуюсь наработанным чужим опытом)

      Удалить
  8. Этот комментарий был удален администратором блога.

    ОтветитьУдалить
    Ответы
    1. Bukfa, именно такая и стояла до этого у меня на домашнем блоге. Я бы тоже не назвала её картой, так навигация с картинками. Она уже уже давно в сети ходит. Скорее всего источник уже и не найти. Скорее из индонезии, умные там ребята. У Вас в ней количество постов на странице 60. Она и не красиво смотрится - на футер заползает. Да она работает с долгой подзагрузкой. Блоги загружаются долго по разным причинам, Много не нужных гаджетов, тяжёлые(не сжатые) изображения, Почитайте вот здесь. http://www.shpargalochki.ru/2014/05/gorkij-opyt-tozhe-opyt.html
      Ещё вопрос. Вы специально сделали ссылку активной в Комментарии или без вашего ведома это случилось. В любом случае, я вынуждена его удалить, т.к. ссылки прямые мне не нужны. Надеюсь на Ваше понимание.

      Удалить
    2. Да, она давнишняя. Но раньше позволяла себя настраивать. Сейчас не дает - вот и смотрится некрасиво. Буду думать! Поищу еще корейскую.
      Вика, у меня блог рукодельный - некоторые гаджеты и ссылки необходимы Фото перед загрузкой уменьшаю в ФШ.
      За ссылку прошу прощения.

      Удалить
    3. Мне важно иметь в карте, содержании фото работ.

      Удалить
  9. Виктория! Браво! Какая ты УМНИЦА! Хочу сделать такую карту блога! Сегодня уже не успею. Сделаю попозже!

    ОтветитьУдалить
    Ответы
    1. Ирина, тебе давно уже надо карту блога. Без неё у тебя читаются только последние статьи или то что отображается в гаджетах последних и случайных публикаций. Этого не достаточно. Вдруг читатель захочет что - то ещё на блоге увидеть. Не будет ведь он использовать постраничную навигацию. А тут вес перед глазами будут.

      Удалить
  10. Вика, здравствуйте! В данной карте мне нравится то, что при клике на ярлык открываются все сообщения с данным ярлыком. И даже если забыл присвоить ярлык, то в основной карте блога данное сообщение будет напечатано без ярлыка.

    ОтветитьУдалить
    Ответы
    1. Верно, Татьяна. В описании карты я этот момент не учла. А ведь и правда. Я видимо это проверить не смогла, поскольку у меня значит все с ярлыками.

      Удалить
  11. Вика, здравствуйте! Очень нравится ваш блог много увидела нового и применила к своему блогу. И карта блога ваша мне понравилась, поставила всё получилось и работает отменно, очень нравится, но вот проблемка одна есть. Как бы изменить цвет заголовка, розовый - уж очень бледненький, а фон у меня светлый и поэтому совсем не видно его. Поискала, но в коде, как изменить не нашла, так как не очень то и сильна в них. Если можно изменить подскажите как и где найти?

    ОтветитьУдалить
  12. Вот сделала скрин, чтобы наглядно было. http://prntscr.com/ll3qu5

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, Валентина . Спасибо за внимание к моему блогу. За цвет заголовка отвечает color:#fedede; Так что все значения color можно менять на свой вкус. Возможно после изменений на уже опубликованной странице карта не будет отображаться. так что лучше заранее подобрать цвета и потом переустановить код.

      Удалить
  13. Bukfa, ну если нужно с фото то дождитесь поста. А так можете мне выслать через форму связи выше Ваш код карты. посмотрю, может пойму в чём дело.

    ОтветитьУдалить
  14. Спасибо, дорогая Викуша!! Буду пробовать!!

    ОтветитьУдалить
  15. Вивтория, я давно хотела поставить эту карту, а не последнюю с картинками. Вставила в свои блоги "Волшебный фонарик" и Блог Кота Васьки на страницу "Мой блог". Страница эта у меня уже была. Пока не стала информацию с нее удалять.

    Что касается Людмилы Кишкуновой, мне кажется, что она просто неправильно смотрит. Я ей по электронке послала свой скриншот и объяснила, где смотреть количество комментариев. Она видит вверху перед комментариями, например, 1-100 из 7245. И неправильно понимает.

    ОтветитьУдалить
  16. Ирина, я посмотрела твои карты. Нормально же встали. Все статьи для читателей.

    ОтветитьУдалить
  17. А что с Людмилой Кишкуновой, Не поняла про комментарии.

    ОтветитьУдалить
    Ответы
    1. Виктория, у Людмилы в обеих блогах, когда количество комментариев доходят до 1000, то опять начинается новый счет с единицы. Я не знаю, почему.

      Мне очень нравится эта карта блога. Просто замечательная!

      Удалить
  18. Первый раз слышу такое. Они ведь там по страницам разбиваются. По 100 на странице или 50, как настроишь. Просто интересно на какой опции в панели она это видит. У меня здесь уже более 5000 и разбиты по 100 на странице.

    ОтветитьУдалить
  19. ВИКА ТЫ ПРЕЛЕСТЬ! Как раз цвет под мой блог! Ты же помнишь, как я мучилась со своими, потом решила писать от руки ( ты же и посоветовала). А теперь просто класс!!!! Ты волшебница! Старую ручную пока не стала удалять, просто скрыла её. Посмотрим как будет вести себя эта прелесть! СПАСИБО!!!!!

    ОтветитьУдалить
  20. Вика, после перехода на блогер профиль я уже не могу публиковать свои посты в гугл +? Пишет, что у меня нет профиля в гугл +. И надо ли связывать теперь блог с коммент в гугл +?

    ОтветитьУдалить
  21. Ирина, захвалила, аж покраснела я. Рукописную не удаляй, не дай бог. Вставляй иногда новенькое в неё. Карту новую посмотрела у тебя. Здорово.

    Почему ты не можешь опубликовать.? У всех почти есть профиль Блоггер и профиль Гугл+ Ирина, где пишет что нет профиля. Вот твой под Ирина Соболева https://plus.google.com/u/0/116515190954857784661 В вот под ником просто Ирина я на смогу найти Ирин кучу выдаёт. Обратила внимание что под Ирина Соболева у тебя только бады. А в настройках этого профиля есть лишь ссылка на библиомир. У тебя похоже 2 профиля в Гугл+. Ирина Корсун и Ирина Соболева. В твоём библиомире есть кнопочки поделиться внизу статей. Нажимаешь и публикуешь в сетях. А вот в бадах не увидела таких. Только нашла в нижней панели мой аккаунт. Комментарии в Гугл +, как я уже говорила дело твоё. Я не подключала к блогу. Идут в блоге комментарии. А если публикую статью в Гугл+ и там есть комментарии так и хай будут. Но отдельно. Закроют скоро его и на фиг они нужны будут.

    ОтветитьУдалить
  22. Ирина, почитай статью КАК ПРОСТО УЗНАТЬ АДРЕС RSS КАНАЛА, КАНАЛА НА YOU TUBE И СВОЙ ID В ГУГЛ+? http://www.shpargalochki.ru/2014/06/kak-uznat-svoj-id.html

    ОтветитьУдалить
  23. Спасибо, Вик. Да, я уже сама догадалась поставить галочку для отображения поделиться . Но они мне не нравятся, бледные какие - то. Посмотрела у тебя, но там надо лезть в шаблон, а я ж тупая и боюсь. Ладно, пока пусть такие будут, разгребусь с работой, покумекаю.

    ОтветитьУдалить
  24. Ирина, можно поставить кнопки через гаджет от конструкторов кнопок http://www.shpargalochki.ru/2014/01/kakie-knopki-socsetej-vybrat.html

    ОтветитьУдалить
  25. Вика, картинку поставила легко. А вот кнопки не становятся -вернее все становятся, в гугл не проявляется. Пробовала через шаблон - добавить в дизайне. Пробовала на Яндекс.

    ОтветитьУдалить
  26. Всё, получилось нашла тут http://uptolike.ru/cabinet/buttons/1802109/code

    ОтветитьУдалить
  27. Одна печалька, работает только на вновь созданных сообщениях. На старые нужно в ручную добавлять этот код.Но главное на новых есть. Вставила через дизайн -шаблон сообщения. Вика, ты прелесть какая умница! Чтобы я без тебя делала. Да и все такие как я....СПАСИБО! Теперь красота! А то родные были серенькие какие - то.

    ОтветитьУдалить
  28. Ирина, да, увидела у тебя кнопки. Вообще - то чтобы и на старых были нужно непосредственно в шаблоне код вставлять. Но думаю тебе сложновато будет. оставь у так.

    ОтветитьУдалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML

Пользовательский поиск