Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Всем, доброго времени суток. Сегодня задача заключается в том, как выделить весь DIV, Span текст при щелчке мыши по кнопке с помощью JavaScript для копирования. Многие блогеры используют подобную опцию, чтобы дать своим посетителям не прокручивать содержание всего блока для копирования, а одним щелчком мыши скопировать сразу всю область. 

копирование кода одним кликом


Что в итоге имеем

Выделяется все содержимое DIV/Span/Textarea с помощью кнопки.

Чистый JavaScript-Код.

Простота в использовании

Вы можете добавить неограниченное количество DIV даже на одну страницу / пост.

Вы можете добавить CSS стили на ID.

Он отменит выделение всего содержимого DIV/Span/Textarea так же с помощью кнопки.


Нам понадобиться вот такой готовый код, который вы сразу, тут же на странице,  сможете легко проверить (кликните по кнопке скопировать и вставьте у себя в черновике или блокноте), чтобы посмотреть, как это работает

<script type="text/javascript"> function fnSelectundefinedobjId) { fnDeSelectundefined); if undefineddocument.selection) { var range = document.body.createTextRangeundefined); range.moveToElementTextundefineddocument.getElementByIdundefinedobjId)); range.selectundefined); } else if undefinedwindow.getSelection) { var range = document.createRangeundefined); range.selectNodeundefineddocument.getElementByIdundefinedobjId)); window.getSelectionundefined).addRangeundefinedrange); } } function fnDeSelectundefined) { if undefineddocument.selection) document.selection.emptyundefined); else if undefinedwindow.getSelection) window.getSelectionundefined).removeAllRangesundefined); } </script> <div id="execodediv0"> А здесь будет зашифрованный код или просто текст </div> <center> <input onclick="javascript:fnSelectundefined'execodediv0');" title="скопировать код" type="submit" value="скопировать код" /> <input onclick="javascript:fnDeSelectundefined);" title="отменить копирование" type="submit" value="отменить копирование" /> </center>


Как это добавить на страницу

В сообщении переходим в формат HTML и в строке, отмеченной синим цветом, вставляем свой текст.

Для вебмастеров, которые публикуют свои коды для копирования, порядок немного другой. Следует сначала декодировать код. У меня здесь ENCODER кодов. Установить, так же как с текстом, вместо строки синего цвета этот декодированный код. Перейдя в формат вёрстки результат будет, как в примере выше.


Для нового Div на той же странице добавьте только этот код Div снова, но измените execodediv0 на execodediv1 в двух местах и т. д. Потом сохраните и всё.
Для информации предлагаю статью по теме - как копировать текст в буфер обмена кликом.


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

Введите Ваш email


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

Здравствуйте меня зовут Борис. Я долгое время читаю Блог Виктории "Шпаргалки Блогерши" и он меня радует своей простотой.

Код плеера мне достался даром и поэтому я решил поделиться им с людьми так же даром. Потому что в поиске практически не найдешь такой пост который я хочу написать для Вас. Такой же финт я пробовал сделать с кодом для фото и видео чтобы хостингом был непосредственно Гугл Диск.

плеер для сайта

Значит, первым делом загружаем аудиофайл на хостинг Гугла Google Disk в формате WAW, MP 3, Windows. Файл может быть и большой но желательно не очень большой так как он начнет сам сбиваться.

код ауди плеера с Гугл диска

Открываем доступ к файлу для всех. Копируем прямую ссылку в блокнот или в поле вставки плеера в блоге. Затем вырезаем из нее индификационный номер файла и вставляем его в поле кода для плеера. Сохраняем.


Копируем номер из прямой ссылки на файл





Вставляем номер файла сюда

Плеер сохранен и воспроизводится

Главное работать с кодом и ссылкой корректно.

Чтобы плеер располагался ровно можно использовать тег <br /> <center />

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

Так же, к плееру можно добавить ширину. Для Этого в команду кода вставляем тег <with>

Ширина плеера

<audio controls style="width: 200px;">
  
Код без расширения
  
<audio controls="controls">
 <source src="https://drive.google.com/uc?export=download&amp;confirm=no_antivirus&amp;id=18ckYBdErJN1BJZvf6-WROfWlgxCL40rc" type="audio/mpeg"></source></audio>

Как вы видите в команду audio controls добавлен тег style


Тогда плеер получится такой или такой...

Тогда плеер можно делать как шире так и уже.

