Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)
Сегодня я расскажу, как установить самый лучший слайдер (ротатор контента) на Блогспот, Blogger. Почему самый лучший? Да потому, что я перерыл массу источников и остановился на этом варианте. © blogodel.com
Какими же преимуществами обладает этот слайдер перед другими?
Самое главное преимущество, он показывает все статьи вашего блога (а не только максимально 10 одних и тех же, как Вордпресс). Посты появляются рандомно, то есть с открытием каждой новой страницы читатель видит уже другой пост, с которого начинается перелистывание.
© blogodel.com
За основу я взял easySlider, где добавил "размеры" картинки и установил регулировку паузы. По моей просьбе aldous, автор замечательного блога Blogger не для чайников оформил заголовки страниц в слайдере ссылками и таким образом появился ротатор контента, который вы видите на моем блоге. © blogodel.com
Какими же преимуществами обладает этот слайдер перед другими?
Самое главное преимущество, он показывает все статьи вашего блога (а не только максимально 10 одних и тех же, как Вордпресс). Посты появляются рандомно, то есть с открытием каждой новой страницы читатель видит уже другой пост, с которого начинается перелистывание.
© blogodel.com
За основу я взял easySlider, где добавил "размеры" картинки и установил регулировку паузы. По моей просьбе aldous, автор замечательного блога Blogger не для чайников оформил заголовки страниц в слайдере ссылками и таким образом появился ротатор контента, который вы видите на моем блоге. © blogodel.com

