среда, 8 мая 2019 г.

ПроДвижение блога: Бегущая строка ссылок КАК сделать?


 
Всем привет, друзья! Полистала сегодня ваши блоги: так радостно, что жизнь яркая и насыщенная. Захотелось, чтобы к нам приходило побольше гостей и они задерживались на большее время. Поэтому сегодня покажу полезную штуку, которая предлагает посетителям блога познакомиться с предыдущими постами.

Код для установки бегущей строки ссылок написан специалистом по Блоггеру Юстасом. Ниже размещаю код с благодарностью ему.

ЧТО ЭТО? Бегущая строка ссылок - это активное меню, которое находится в движении. Идет слева-направо, так как наш глаз реагирует сначала на левое поле страницы.

Ссылки - это заголовки Ваших предыдущих постов. Они "ползут друг за другом" с заданной скоростью по главной странице. Их очередность - это хронологический порядок публикаций. Строка вмещает пятнадцать постов.

Находясь на странице поста, бегущую строку видно на первом экране. Если смотреть пост, прокручивая его вниз, бегущая строка пропадает из видимости.

КАК СДЕЛАТЬ? Устанавливается в течение минуты.
Стартуем со своей главной страницы. Нужно зайти в редакторскую часть блога по плашке "Новое сообщение" (верхний правый угол).
Потом - слева в раздел "Дизайн".
Там находим возможность "Добавить гаджет".

С помощью бегунка справа докручиваем меню до гаджета HTML/JavaScript.
Это то окно, которое позволит ввести в наш блог код стороннего программиста.

Через этот HTML/JavaScript можно ввести в блог и гирлянду на новый год, и осенние листочки...



В гаджете HTML/JavaScript открывается окно.

Строку "Заголовок" оставляем пустой.
В само окно вставляем универсальный код полностью. Замену делаем на последней строке. Сюда вставляем URL своего блога. И тогда код начнет брать ссылки из Вашего ресурса.

Итак, первое копирование - это тело кода.
Второе копирование - это адрес своего блога, скопированный с главной страницы. Адрес своего блога - URL - вставляем вместо красного шрифта. Проверьте, чтобы не появилась вторая косая палочка (символ "слеш" - / ).

НИЖЕ КОД:

<script type="text/javascript">function RecentPostsScrollerv2(json)
{
var sHeadLines;
var sPostURL;
var objPost;
var sMoqueeHTMLStart;
var sMoqueeHTMLEnd;
var sPoweredBy;
var sHeadlineTerminator;
var sPostLinkLocation;


try
{

sMoqueeHTMLStart = "\<MARQUEE onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";


if( nWidth)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";
}
else
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";
}

if( nScrollDelay)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
}
if(sDirection)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"";

if(sDirection == "left" || sDirection =="right")
{
//For left and right directions seperate the headilnes by two spaces.
sHeadlineTerminator = "&nbsp;&nbsp;";
}
else
{
//For down and up directions seperate headlines by new line
sHeadlineTerminator = "\<br/\>";
}
}
if(sOpenLinkLocation =="N")
{
sPostLinkLocation = " target= \"_blank\" ";
}
else
{
sPostLinkLocation = " ";
}


sMoqueeHTMLEnd = "\</MARQUEE\>"

sHeadLines = "";

for(var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++)
{
objPost = json.feed.entry[nFeedCounter];
              
 
for (var nCounter = 0; nCounter < objPost.link.length; nCounter++)
    {
                 if (objPost.link[nCounter].rel == 'alternate')
{
                   sPostURL = objPost.link[nCounter].href;
                   break;
     }
     }
   sHeadLines = sHeadLines + "\<b\>"+sBulletChar+"\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">"  + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
}

if(sDirection == "left")
{
//
sHeadLines = sHeadLines + "&nbsp;" +  sPoweredBy;
}
else if(sDirection == "right")
{
sHeadLines = sPoweredBy +  "&nbsp;" + sHeadLines ;
}
else if(sDirection == "up")
{
sHeadLines = sHeadLines + "\<br/\>" +  sPoweredBy;
}
else
{
//For down and up directions seperate headlines by new line
sHeadLines = sPoweredBy + "\<br/\>" +  sHeadLines;
}


document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd )

}
catch(exception)
{
alert(exception);
}
}</script><script style=""> var nMaxPosts = 15; var nWidth; var nScrollDelay = 175; var sDirection="right"; var sOpenLinkLocation="N"; var sBulletChar="→"; </script> <script src="http://blogodel.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"></script>



Нажимаете "Сохранить" - оранжевую кнопку.

Установив бегущую строку с кликабельными ссылками, со страницы "Дизайн" подумайте, куда её поместить. Я пристроила ее вверху над формой подписки.

Пишите свои соображения, очень интересно ваше мнение.
До связи!


2 комментария:

  1. неудобно читать... (((
    нужно двигаться в другую сторону. Так я глазами догоняю текст, а если бы строка текла влево, то глаза стоят на месте, а буквы сами "приезжают" для прочтения. ИМХО.

    ОтветитьУдалить
    Ответы
    1. Я полностью согласна.
      Идея нравится, направление бы поменять...

      Удалить

Тэги, допустимые в комментариях