Еще к плееру можно нарисовать свою кнопочку. Для этого к коду добавляем графический тег <img> и кнопочку <button> и вуаля ваш плеер работает персонально у вас в блоге без дополнительной регистрации и ограничения в загрузке. 


Код для аудиоплеера:

1 вариант.

<audio controls="controls">
 <source src="https://drive.google.com/uc?export=download&amp;confirm=no_antivirus&amp;id=1MPQtK50-u-UtjItMlI7jfClM4BFN0H8A" type="audio/mpeg"></source></audio>
<br/>


2 вариант. С картинкой/кнопкой


<img src="https://c.radikal.ru/c19/2009/fd/cf20bc6d0167.png" onclick="if (this.src=='https://c.radikal.ru/c19/2009/fd/cf20bc6d0167.png') {this.src='https://c.radikal.ru/c31/2009/61/98c14bce7608.jpg'; document.getElementById('audio').play() } else { this.src='https://c.radikal.ru/c19/2009/fd/cf20bc6d0167.png'; document.getElementById('audio').pause() };" />

<audio id="audio" src="https://drive.google.com/uc?export=download&amp;confirm=no_antivirus&amp;id=1AGNq6csVLhMZL3fjDErcZ7lCcu5i92Cw" type="audio/mpeg" controls ></audio><button onclick="document.getElementById('audio').play()">Play</button><button onclick="document.getElementById('audio').pause()">Pause</button><button onclick="document.getElementById('audio').volume+=0.1">Vol +</button><button onclick="document.getElementById('audio').volume-=0.1">Vol -</button>

Хостингом для картинки можно использовать как сам блоггер так и сторониие ресурсы например Радикал.ру


Так же вы можете скачать файл напрямую с плеера и изменить звук и скорость воспроизведения. Если конечно же ваш браузер поддерживает расширение аудио.

плеер для блога
Другой способ вставки плеера


плеер для блога


Плеер во всплывающем окне с кнопкой


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

Я попробовал вставить в окно даже интернет радио из WinAmip
Получилось здорово. В кнопке бегущая строка.

<a href="http://79.120.39.202:8000/pop80" onclick="newMyWindow(this.href); return false;"><button><marquee scrollamount="3" width="100"  height="20"style="font-size: 14pt; ">Слушать... </marquee></button> </a>

 

<script>

function newMyWindow(e) {

  var h = 150,

      w = 250;

  window.open(e, '', 'scrollbars=1,height='+Math.min(h, screen.availHeight)+',width='+Math.min(w, screen.availWidth)+',left='+Math.max(0, (screen.availWidth - w)/2)+',top='+Math.max(0, (screen.availHeight - h)/2));

}

</script>


Как вставить аудиоплеер другим способом я могу подсказать вам в записанном мною видео в Ютубе. Таким же способом можно для блога вставить и картинку и видео и ворд файл, а так же сделать поле для чтения и горячую ссылку для возможности Скачать одним кликом.

Видео https://youtu.be/Zcpx14hLpUo

Спасибо за консолидацию!

Если возникнут вопросы или, что-то не совсем понятно, пишите в комментариях к этому посту.

Доброго времени суток,  друзья. Предложу вам 3 варианта оформления панелек, где вы сможете отобразить какие - то важные сообщения с кликабельными ссылками. 
Обновление поста В качестве примера я сделала переход на страницу содержание своего блога. У вас могут абсолютно другие варианты, куда вы захотите перенаправить читателя - на ваши паблики в социальных сетях, форму контактов, другие ваши блоги.  

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

Реализация достаточно простая. Нужно выбрать понравившейся вариант, скопировать код и установить его в разделе дизайн в гаджет HTML/JavaScript. И перетянуть в нужное место макета блога. Цвета самой панели меняйте на ваше усмотрение. 

Принцип работы у всех одинаковый, я разнообразила их только стилями. Все варианты в работе можно посмотреть на тестовом блоге.


 Вариант 1. Простая панель с рамкой и кликабельной надписью. 
панель в верхней части блога с кликабельными ссылками
Код.

<style>#knig_bar {width: auto; height: auto; display: block; text-align: center; padding: 7.5px; background: none repeat scroll 0 0 #004D40;
  border: 4px double black; 
    background: #fc3; 
    padding: 10px; 
   } color: #fff; position: relative; font-size: 14px;font-family: oswald;font-weight: normal;}
#knigulper_bar a{background: #fff; color: #3e454c; padding: 4px 16px; border-radius: 100px; margin-left: 5px; font-weight: 600;}
#knigulper_bar a:hover{background:#3e454c;color:#fff;}
</style>
<div id='knig_bar'>
Все статьи блога для вас <a href='http://www.shpargalochki.ru/p/blog-page_1.html' target='_blank'>Перейти!</a>
</div>