Это уже третья редакция поста. Я три раза переделывал код! Изначальная идея опубликовать коды слайдера с этого блога, не увенчалась успехом!
Размеры у всех разные и поэтому от стрелочек пришлось отказаться! Вместо стрелочек управление в ввиде слов: "предыдущее", "следующее", которые на размеры не влияют.
Зато, вся процедура существенно упростилась и вместо трех скриптов теперь один, а так же отпала необходимость "лезть" в шаблон!
Демо можно посмотреть здесь:
Размеры у всех разные и поэтому от стрелочек пришлось отказаться! Вместо стрелочек управление в ввиде слов: "предыдущее", "следующее", которые на размеры не влияют.
Зато, вся процедура существенно упростилась и вместо трех скриптов теперь один, а так же отпала необходимость "лезть" в шаблон!
Демо можно посмотреть здесь:
http://blogodel-test.blogspot.com/
Сразу публикую параметры кода: там где маркировано красным, будет адрес вашего блога.
<style>#slide-container {
height:165px;
position:relative;
width:530px;
}
#slider {
height:165px;
left:24px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:530px;
}
.slide-desc {
padding:10px;
position:absolute;
right:0px;
text-align:left;
top:0;
width:290px;
z-index:1;
}
.slide-desc h2{display:block;}
.crosscol .widget-content {position:relative;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
}
</style><div id="slider">
<script style="text/javascript">
var showpostthumbnails_gal = true;
var showpostsummary_gal = true;
var random_posts = true;
var numchars_gal = 210;
var numposts_gal = 34;
function showgalleryposts(json) {
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
document.write('<ul>');
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
if (random_posts == true){
indexPosts.sort(function() {return 0.5 - Math.random()});
}
if (numposts_gal > numPosts) {
numposts_gal = numPosts;
}
for (i = 0; i < numposts_gal; ++i) {
var entry_gal = json.feed.entry[indexPosts[i]];
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if ("content" in entry_gal) {
var postcontent_gal = entry_gal.content.$t
}
s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d
} else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
document.write('<li><div id="slide-container"><span class="slide-desc"><h2><a href="' + posturl_gal + '">');
document.write(posttitle_gal + '</a></h2>');
var re = /<\S[^>]*>/g;
postcontent_gal = postcontent_gal.replace(re, "");
if (showpostsummary_gal == true) {
if (postcontent_gal.length < numchars_gal) {
document.write(postcontent_gal);
document.write('</span>')
} else {
postcontent_gal = postcontent_gal.substring(0, numchars_gal);
var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
postcontent_gal = postcontent_gal.substring(0, quoteEnd_gal);
document.write(postcontent_gal + '...');
document.write('</span>')
}
}
document.write('<a href="' + posturl_gal + '"><img src="' + thumburl_gal + '" width="220px" height="165"/></a></div>');
document.write('</li>');
}
document.write('</ul>');
}
</script>
<!-- replace with your web address (marked with red color) -->
<script src="http://blogodel.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script>
<script src='http://accordion-template.googlecode.com/svn/trunk/easySlider1.7.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#slider").easySlider({pause: 4000,
nextId: 'next',
prevId: 'prev', nextText: ' Следующее ►', prevText: '◄ Предыдущее ',
auto: true,
continuous: true
});
});
//]]>
</script>
height:165px;
position:relative;
width:530px;
}
#slider {
height:165px;
left:24px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:530px;
}
.slide-desc {
padding:10px;
position:absolute;
right:0px;
text-align:left;
top:0;
width:290px;
z-index:1;
}
.slide-desc h2{display:block;}
.crosscol .widget-content {position:relative;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
}
</style><div id="slider">
<script style="text/javascript">
var showpostthumbnails_gal = true;
var showpostsummary_gal = true;
var random_posts = true;
var numchars_gal = 210;
var numposts_gal = 34;
function showgalleryposts(json) {
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
document.write('<ul>');
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
if (random_posts == true){
indexPosts.sort(function() {return 0.5 - Math.random()});
}
if (numposts_gal > numPosts) {
numposts_gal = numPosts;
}
for (i = 0; i < numposts_gal; ++i) {
var entry_gal = json.feed.entry[indexPosts[i]];
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if ("content" in entry_gal) {
var postcontent_gal = entry_gal.content.$t
}
s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d
} else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
document.write('<li><div id="slide-container"><span class="slide-desc"><h2><a href="' + posturl_gal + '">');
document.write(posttitle_gal + '</a></h2>');
var re = /<\S[^>]*>/g;
postcontent_gal = postcontent_gal.replace(re, "");
if (showpostsummary_gal == true) {
if (postcontent_gal.length < numchars_gal) {
document.write(postcontent_gal);
document.write('</span>')
} else {
postcontent_gal = postcontent_gal.substring(0, numchars_gal);
var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
postcontent_gal = postcontent_gal.substring(0, quoteEnd_gal);
document.write(postcontent_gal + '...');
document.write('</span>')
}
}
document.write('<a href="' + posturl_gal + '"><img src="' + thumburl_gal + '" width="220px" height="165"/></a></div>');
document.write('</li>');
}
document.write('</ul>');
}
</script>
<!-- replace with your web address (marked with red color) -->
<script src="http://blogodel.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script>
<script src='http://accordion-template.googlecode.com/svn/trunk/easySlider1.7.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#slider").easySlider({pause: 4000,
nextId: 'next',
prevId: 'prev', nextText: ' Следующее ►', prevText: '◄ Предыдущее ',
auto: true,
continuous: true
});
});
//]]>
</script>
Код без скрипта jquery (для тех у кого не "идет" предыдущий код)
<style>#slide-container {
height:165px;
position:relative;
width:530px;
}
#slider {
height:165px;
left:24px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:530px;
}
.slide-desc {
padding:10px;
position:absolute;
right:0px;
text-align:left;
top:0;
width:290px;
z-index:1;
}
.slide-desc h2{display:block;}
.crosscol .widget-content {position:relative;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
}
</style><div id="slider">
<script style="text/javascript">
var showpostthumbnails_gal = true;
var showpostsummary_gal = true;
var random_posts = true;
var numchars_gal = 210;
var numposts_gal = 34;
function showgalleryposts(json) {
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
document.write('<ul>');
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
if (random_posts == true){
indexPosts.sort(function() {return 0.5 - Math.random()});
}
if (numposts_gal > numPosts) {
numposts_gal = numPosts;
}
for (i = 0; i < numposts_gal; ++i) {
var entry_gal = json.feed.entry[indexPosts[i]];
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if ("content" in entry_gal) {
var postcontent_gal = entry_gal.content.$t
}
s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d
} else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
document.write('<li><div id="slide-container"><span class="slide-desc"><h2><a href="' + posturl_gal + '">');
document.write(posttitle_gal + '</a></h2>');
var re = /<\S[^>]*>/g;
postcontent_gal = postcontent_gal.replace(re, "");
if (showpostsummary_gal == true) {
if (postcontent_gal.length < numchars_gal) {
document.write(postcontent_gal);
document.write('</span>')
} else {
postcontent_gal = postcontent_gal.substring(0, numchars_gal);
var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
postcontent_gal = postcontent_gal.substring(0, quoteEnd_gal);
document.write(postcontent_gal + '...');
document.write('</span>')
}
}
document.write('<a href="' + posturl_gal + '"><img src="' + thumburl_gal + '" width="220px" height="165"/></a></div>');
document.write('</li>');
}
document.write('</ul>');
}
</script>
<!-- replace with your web address (marked with red color) -->
<script src="http://russkiyiliteratura.blogspot.ru/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
<script src='http://accordion-template.googlecode.com/svn/trunk/easySlider1.7.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#slider").easySlider({pause: 4000,
nextId: 'next',
prevId: 'prev', nextText: ' Следующее ►', prevText: '◄ Предыдущее ',
auto: true,
continuous: true
});
});
//]]>
</script>
height:165px;
position:relative;
width:530px;
}
#slider {
height:165px;
left:24px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:530px;
}
.slide-desc {
padding:10px;
position:absolute;
right:0px;
text-align:left;
top:0;
width:290px;
z-index:1;
}
.slide-desc h2{display:block;}
.crosscol .widget-content {position:relative;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
}
</style><div id="slider">
<script style="text/javascript">
var showpostthumbnails_gal = true;
var showpostsummary_gal = true;
var random_posts = true;
var numchars_gal = 210;
var numposts_gal = 34;
function showgalleryposts(json) {
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
document.write('<ul>');
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
if (random_posts == true){
indexPosts.sort(function() {return 0.5 - Math.random()});
}
if (numposts_gal > numPosts) {
numposts_gal = numPosts;
}
for (i = 0; i < numposts_gal; ++i) {
var entry_gal = json.feed.entry[indexPosts[i]];
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if ("content" in entry_gal) {
var postcontent_gal = entry_gal.content.$t
}
s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d
} else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
document.write('<li><div id="slide-container"><span class="slide-desc"><h2><a href="' + posturl_gal + '">');
document.write(posttitle_gal + '</a></h2>');
var re = /<\S[^>]*>/g;
postcontent_gal = postcontent_gal.replace(re, "");
if (showpostsummary_gal == true) {
if (postcontent_gal.length < numchars_gal) {
document.write(postcontent_gal);
document.write('</span>')
} else {
postcontent_gal = postcontent_gal.substring(0, numchars_gal);
var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
postcontent_gal = postcontent_gal.substring(0, quoteEnd_gal);
document.write(postcontent_gal + '...');
document.write('</span>')
}
}
document.write('<a href="' + posturl_gal + '"><img src="' + thumburl_gal + '" width="220px" height="165"/></a></div>');
document.write('</li>');
}
document.write('</ul>');
}
</script>
<!-- replace with your web address (marked with red color) -->
<script src="http://russkiyiliteratura.blogspot.ru/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
<script src='http://accordion-template.googlecode.com/svn/trunk/easySlider1.7.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#slider").easySlider({pause: 4000,
nextId: 'next',
prevId: 'prev', nextText: ' Следующее ►', prevText: '◄ Предыдущее ',
auto: true,
continuous: true
});
});
//]]>
</script>
Дополнение: маркировка, это длинна анонса, маркировка - скорость смены анонса. Маркировка и так же такой фон - ширина элементов слайдера и картинок.
Внимание! Если у вас уже установлены динамические виджеты с jquery, со скриптом вида (указан в коде ЖЕЛТЫМ фоном):
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script>
то слайдер может не пойти. Обратитесь в комментариях, нужно будет в одном из виджетов этот скрипт убрать, так как он может быть применен только один раз на сайте!
111 коммент.:
https://www.blogger.com/profile/07226836786037319313
Шаблон у меня от блогспота - "Корпорация чудеса".
Павел, опубликовал еще один код в конце поста, может он вам подойдет?
[im]http://s018.radikal.ru/i527/1210/f4/86a30b6463d7.gif[/im]
https://www.blogger.com/profile/13746790384341325111
а по первому коду мне не понятно где искать это слово "body" - ведь в первом коде его нет.
http://boris-usa-pa.blogspot.de/
1) Вставляете скрипт в Добавить гаджет - HTML/JavaScript (сюда вставляется любой, на выбор "длинный" код).
2) В настройках находим - Шаблон, потом изменить HTML, далее - приступить, затем поставить галочку - Расширить шаблоны виджета и ищем "body" (как указано на скриншоте), перед которым в обоих случаях вставляется более "короткий" код.
ВНИМАНИЕ! ОСТОРОЖНО!
ЕСЛИ НЕТ ОПЫТА РАБОТЫ С ШАБЛОНОМ, ТО ЭТО МОЖЕТ ПРИВЕСТИ К УТРАТЕ БЛОГА!
http://blogodel.com/
https://www.blogger.com/profile/07226836786037319313
Вообще то установка слайдера, это уже уровень, хотя я многое упростил. Изначально установка состояла не из двух, а из трех частей.
А по поводу первого варианта, это слайдер который на этом блоге, у которого в шаблоне, живого места уже не осталось - весь переделан. По всей видимости, он подходит только для этого блога.
Когда Павел написал, что он криво отображается, я все утро переделывал код под тестовый блог, рассчитывая при этом, что эти размеры подойдут читателям больше. Вот получилось! Я тоже рад!
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/07226836786037319313
https://www.blogger.com/profile/07226836786037319313
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/07226836786037319313
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/09633896698588426590
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/07448972178358822541
https://www.blogger.com/profile/13746790384341325111
При смене слайда каждый новый сдвигается относительно предыдущего, то есть показывается часть предыдущего и часть следующего слайда одновременно.Подскажите как исправить данную ситуацию, какой элемент в коде отвечает за это.
Заранее спасибо.
https://www.blogger.com/profile/09134250547686408481
https://www.blogger.com/profile/13746790384341325111
Вот ссылка http://www.promebel48.ru/
https://www.blogger.com/profile/09134250547686408481
Пробуйте и все у вас получится!
https://www.blogger.com/profile/13746790384341325111
Всё получилось.У Вас полезнейший блог.
https://www.blogger.com/profile/09134250547686408481
https://www.blogger.com/profile/16670285554235296644
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/16670285554235296644
У меня ни на этом, ни на других моих блогах где стоит слайдер, никакой черной полоски нет??? :q
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/16552080603117463527
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/16552080603117463527
http://blogodel.com/2013/03/Krasivyj-slajder-slajd-shou-s-ochen-prostoj-ustanovkoj-dlja-Blogspot-Blogger.html
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/16552080603117463527
https://www.blogger.com/profile/13746790384341325111
http://www.dzignine.com/2012/04/legit/
https://www.blogger.com/profile/16552080603117463527
По поводу моего блога, у меня действительно "корпорация чудеса", и только шапка с того шаблона, что вы нашли !
https://www.blogger.com/profile/13746790384341325111
Не знаю как редактировать слайдер, вот как он должен выглядеть: http://cs418820.vk.me/v418820966/558c/5KM2kNKXPVA.jpg , а выглядит так: http://s019.radikal.ru/i611/1304/0b/9b6791a7700d.jpg .
Еще прошу помочь разобраться с этим разделом: http://s020.radikal.ru/i713/1304/cb/4b57e09d4826.jpg
Как сделать так чтобы показывали игры по жанру?
Мой сайт: http://www.flash-1001guru.ru/
Демо сайт шаблона: http://johny-cobadulu.blogspot.com/
https://www.blogger.com/profile/03324544538256051904
<div id='loopedSlider'>
<div class='container'>
<script>
document.write("<script src=\"/feeds/posts/default/-/hot games?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<a class='previous' href='#'></a>
<a class='next' href='#'></a>
<ul class='pagination'>
<script>
document.write("<script src=\"/feeds/posts/default/-/hot games?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<script type='text/javascript'>
$(function(){
$('#loopedSlider').loopedSlider();
});
</script>
</div>
</div>
https://www.blogger.com/profile/03324544538256051904
Подскажите пожалуйста что отвечает за расположение текста в данному слайдере? По момему все цифры уже менял, увеличил ширину, длину, картинку тоже менял. А вот текст не нашел где менять :(
https://www.blogger.com/profile/07638960230579746055
<div id='slider'>
<div id='loopedSlider'>
<div class='container'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<a class='previous' href='#'></a>
<a class='next' href='#'></a>
<ul class='pagination'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<script type='text/javascript'>
$(function(){
$('#loopedSlider').loopedSlider();
});
</script>
</div>
</div>
https://www.blogger.com/profile/13746790384341325111
.slide-desc {
padding:10px;
position absolute;
right:0px;
text-align left;
top:0;
[hi="yellow"]width:290px;[/hi]
z-index:1;
}
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/03324544538256051904
https://www.blogger.com/profile/16552080603117463527
http://kalugin.blogspot.ru/
https://www.blogger.com/profile/07638960230579746055
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/16552080603117463527
https://www.blogger.com/profile/13746790384341325111
Подскажите как установить ваш ротатор на страницу. Вы в ответах на вопросы писали [/box] Вставляете скрипт в Добавить гаджет - HTML/JavaScript (сюда вставляется любой, на выбор "длинный" код)[/box]- Выделите какой куда код вставлять?
Очень красивый ротатор и хочется его установить. Вот мой блог http://kaisundo.blogspot.com/ Шаблон "корпорация чудес".
Благодарю вас заранее!!!
https://www.blogger.com/profile/01939889199944834218
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/01939889199944834218
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/01939889199944834218
Специально для вас публикую скриншот с местом, где он установлен!
[im#]http://s019.radikal.ru/i616/1304/97/9821c195a517.jpg[/im]
https://www.blogger.com/profile/13746790384341325111
Помогите исправить HTML код. Установил шаблон, но не могу правильно редактировать код.
Вот сайт шаблона(пример)
http://johny-cobadulu.blogspot.com/
Мой сайт
http://www.flash-1001guru.ru/
В середине сайта есть такой виджет, вот картинка:
http://s017.radikal.ru/i421/1304/fa/e4912ecd67f3.jpg
Помогите исправить виджет, или стоит убрать его из шаблона? помогите пожалуйста
https://www.blogger.com/profile/03324544538256051904
[im#]http://s019.radikal.ru/i607/1304/2b/43c7467d89ed.jpg[/im]
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/03324544538256051904
https://www.blogger.com/profile/13746790384341325111
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=200;summaryPost1=60;summaryTitle=20;numposts1=6;numposts3=6;numposts2=5;numposts=10;Title1="Стрелялки";Title2="Драки";Title3="Головоломки";Title4="Защитить крепость";Title5="Споривные игры";Title6="Детские игры";function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="column"><a href="'+posturl+'"><img class="column_img" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2></div>';document.write(trtd);j++}}
https://www.blogger.com/profile/03324544538256051904
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/03324544538256051904
Попробуйте через Гугл найти сайт разработчика шаблона и почитать через Гугл переводчик! Наверняка там в комментариях, будут ответы на ваши вопросы!
Могу, также посоветовать профессионального программиста по Блогспоту: http://blogger.omg-linux.ru/
https://www.blogger.com/profile/13746790384341325111
как поставить изображение в сообщении так чтобы показывало её в гаджете "Популярные сообщения" в место "no images" вот сайт примера: http://kushati.blogspot.com/
https://www.blogger.com/profile/03324544538256051904
<div class='widget PopularPosts' id='PopularPosts1'>
<div class='widget-content popular-posts'>
<ul class='slides'>
<li>
<div class='single-media-thumb'>
<img alt='no image' height='72' src='[hi="yellow"]http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/s72/no-image.png[/hi]' width='72'/>
<div class='mask'>
<a href='http://kushati.blogspot.de/2013/05/blog-post_2310.html' rel='bookmark' title=' '></a>
<div class='clear'></div>
</div>
</div>
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/03324544538256051904
https://www.blogger.com/profile/06277299326705285702
https://www.blogger.com/profile/13746790384341325111
Вот мой сайт: http://arcan1.blogspot.com/
Вот демо сайт шаблона: http://replay-soratemplates.blogspot.com/
Вопрос такой: не могу загрузить никак на сайте в плеере музыку, в демо сайте поет все четко у меня никак не получается, если знакомы с этим помогите пожалуйста. Читал по инструкции на английском сайте что надо через сервис загрузить и вставить ссылку, получилась такая ссылка, не помогла
https://www.dropbox.com/s/7c44flweas9khvo/PSY_-_Gentleman_(get-tune.net).mp3 , ниже будет код плеера
https://www.blogger.com/profile/03324544538256051904
[im#]http://s59.radikal.ru/i163/1305/f8/c8b0695d457e.jpg[/im]
https://www.blogger.com/profile/13746790384341325111
<div class='background'>
<div class='container'>
<div class='jp-audio' id='jp_container'>
<div class='jp-type-playlist'>
<div class='jp-jplayer' id='jquery_jplayer'/>
<div class='jp-gui'>
<div class='jp-interface'>
<div class='jp-info'>
<div class='jp-title'>
<ul>
<li/>
</ul>
</div>
<div class='jp-time'>
<div class='jp-current-time'/>
<div>/</div>
<div class='jp-duration'/>
</div>
<div class='clear'/>
<div class='jp-progress'>
<div class='jp-seek-bar'>
<div class='jp-play-bar'/>
</div>
</div>
</div>
<div class='jp-controls-holder'>
<ul class='jp-controls'>
<li><a class='jp-previous' href='javascript:;' tabindex='1'/></li>
<li><a class='jp-play' href='javascript:;' tabindex='1'/></li>
<li><a class='jp-pause' href='javascript:;' tabindex='1'/></li>
<li><a class='jp-next' href='javascript:;' tabindex='1'/></li>
</ul>
</div>
<div class='jp-volume-bar'>
<div class='jp-volume-bar-value'/>
</div>
<div class='jp-playlist'>
<ul>
<li/>
</ul>
</div>
</div>
</div>
<div class='jp-no-solution'>
<span>Update Required</span>
To play the media you will need to update your browser to a recent version. </div>
</div>
</div>
<div class='playlist'>
<a href='/song1.mp3'>Song Title 1</a>
<a href='/song2.mp3'>Song Title 2</a>
</div>
<div class='featured-player-button'>
<div class='button-container '>
<a class='button' href='#' target='_blank'><span>Download</span></a>
</div>
</div>
<div class='clear'/>
</div>
</div>
</div>
</b:if>
https://dl-web.dropbox.com/get/%D0%BC%D1%83%D0%B7%D1%8B%D0%BA%D0%B0/PSY_-_Gentleman_%28get-tune.net%29.mp3?w=AADpDiR41VQchjE_a8VU7DNZfJ4zYtqZlM5uqYSOk4zIQg
поставил эту ссылку, не воспроизводится
https://www.blogger.com/profile/03324544538256051904
<div class='featured-player'>
<div class='background'>
<div class='container'>
<div class='jp-audio' id='jp_container'>
<div class='jp-type-playlist'>
<div class='jp-jplayer' id='jquery_jplayer'></div>
<div class='jp-gui'>
<div class='jp-interface'>
<div class='jp-info'>
<div class='jp-title'>
<ul>
<li></li>
</ul>
</div>
<div class='jp-time'>
<div class='jp-current-time'></div>
<div>/</div>
<div class='jp-duration'></div>
</div>
<div class='clear'></div>
<div class='jp-progress'>
<div class='jp-seek-bar'>
<div class='jp-play-bar'></div>
</div>
</div>
</div>
<div class='jp-controls-holder'>
<ul class='jp-controls'>
<li><a class='jp-previous' href='javascript:;' tabindex='1'></a></li>
<li><a class='jp-play' href='javascript:;' tabindex='1'></a></li>
<li><a class='jp-pause' href='javascript:;' tabindex='1'></a></li>
<li><a class='jp-next' href='javascript:;' tabindex='1'></a></li>
</ul>
</div>
<div class='jp-volume-bar'>
<div class='jp-volume-bar-value'></div>
</div>
<div class='jp-playlist'>
<ul>
<li></li>
</ul>
</div>
</div>
</div>
<div class='jp-no-solution'>
<span>Update Required</span>
To play the media you will need to update your browser to a recent version. </div>
</div>
</div>
<div class='playlist'>
<a href='https://dl.dropbox.com/u/105975187/Basic Element.mp3'>Basic Element</a>
<a href='https://dl.dropbox.com/u/105975187/On a Good Day.mp3'>On a good day</a>
</div>
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/03324544538256051904
В слайдере не отображается картинка, простой белый фон. Я ничего в коде не менял, удалил гаджет и заново установил, так же проблема.
Скриншот: http://s020.radikal.ru/i720/1306/b7/ceffb9484285.jpg
Мой сайт: flash-1001guru.ru
https://www.blogger.com/profile/03324544538256051904
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/03324544538256051904
https://www.blogger.com/profile/16102205434502757297
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/17594391081998596699
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/17594391081998596699
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/16903077538020874773
У вас нет ротации на слайдерах по причине ошибки копирования или пробуйте другой, указанный в этой статье вариант кода!
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/16903077538020874773
https://www.blogger.com/profile/06053034232239019070
http://stroganowa.blogspot.ru/
ВРОДЕ, СЛАЙДЕР РАБОТАЕТ НОРМАЛЬНО???
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/08235434287066145905
https://www.blogger.com/profile/13746790384341325111
Ещё раз спасибо за хорошие виджеты!
https://www.blogger.com/profile/08235434287066145905
https://www.blogger.com/profile/08235434287066145905
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/08235434287066145905
Вордсом лучше не пользоваться, поисковые системы не любят кракозябры.
http://www.youtube.com/watch?v=K8cdWhsNJVU
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/16903077538020874773
Может быть подскажете, как заставить вкладку меню изменять цвет, когда на нее (страницу) заходишь?
Спасибо.
https://www.blogger.com/profile/01274725960606171026
https://www.blogger.com/profile/13746790384341325111
Спасибо за отклик.
https://www.blogger.com/profile/01274725960606171026
Подробно об этом описано по следующей ссылке:
http://samasajt.blogspot.de/2012/05/blog-post_15.html
https://www.blogger.com/profile/13746790384341325111
}
</style><div id="slider">
лишняя скобка, имхо
https://www.blogger.com/profile/00321732139903518943
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/00321732139903518943
https://www.blogger.com/profile/03308028311686406104
Скажите!Можно как-то совместить эти два скрипта?
https://www.blogger.com/profile/03308028311686406104
https://www.blogger.com/profile/08991795518177434264
https://www.blogger.com/profile/14110721419245550509
https://www.blogger.com/profile/08991795518177434264
https://www.blogger.com/profile/13746790384341325111
Пациент: http://oxablogg.blogspot.ru/
https://www.blogger.com/profile/04969712913211959393
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/04969712913211959393
https://www.blogger.com/profile/14292784301438579336
https://www.blogger.com/profile/04969712913211959393
https://www.blogger.com/profile/06614338168893379484
гаджет не будет работать.Что же делать, как заставить работать слайдер?Справку почитала, не поняла.
https://www.blogger.com/profile/09378114916115032510
https://www.blogger.com/profile/09155206641021982215
Отправка комментария
Дорогие Друзья! К сожалению, по причине здоровья, моя активность по этому блогу будет осуществляться по мере ВОЗМОЖНОСТИ!