Вариант 2. Тёмная панель уже с другой рамкой , где ссылка оформлена в виде кнопки.

Код.

<style>#knigulper_bar {width: auto; height: auto; display: block; text-align: center; padding: 6.5px; background: #3e454c;border: 3px solid #ff6347 ;
    border-radius: 10px; color: #fff; position: relative; font-size: 14px;font-family: oswald;font-weight: normal;}
#knigulper_bar a{background: #fff; color: #3e454c; padding: 4px 16px; border-radius: 100px; margin-left: 5px; font-weight: 600;}
#knigulper_bar a:hover{background:#3e454c;color:#fff;}</style>
<div id='knigulper_bar'>
Все статьи блога для вас<a href='http://www.shpargalochki.ru/p/blog-page_1.html' target='_blank'>Перейти!</a>
</div>

Вариант 3. Панель с бегущей строкой.

Задали немного динамики  с помощью тега marquee и получили такую динамичную бегущую строку. Еще в этом варианте, кроме основной ссылки, добавлена ссылка на последнюю статью блога. Но это можно легко убрать, если посчитаете нужным.

С помощью свойства box-shadow зададим красивые границы с тенью.

бегущая строка с кликабельными сслыками

Код.

<style>#bloggernotificationWrap{display:none;position:relative;z-index:999999;width:100%;height:41px;margin:0px 0px -41px 0px;padding:0}

#bloggernotification{overflow:hidden; width:100%;height:28px;padding-top:7px;text-align:center; background:#37474F;position:relative;box-shadow:1px 2px 9px #2A5200;z-index:9998;text-decoration:none;color:#fff;font-family:oswald, arial,sans-serif;font-size:13px;font-weight:400;text-shadow:1px 1px 4px #000;border-bottom:1px solid #90f128;margin:0}
#bloggernotification strong {font-size:14px;font-family:oswald; font-weight:normal;padding-right:7px;}
#bloggernotification a{text-decoration:none;color:#fff;font-family:oswald, arial,sans-serif;font-size:13px;font-weight:400; word-spacing:1px; text-shadow:1px 1px 1px #000;outline:none}
#bloggernotification a:hover{text-decoration:underline}
#openbloggernotification{display:block;position:absolute;top:-6px;right:15px;background:#2E2F2E;border-left:2px solid #90f128;border-right:2px solid #90f128;border-bottom:2px solid #90f128;cursor:pointer;z-index:1;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:1px 2px 9px #90f128;padding:0 7px}
#send{background:#6f9ff1;color:#fff;cursor:pointer;border-radius:4px;box-shadow:5px 5px 5px #ccc;border:1px solid #79a7f1;padding:6px 10px!important}
#send:hover{background:#79a7f1}
#send a{color:#fff;text-shadow:1px 1px 2px #333}
#send a:hover{text-decoration:none}</style>
<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'>
<div id='bloggernotification'>
<div style='width: 997px;margin: 0px auto;'>
<div style='-moz-background-inline-policy: continuous; background: none repeat scroll right top;font-size:14px;font-weight: normal;font-family: &apos;Oswald&apos;, sans-serif;'>
  <marquee behavior='alternate' onmouseout='this.start();' onmouseover='this.stop();' scrollamount='2'><a href='http://www.shpargalochki.ru/2018/04/dizajn-gadzheta-okno-poiska-blogger.html'><font color='yellow' size='3'>НОВОЕ</font> ДИЗАЙН ОКНА ПОИСКА</a>  <a href='http://www.shpargalochki.ru/p/blog-page_1.html'><font color='yellow' size='3'></font> Все статьи блога</a></marquee>
 </div>
</div></div></div>


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

Приветственный бар в верхней части блога
Фиксированная панель в нижней части блога.

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

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

 Приветствую вас, уважаемые читатели и гости блога.

Продолжаю подборку красивых кнопок для блога.  На этот раз сделаем пульсирующие кнопочки. Такие обязательно привлекут внимание посетителей.  Установить их можно и в самом сообщение, и в гаджет HTML/JAVAScript.  Это могут быть, какие-то объявления или переходы на другую станицу.Все предложенные варианты кнопок в работе можно посмотреть в этом редакторе. Просто скопируйте код у установите в поле на странице редактора

 1. Пульсирующая овальная кнопка

овальная пульсирующая кнопка


Код.

<div class="dingovaila-besticsia">
  <div class="vengumpn-koveemen"><a href="http://www.shpargalochki.ru/">Нажми на меня!</div>
</div>
<style>
.vengumpn-koveemen {
    display: flex;
    justify-content:
    align-items: center;
    width: 167px;
    height: 43px;
    color: #3e3e54;
    font-weight: bold;
    border: 1.1px solid #acafb7;
    background: #f7eded;
    border-radius: 80px;
    animation: radial-pulse 1s infinite;
    font-size: 20px;
}
.dingovaila-besticsia {
  width: 100%;
  height: 100vh;
  background-color: #328096;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(23, 22, 22, 0.5);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
}
</style>
/div>


Я отметила цветом фон для большей выразительности. Можно эту строку в коде удалить.

2. Чёрная квадратная кнопка


квадратная кнопка


Код

<div class="button"><h1>Кнопка</h1></div>
</div>
<style>
.button{
width: 150px;
    padding: 5px 0;
    margin: 30px auto 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: rgba(41, 41, 41, 0.88);
    color: #e6a833;
    -webkit-animation-name: 'play_down';
    -moz-animation-name: 'play_up';
    animation-duration: 1s;
    animation-iteration-count: infinite;
    box-shadow: 0 0 0 3px rgba(0, 0, 0,.5);
    cursor: pointer;
}
@keyframes  play_top {
 0% 
 {
 -webkit-box-shadow: 0 0 rgba(0,163,182,.6);
 -moz-box-shadow: 0 0 rgba(0,163,182,.6);
 box-shadow: 0 0 rgba(0,163,182,.6);
 }
 to 
 {
 -webkit-box-shadow: 0 0 0 20px rgba(0,163,182,0);
 -moz-box-shadow: 0 0 0 20px rgba(0,163,182,0);
 box-shadow: 0 0 0 20px rgba(0,163,182,0);
 }   
}
@keyframes  play_down {
 0% 
 {
 -webkit-box-shadow: 0 0 rgba(55,55,55,.6);
 -moz-box-shadow: 0 0 rgba(55,55,55,.6);
 box-shadow: 0 0 rgba(55,55,55,.6); 
 }
 to 
 {
 -webkit-box-shadow: 0 0 0 20px rgba(55,55,55,0);
 -moz-box-shadow: 0 0 0 20px rgba(55,55,55,0);
 box-shadow: 0 0 0 20px rgba(55,55,55,0);  
 }
}
</style>

3. Маленькая круглая кнопка

маленькая кнопка с эффектом пульсации

Код 

 <div class="kigdsab-godeav"><button class="casetug-posavun"><a href="http://www.shpargalochki.ru/">тут</button></div>

<style> .kigdsab-godeav{
width:200px;
height:100%;
margin:0 auto 0}

.casetug-posavun {
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  display: block;
  width: 53px;
  height: 53px;
  font-size: 14px;
  font-weight: normal;
  color: #f5f0f0;
  text-shadow: 0 1px 0 #0f3354;
  border: 1px solid #1d71c1;
  box-shadow: 0 0 0 0 rgba(90, 153, 220, 0.7), inset 0 1px 0 #98c4ec;
  border-radius: 100%;
  background: #62a8e8;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #6eace4), color-stop(100%, #4f93d4));
  background-image: -webkit-linear-gradient(#64a0d6, #3f86ca);
  background-image: linear-gradient(#66a3da, #3f88ce);
  cursor: pointer;
  -webkit-animation: pulse 1s infinite cubic-bezier(0.6, 0, 0, 1);
}

.casetug-posavun:hover{
-webkit-animation:none}

@-webkit-keyframes pulse{
to{
box-shadow:0 0 0 23px rgba(81, 147, 218, 0), inset 0 1px 0 #9ec3e6}

}</style>

Соответственно, чтобы сделать надписи на кнопках кликабельными в Дивах пишем так

<a href="http://www.shpargalochki.ru/">Текст</div>


Вставляем адрес страницы, куда будет переход по ссылке.

С цветом и размерами кнопок тоже можно поиграть во всех кодах. 

На сегодня всё. Хочется надеяться, что такие пульсирующие кнопки найдут применение на ваших блогах. До встречи.



 Доброго времени суток, читатели и гости блога.  Давно на блоге был опубликован пост виджет последних сообщений BLOGGER в виде стикера.  Обратила внимание, что на некоторых блогах мои подписчики установили такой. Предложу, в качестве альтернативы, ещё вариант более лёгкий, где названия  последних статьей будут выводиться бегущей строкой. С кликабельными ссылками А ещё, на основе того же скрипта покажу, как можно сделать такой же виджет с последними комментариями блога  и виджет последних статей определённого ярлыка. Может, кому-то и такие варианты подойдут для блога. 


Бегущая строка с обновлениями в Блоггере


Внешний вид виджетов легко настраиваемый под ваш дизайн. Перед тем как приступить к установке и разбору настроек, давайте смотреть на рабочий вариант.

Для просмотра попрошу перейти вас на тестовый блог.

Демонстрация

1. Виджет последних сообщений бегущей строкой


Код


<style>
.topnews,.topnews a:link {text-decoration: none; color:#FFF !important}
.topnews a:visited {text-decoration: none; color:#FDFDFD !important;}
.topnews a:hover {text-decoration:none; color: red !important;}
</style>
<div class="topnews">
<table border="0" cellspacing="0" cellpadding="0" style="width:100%; border: 1px solid #000;  background-color:#556B2F;"><tbody><tr><td><div style="position:relative;overflow:hidden;width:100%; height:20px;" onmouseover="copyspeed=pausespeed"
onmouseout="copyspeed=memoryspeed"><div id="memoryscroller" style="position: absolute; left: -101px; top: 0px;"><nobr><script type="text/javascript" async="" src="https://apis.google.com/js/plusone.js" gapi_processed="true"></script><script type="text/javascript">
var nMaxPosts =10;
        var nWidth = 100;
        var nScrollDelay = 0;
        var sDirection = "left";
        var sOpenLinkLocation = "N";
        var sBulletChar = ">>"
</script>
<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 behavior=\"scroll\" 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") {
    sHeadlineTerminator = "&nbsp;&nbsp;";
   } else {
    sHeadlineTerminator = "\<br/\>";
   }
  }
  if (sOpenLinkLocation == "N") {
   sPostLinkLocation = " target= \"_blank\" ";
  } else {
   sPostLinkLocation = " ";
  }
  sMoqueeHTMLEnd = "\</MARQUEE\>"
   sHeadLines = "";
   for (var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++) {
   var objPost = json.feed.entry[nFeedCounter];
    if (nFeedCounter == json.feed.entry.length) break;
    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;&nbsp;" + sPoweredBy;
  } else if (sDirection == "right") {
   sHeadLines = sPoweredBy + "&nbsp;&nbsp;" + sHeadLines;
  } else if (sDirection == "up") {
   sHeadLines = sHeadLines + "\<br/\>" + sHeadLines;
  }
  document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd)
} catch (exception) {
  alert(exception);
}
}</script>
<script src="https://bvd-2.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10"
type="text/javascript"></script></nobr></div></div></td></tr></tbody></table></div>


Настройки виджета

Все настройки помечены цветом.

 

Ширина задана 100%; можно менять в зависимости от макета блога. 

Высота строки 20px; тоже настраиваемая, меняйте по желанию 

Максимальное количество постов поvar nMaxPosts =10;  по вашему желанию. В примерах я задала 10.

Цвет background-color:#556B2F;"> строки на ваше усмотрение 

Цвет текст задан  color:#FFF белым цветом

при наведении курсора и остановке текста  color:#FDFDFD  красный 

Толщина и цвет  border: 1px solid #000;  рамки так же по желанию

Скорость  var nScrollDelay = 0; прокрутки регулируется

Ну и наконец, в этой https://bvd-2.blogspot.com/feeds/posts/default строке нужно вставить адрес вашего блога (будьте внимательны с символами).


2. Виджет последних комментариев бегущей строкой

Здесь уже проще. Тот же самый код, только в строке

 участок https://bvd-2.blogspot.com/feeds/posts/default замените участок feeds/posts/default на feeds/comments/default.


3. Виджет последних стаей определённого ярлыка.

Меняем так же , только прописываем название нужного ярлыка, статьи которого хотим показать в бегущей строке. В этом случае, нужно быть внимательным к регистру. Допустим у меня ярлык КАРТИНКИ все крупным шрифтом, так и нужно писать . А не так Картинки. Пишем так

https://bvd-2.blogspot.com/feeds/posts/default /-/КАРТИНКИ

Код каждого из вариантов или все их сразу устанавливаем в гаджет (гаджеты) HTML/JavaScript и располагаем где-нибудь над сообщениями или под шапкой блога.

Вот и всё на сегодня. Всем добра и до встречи