Как настроить RSS канал блога на blogger

Когда я только завела свой блог, для меня была целая проблема разобраться с RSS. Я имела представление о том, что это такое, я знала, что у blogger есть канал RSS. Но когда я стала регистрироваться в каталогах блогах, там требовалось указать URL канала. В тот момент у меня не было на блоге гаджета "Ссылки на подписки", а что такое "Подписаться на сообщения (Атом)" я ещё не разобралась, поэтому  я не знала, где я могу посмотреть URL канала, откуда мне его взять. Теперь, когда я во всем разобралась, я решила написать об этом статью, для таких же одарённых, как я. Итак, по порядку.

Во-первых, конечно же, можно не париться, и просто установить гаджет "Ссылки на подписки", но смотрится он как-то хиленько и не интересно.

Во-вторых, кому очень сильно нужно узнать адрес канала, но не хочется сейчас все это настраивать, то урлы каналов можно увидеть в исходном коде страницы.

<link rel="alternate" type="application/atom+xml' title="Название вашего блога - Atom" href="http://имя блога.blogspot.com/feeds/posts/default" /> <link rel="alternate" type="application/atom+xml' title="Название вашего блога - RSS" href="http://имя блога.blogspot.com/feeds/posts/default?alt=rss" />

Конечно, можно ограничиться и этими знаниями, и больше ничего не делать, но...

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

Может вы уже встречали такое выражение "Прожечь свой фид", именно инструкцию о том, как это сделать я и решила написать.

Инструкция предполагает наличие блога на blogger и аккаунта Google.

Заходим на FeedBurner, нас автоматически перенаправит на страницу Google. Входим в аккаунт Google, и сразу окажемся на странице "Мои фиды". Если у вас все по английски, то в верхнем правом углу есть ссылка Languages, меняем язык, и теперь половина слов у нас на русском.

В предложенную форму вводим адрес своего блога. Рядом с формой есть пункт "Я подкастер". Галочку нужно ставить в том случае, если вы собираетесь через RSS распространять аудио/видео материалы. И жмём Next. 
В появившемся окошке 

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

источник

Новости на вашем сайте

Вы можете поставить на свой сайт заголовки и аннотации сюжетов Яндекс.Новостей, а также просматривать их с помощью любых программ и сервисов, совместимых с форматом RSS.
Ещё более простой способ поставить на свою страницу заголовки Яндекс.Новостей — воспользоваться готовым новостным информером. Установка информера доступна любому, не требует специальных знаний и занимает минуту: ссылка

источник

НОВОСТНОЙ ИНФОРМЕР, ЭКСПОРТ НОВОСТЕЙ

Хотите зинтересовать аудиторию своего сайта интересными новостями? Просто установите новостной информер «Неделя Новостей» и ваши посетители будут получать самую свежую информацию не отрываясь от вашего сайта.

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

Настроить новостной информер за 5 минут можно прямо здесь.

источник

Архив блога на статической странице в Blogger

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

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

Архив на статической странице

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

Как вывести архив блога на статическую страницу в blogger

Для этого заходим в панель инструментов Blogger - Страницы - Создать страницу. Даём название и в режиме HTML вставляем скрипт:

<script> var blog_archive = []; var month_name = ["January", "February", "March", "April", "May","June", "July", "August", "September", "October", "November", "December"]; function blog_archive_callback(json){ if(!("entry" in json.feed)) return; for(var i=0;i<json.feed.entry.length;i++){ var e=json.feed.entry[i]; var y=e.published.$t.substring(0, 4); var m=e.published.$t.substring(5, 7); var d=e.published.$t.substring(8, 10); var h=''; for(var j=0;j<e.link.length;j++){ if(e.link[j].rel=="alternate"){ h=e.link[j].href; break } } if(h=='')continue; if(typeof blog_archive[y]=="undefined") blog_archive[y]=[]; if(typeof blog_archive[y][m]=="undefined") blog_archive[y][m]=[]; if(typeof blog_archive[y][m][d]=="undefined") blog_archive[y][m][d]=[]; blog_archive[y][m][d].push("<a href='"+h+"'>"+e.title.$t+"</a>"); } } function blog_archive_display(){ var years = []; for ( y in blog_archive ) years.push(y); if(years.length<1) return; years.sort(); years.reverse(); for(var y=0;y<years.length;y++){ var year = years[y]; var months = []; for ( m in blog_archive[year] ) months.push(m); if(months.length<1) continue; months.sort(); months.reverse(); for(var m=0;m<months.length;m++){ var month = months[m]; document.write("<p> <b><a href='/"+ year +"_"+ month +"_01_archive.html'>"+ month_name[parseInt(month)-1] +" "+ year +"</a></b></p> "); var days = []; for ( d in blog_archive[year][month] ) days.push(d); if(days.length<1) continue; days.sort(); days.reverse(); document.write("<ul>"); for(var d=0;d<days.length;d++){ var day = days[d]; if(blog_archive[year][month][day].length<1) continue; for(var i in blog_archive[year][month][day]) { document.write(" <li>["+ day +"] "+ blog_archive[year][month][day][i] +"</li> "); } } document.write("</ul> "); } } } </script> <script src="#####/feeds/posts/default?max-results=999&alt=json-in-script&callback=blog_archive_callback"></script> <script>blog_archive_display();</script>

В коде скрипта меняем решетки #### на URL адрес вашего блога. Опубликовываем страницу. Всё. Готово. Всего доброго. До новых встреч.

источник

Виджет случайных сообщений

Привет, дорогие мои друзья! Давненько я здесь не появлялся с новыми предложениями для Вас. Времени совершенно не хватает. Занимаюсь новыми проектами. Купил домены, хостинг (совсем не дорого) и создал свои блоги на движке WordPress. Знаете, отличная вещь. Больше возможностей, а следовательно в ближайшей перспективе надеюсь на хорошие заработки (тьфу, тьфу, чтоб не сглазить). И вам советую сделать тоже самое. Если возникнет желание, напишите, помогу, расскажу где, что, когда и сколько. А теперь давайте перейдём к нашей основной теме.

Виджет случайных сообщений для вашего блога

Кто не знаком с принципом работы виджета, коротко объясню. Каждый раз при обновление страницы, гаджет будет выводить разные случайные посты, то есть, ни когда не угадаешь, что он покажет в следующий раз. Виджет будет вытягивать совсем старые статьи, а это увеличит просмотры страниц. Вот как то так. Смотрите работу виджета тут. Обновляйте страницу и Вы всё увидите. Скриншот:

Случайные сообщения.

Для того, что бы установить красивый виджет случайных сообщений в блог, зайдите в панель инструментов blogger, выберите шаблон - дизайн - добавить гаджет HTLM/JavaScript и в его поле вставить код:

<style scoped="" type="text/css"> #random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px} </style> <ul id='random-posts'> <script type='text/javaScript'> var rdp_numposts=5; var rdp_snippet_length=150; var rdp_info='no'; var rdp_comment='Комментарии'; var rdp_disable='Off комментарии'; var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum}; </script> <script type='text/javaScript'> function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write(' <li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div> <a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div> ');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"> </div> </li> ')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')}; </script> </ul>

Сохраните гаджет. Перетащите его в нужное вам место на боковой панели. В коде можете настроить различный цвет. : 5, - указать количество вывода сообщений и т.д.
Добавлю ещё один виджет - Случайные сообщения без миниатюр
Выберите гаджет HTLM/JavaScript и в его поле вставить код: <script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=5;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li> "; document.write(item);}} }document.write('</ul> ');} </script> <script src="http://demo-school-blogger.blogspot.ru/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script> <div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"> </div>

Замените адрес блога http://demo-school-blogger.blogspot.ru на свой. 

источник

Виджет последние статьи с анимацией для Blogger

Привет всем! Представляю Вам виджет для Blogger: последние статьи (сообщения) с анимацией. Виджет с большим выбором опций. Скриншот виджета  Вы видите, если есть желание посмотреть в живую, пожалуйста сюда.

Теперь давайте установим виджет последние сообщения с анимацией в блог.

Вам нужно сделать следующее. Перейти в Blogger. Выбрать дизайн блога. Затем нужно - добавить гаджет HTML / JavaScript, а затем скопируйте представленный код и вставьте его в поле гаджета. Гаджету не давать название.

Вот код виджета:

<style type="text/css"> div.spy-outer { border:2px solid white; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4); box-shadow:0px 1px 3px rgba(0,0,0,0.4); margin:0px auto; } div.spy-outer h2 { margin:0px 0px; padding:5px 10px; background-color:#646464; background-image:-webkit-linear-gradient(top, #8B8B8B, #3D3D3D); background-image:-moz-linear-gradient(top, #8B8B8B, #3D3D3D); background-image:-ms-linear-gradient(top, #8B8B8B, #3D3D3D); background-image:-o-linear-gradient(top, #8B8B8B, #3D3D3D); background-image:linear-gradient(top, #8B8B8B, #3D3D3D); color:white; font:bold 12px Arial,Sans-Serif; text-transform:none; text-shadow:0px 1px 2px black; } ul.spy { margin:0px 0px; padding:0px 0px; font:normal 10px/12px Arial,Sans-Serif; color:#353535; overflow:hidden; } ul.spy li { list-style:none; text-align:left; margin:0px 0px; padding:5px 7px; background-color:#9E9E9E; background-image:-webkit-linear-gradient(top, #B1B1B1, #F7F7F7); background-image:-moz-linear-gradient(top, #B1B1B1, #F7F7F7); background-image:-ms-linear-gradient(top, #B1B1B1, #F7F7F7); background-image:-o-linear-gradient(top, #B1B1B1, #F7F7F7); background-image:linear-gradient(top, #B1B1B1, #F7F7F7); border-top:1px solid #4E4E4E; border-bottom:1px solid #FFFFFF; word-wrap:break-word; overflow:hidden; } ul.spy a {text-decoration:none;} ul.spy li em { font-weight:bold; color:#0B5D94; } ul.spy a.header { font:bold 12px/14px 'Trebuchet MS',Arial,Sans-Serif; display:block; color:#C00000; text-shadow:0px 1px 0px rgba(0,0,0,0.2); } ul.spy a.header:hover { color:#0556CF; text-decoration:underline; } ul.spy li .summ { margin-top:5px; overflow:hidden; } ul.spy li .imgwrap, ul.spy li img { float:right; margin:0px 0px 2px 7px; width:72px; height:72px; border:4px solid #E6E6E6; background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%; padding:0px; } ul.spy li .imgwrap { -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.7); box-shadow:0px 0px 2px rgba(0,0,0,0.7); } ul.spy li img { border:none !important; float:none; margin:0px 0px; padding:0px 0px; display:none; } </style> <script type='text/javascript'> var <span style="color: #990000;">spyTitle = "Последние статьи блога"</span>, <span style="color: #990000;">numposts = 7</span>, numchars = 127, komentar = "Комментарии", pBlank = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg", modeID = true, showSummaries = true, openNewTab = false, showPostDate = true, showComment = true, showThumbnails = true, animatedRecentPost = true, limitspy = 4, intervalspy = 4000,<span style="color: #990000;"> tickspeed = 1000;</span> </script> <script type="text/javascript" src="https://ivyth.googlecode.com/svn/js/rp-spy-whatever-v1-dte.js"></script> <script src="<span style="color: #990000;">http://forbloggerhelp.blogspot.ru</span>/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Далее меняем http://forbloggerhelp.blogspot.ru на свой адрес блога. numposts = 7- указать сколько последних постов Вы хотите, что бы выводил виджет. spyTitle = "Последние статьи блога"- напишите свой текст. tickspeed = 1000; - скорость прокрутки. Многое сможете настроить сами.

Сохраните гаджет и переместите его в нужное Вам место на боковой панели. Вот вроде всё. Всем пока. До новых встреч.

 Виджет взят за бугром -- mkr-site.blogspot.com

Гаджет событий для Blogger

Для информирования о событиях важных и не очень, интересных и не особо, общественных и частных, онлайновых и реальных, локальных и мировых существует гаджет Event (Событие) для Blogger. Подробности установки и настройки – далее по тексту.

Для установки гаджета «Событие» нужно перейти на вкладку Дизайн и щелкнуть ссылку «Добавить гаджет». Скрывается он в группе Избранные (featured), либо можно добавить гаджет по его URLиспользуя пункт Добавьте свой собственный (add your own).
http://www.google.com/ig/modules/calendar/socialevent/bloggerevent.xml

Какую бы последовательность ты не избрал, это должно привести тебя к окну настройки гаджета Event:



Здесь тебе предстоит ввести Заголовок (Title) и Описание (Description) события, указать дату и время начала и окончания, Местоположение(Location) и Адрес явочной квартиры. Время указывается как во всех нормальных странах – в 24-часовом формате, дата задается в виде: ГГГГ-ММ-ДД. И не делай заголовок и описание слишком длинными, а то получишь ошибку 414: Request-URI Too Large.

Гаджет позволяет твоим читателям присоединиться к событию, а также видеть кто из их друзей, использующих FriendConnect тоже заявил об участии. В дополнение, любой имеющий аккаунт в Google Calendar может поместить данное событие в свое расписание в календаре Google.



Так же ты можешь разместить несколько событий в блоге и, задав им разные заголовки или ID, отслеживать присоединившихся к каждому «ивенту» в отдельности.

LimPay - пожизненно +2% ежедневно, от депозита!

LimPay

Среднедоходный проект с популярным бессрочным маркетингом. Ежедневная прибыль по депозитам составляет 2%. Подробный расчет на каждый день вы можете узнать, воспользовавшись калькулятором инвестиций на главной странице сайта.
✈ Старт: 14.01.2017 в 18:00 по МСК
Маркетинг: 2% в день бессрочно 
Минимальный вклад: 1 USD
Максимальный вклад: 100000 USD
Количество депозитов, которые может создать инвестор, не ограничено.
Минимальная сумма для выплат: 0.02 USD
Принимает: Payeer, Perfect Money
Тип выплат: инстант
Реф-программа: 5%
Техническая часть:
— уникальный дизайн
— SSL сертификат 
— защита от DDoS
— мультиязычность
Посмотреть/Инвестировать: https://limpay.net/?i=572

Депозит:

Как изменить стандартный widget статистики

Предлагаю вам, блоггеровский стандартный виджет статистики, немного изменить. Добавить к счетчику просмотров страниц ещё пару строк, а именно, статистику написанных сообщений и счетчик количества комментариев. А самое главное, мы изменим дизайн виджета, естественно в лучшую сторону.
Если цифры на информере, будут внушительные, то такой счетчик и не стыдно показать вашим посетителям блога
Заходим в панель инструментов Blogger - шаблон - изменить HTML. Найти тег, куда в шаблоне обычно вставляются все стили ]]></b:skin> и перед тегом (чуть выше) вставить код: #Stats1 ul{margin:10px 0;border:0;padding:0} #Stats1 li{margin:0;border:0;background-color:#ff4e47;background-image:url(https://dl.dropboxusercontent.com/u/48089857/sprites-stats.png);background-repeat:no-repeat;padding:10px 10px 10px 80px;list-style-type:none} #Stats1 h4{margin:0;font-size:22px;line-height:1.2em;color:#fff;text-shadow:none} #Stats1 span{font-size:13px;color:#fff;text-shadow:none} #totalComments{background-position:0 -68px} #totalCount{background-position:0 -136px}
Сохраните шаблон. По умолчанию цвет фона красный, менять в этой строчке - background-color:#ff4e47. Подобрать цвет можно тут. Следующий шаг. Если у вас в блоге не добавлен виджет "Статистика", добавьте пожалуйста. Открываем список виджетов в шаблоне/Виджет "Статистика" имеет название "stats 1" вот на него и нажимаем. Появится строчка виджета, его нужно раскрыть (раньше в старом редакторе ставили галочку "Расширить шаблоны виджета" теперь нажимаем с левой стороны стрелочку).

Затем нужно заменить стандартный код на этот: <b:widget id='Stats1' locked='false' title='' type='Stats'> <b:includable id='main'> <div class='widget-content'> <h2> Статистика блога</h2> <ul> <li> <h4 id='Stats1_totalPosts'> …</h4> <span>Написал</span> </li> <li id='totalComments'> <h4 id='Stats1_totalComments'> …</h4> <span>Комментарий</span> </li> <li id='totalCount'> <h4 expr:id='data:widget.instanceId + "_totalCount"'> …</h4> <span>Просмотров</span> </li> </ul> <script type='text/javascript'> //<![CDATA[ function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>'); //]]> </script> </div> </b:includable> </b:widget>
Сохраните шаблон. Готово. Если хотите, можете заменить текст в виджете, на свой.

источник

Как добавить тень к тексту

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

Реализовать это можно очень легким способом – добавить тень к тексту, другими словами создать эффект тени. Красиво смотрится при большом формате шрифта.

1. Открыть редактор сообщения
2. Переходим на вкладку HTML
3. Копируем код для добавления тени и вставляем его в редактор:

<div style="text-shadow: 4px 4px 8px black;">Отрывок текста или слова</div>

4. Заменяем выделенное, на нужную информацию.

Всё. В принципе добавить код можно после написания статьи. Так будет проще.

Настройка тени:

4px – меняем в большую сторону, тень двигается вправо.
4px – увеличивая, тень двигается вниз.
8px – отвечает за жирность тени.Вместо цвета black (черный), можно поставить любой другой, например:

blue (синий)
red (красный)
и другие цвета. После добавления тени, можно выделить текст с тенью и менять размер, цвет, расположение.

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

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

источник

Добавление таблицы в Blogspot блог

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

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

1) Вставка таблицы в виде картинки

Это, наверное, самый простой способ и замечу вам не самый худший. Вы создаете таблицу в Excel или другом табличном редакторе (можно даже не в табличном, а векторном, вроде CorelDraw или Adobe Illustrator), делает скриншот этой таблицы и размещаете в виде картинки у себя в посте. Главные достоинство такого способа:

• простота;
• хороший контроль над тем как выглядит таблица;
• возможность добавлять к таблице пояснения, маркеры или что еще (с помощью Adobe Photoshop когда у вас уже сохранен скриншот).

2) Экспорт таблицы из табличного процессора

Если вы все же хотите вставить таблицу в виде HTML-кода, есть опять же один удобный (вам не придется писать не строчки кода) способ. Как и в первом способе сделайте таблицу в вашем любимом табличном процессоре - например, в Excel. Далее сохраните этот файл в формате HTML - жмете "Сохранить как", после чего выбираете формат "веб страницы", но обязательно проследите чтобы окончание было html, а не htm.

В зависимости от разных версий Excel дальнейшие действия могут отличаться. В моем случае программа при сохранении создает файл *.html и директорию files. В этой директории находится файл sheet001.html, который соответствует первому листу в сохраненной таблице Excel. Нужно открыть этот файл в блокноте и выделите все что находится между тегами <table> и </table> (включая сами теги), скопируйте и вставьте в пост. Следует, правда, заметить, что таблица будет содержать множество различных html свойств для ячее td, которые, в принципе, можно удалить.

Если ваш табличный процессор не позволяет сохранять файлы в формате html, всегда можно воспользоваться Google Docs, куда либо импортировать созданный файл либо создать там таблицу заново и после этого загрузить ее обратно в виде HTML (меню Файл - Загрузить как - выбрать HTML). В некоторых случая можно прямо в Google Docs выделить таблицу и скопипастить ее в Blogger.

3) Использование HTML-редактора

Для создания таблиц можно использовать HTML-редактор, вроде Dreamweaver. Создать с его помощью таблицу — плевое дело. Потом останется только ее скопировать. Фишка в том, что Dreamweaver совмещает в себе инструменты для работы с HTML элементами, например, там есть кнопка "вставить таблицу". С другой стороны вы всегда можете посмотреть конкретный HTML код, который был добавлен, после чего скопировать его для Blogger`а. 

4) Написать код вручную

В конце концов, если таблица не очень большая и не очень сложная по структуре, ее совсем не сложно создать вручную, прямо в редакторе поста (в режиме HTML). Синтаксис таблицы весьма прост, вот элементарный пример:

<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

Подробнее об использовании тега Table и все пояснения к коду можно посмотреть здесь. Если оценивать со стороны, какой из методов самый простой, то конечно это вставка картинки в пост блога, при этом вы легко можете задать таблице любой оформление. Иногда я именно его и использую. Также часто применяю создание таблиц в Dreamweaver, если мне на странице нужно не просто отобразить результат, но и важно чтобы был текст вместо изображения, так как именно текст может восприниматься и индексироваться поисковиками.

источник

Защита от спама в комментариях

Спам-комментарии это такие комментарии, которые, по своей сути не несут полезной информации, относящейся к блогу. Чаще всего это нейтральный выражения, наподобии: "Спасибо за статью", "Было интересно", "Пиши ещё", "Автор ты не прав" и другие. Такие комментарии легко опознать, так как они подходят практически к любой тематике блога. Однако, это только первый шаг к опознанию спамера. Ведь, вполне может быть и так, что человек от чистого сердца хотел сказать "Спасибо". Главное для спамера - оставить ссылку на свой ресурс с Вашего блога. Пройдите на ресурс комментатора. Это Вы можете сделать, просто щёлкнув по имени комментатора. Если Вы попадёте на коммерческий ресурс, например о пластиковых окнах, то вполне может быть, что на Вашем блоге поселился спамер.

Давайте, закроем доступ к нашим блогам для спамеров. Сделать это очень просто.

Перейдите в панель управления Вашего блога

Выберите вкладку Настройки

Затем Комментарии

Теперь, давайте пройдёмся по опциям:

Кто может отправлять комментарии?

Тут желательно указать Зарегистрированные пользователи - включает OpenID. Но это на Ваше усмотрение. Лично я против анонимных комментаторов. Я хочу знать своих читателей "в лицо", вернее в блог.
Настройка по умолчанию для комментариев в сообщениях

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

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

Если в прошлой опции Вы выбрали Никогда то можете доверить модерацию комментариев роботу, который проверяет наличие человека "по ту сторону экрана". Ведь чаще всего спам рассылается ботами, а не человеком.
Оповещение о комментарии по электронной почте

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

Не забудьте сохранить настройки.

источник

Куда заливать свои файлы

Привет всем! Кто сталкивался с проблемой где можно бесплатно хранить Ваши файлы и не только хранить, но и чтобы посетители могли кликнуть по ссылке прямо из поста и скачать файл
Дать возможность скачать файл по прямой ссылке, оказывается можно с помощью Google Сайтов. Для этого нам нужно создать свой сайт или выбрать уже готовый. Как сделать так, чтобы посетители могли кликнуть по ссылке прямо из поста и скачать файл.Заходим в свой аккаунт на Google. Находим ссылку на сайты и кликаем по ней.
На следущей странице заполняем название сайта,дизайн и другие настройки можно сделать и позже, обратите внимание на пункт Дополнительные параметры – Общий доступ.
Обязательно выберите - Этот сайт может просматривать любой пользователь. Если не сделать эту настройку, ваши файлы не будут доступны для скачивания. Кстати там можно выбрать готовый сайт. Если Вы не хотите ломать голуву, советую выбрать из предложенных вариантов.

После заполнения,жмем кнопку Создать сайт. 
Нажмите кнопку - Ещё. Выпадет меню: выбираем пункт Управление сайтом. Попадаем на страницу Управление сайтом. Нажимаем пункт: Приложения

Дальше жмем на кнопку Загрузить и загружаем файл с компьютера.Когда загрузите файл. Жмем правой кнопкой мыши по ссылке загрузить. И выбираем пункт Копировать ссылку.Но эту ссылку пока нельзя вставлять в блог. Её необходимо немного отредактировать.

https://sites.google.com/site/help/ cmotrim tyt.rar?attredirects=0&d=1У этой ссылки необходимо удалить все, что находится после знака вопроса. Ссылка должна заканчиваться строго на типе файла, в данном случае так:

https://sites.google.com/site/ help/ cmotrim tyt.rar .rarВот такую ссылку можно вставлять в блог. 

источник

Где хранить свои файлы

Где найти онлайн сервис для хранения сценариев (Scripts), стилей CSS, а также различных кнопок "вверх" или изображений кнопок социальных сетей, присутствующих во многих виджетах для blogger.
Dropbox хостинг для файлов с прямой ссылкой на скачивание и хранения скриптов для blogger
 Популярности этого сервиса способствует простота и надежность его работы в сочетании со множеством возможностей, которые открываются в процессе его использования. В придачу к простоте, появился Dropbox на нашем родном, великом и могучем русском языке.

И так, на dropbox.com регистрируем аккаунт.
 Имя,Фамилия, почта и пароль. Соглашаемся с условиями использования и нажимаем кнопку "Регистрация" Далее вам предложат скачать с сайта программу-клиент
Установка обычная, как и все программы. Клиент устанавливается в автозагрузку и тихо работает в фоновом режиме.
В проводнике на вашем компьютере создаётся папка Dropbox:

Когда Dropbox установлен, осталось разобраться, как он работает и как использовать Dropbox для blogger. Допустим Вы установили виджет похожих сообщений, но Вам нужно поменять размер миниатюр. В самом коде этого сделать нельзя, нужно редактировать в скрипте, который лежит на хостинге Dropbox. Как же быть в таком случае? Всё очень просто. Вот код со скриптом:  <!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://dl.dropbox.com/u/48089857/relatedthumbs19.js' type='text/javascript'/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
Здесь есть ссылка на script:
http://dl.dropbox.com/u/48089857/relatedthumbs19.js вам просто нужно кликнуть на неё и откроется содержание скрипта:

Теперь выделите всё содержимое, скопируйте и сохраните у себя на компьютере. Открываем затем сохраненный файл программой Notepad++ и редактируем размер картинки, шрифт и т. д. Сохраняем. Теперь, что бы загрузить отредактированный JScript на хостинг Dropbox, вам нужно переместить файл в папку "Public", у себя на компьютере.

После того как файл будет синхронизирован с вашим хостингом, Вы увидите, что значок рядом с ним стал зелёным. Теперь вам нужно получить ссылку на этот файл. Для этого нужно кликнуть на значок в трее, появится окошко, нажимаем на dropbox.com и Вы попадаете в свой аккаунт:где находятся ваши две папки "Public" и "Photos". Нажимаем на папку "Public", вашему взору предстанут все файлы, папки и т. д. загруженные на хостинг. В нашем примере нам нужен ваш отредактированный скрипт.

Правой кнопкой мыши кликаем на нужный файл. Появится окошко с меню:

Как видите, здесь можно проделать различные операции с файлом ( вовремя всё таки появился русский язык, раньше приходилось трудней). Нажимаем "Копировать ссылку". Появится окошко с нашей ссылкой на скрипт.

По необходимости, есть возможность сократить ссылку. Далее копируете и меняете ссылку в коде виджета на свою. Готово. Такую процедуру можно выполнять с картинками соцкнопок, кнопок "вверх" и всего остального.

источник

Виджет объявления для Blogger

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

Перейдите Дизайн. Выберите HTML/JavaScript гаджет. Вставьте в его поле следующий длинный код: <style type="text/css"> /*Example CSS for the two demo scrollers*/ #pscroller2{ background:url(https://lh3.googleusercontent.com/-j_Gl9nMOfYM/TuGZtu3yIbI/AAAAAAAACpo/Zc3qQ2y63V8/s30/upda%25D1%2582.png) no-repeat top left; width: 430px; height: 20px; border: 1px solid #ddd; padding: 3px 3px 3px 40px; margin:10px 0; } #pscroller2 a{ text-decoration: none; color:#0080ff; } #pscroller2 a:hover{ text-decoration: underline; } .someclass{ } </style> <script type="text/javascript"> /*Example message arrays for the two demo scrollers*/ var pausecontent2=new Array() pausecontent2[0]='<a href="#">Ваш текст здесь</a>' pausecontent2[1]='<a href="#">Ваш текст здесь</a>' pausecontent2[2]='<a href="#">Ваш текст здесь</a>' pausecontent2[3]='<a href="#">Ваш текст здесь</a>' </script> <script type="text/javascript"> function pausescroller(content, divId, divClass, delay){ this.content=content //message array content this.tickerid=divId //ID of ticker div to display information this.delay=delay //Delay between msg change, in miliseconds. this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is) this.hiddendivpointer=1 //index of message array for hidden div document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"> <div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1"> '+content[0]+'</div> <div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2"> '+content[1]+'</div> </div> ') var scrollerinstance=this if (window.addEventListener) //run onload in DOM2 browsers window.addEventListener("load", function(){scrollerinstance.initialize()}, false) else if (window.attachEvent) //run onload in IE5.5+ window.attachEvent("onload", function(){scrollerinstance.initialize()}) else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec setTimeout(function(){scrollerinstance.initialize()}, 500) } // ------------------------------------------------------------------- // initialize()- Initialize scroller method. // -Get div objects, set initial positions, start up down animation // ------------------------------------------------------------------- pausescroller.prototype.initialize=function(){ this.tickerdiv=document.getElementById(this.tickerid) this.visiblediv=document.getElementById(this.tickerid+"1") this.hiddendiv=document.getElementById(this.tickerid+"2") this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv)) //set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2) this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px" this.getinline(this.visiblediv, this.hiddendiv) this.hiddendiv.style.visibility="visible" var scrollerinstance=this document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1} document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0} if (window.attachEvent) //Clean up loose references in IE window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null}) setTimeout(function(){scrollerinstance.animateup()}, this.delay) } // ------------------------------------------------------------------- // animateup()- Move the two inner divs of the scroller up and in sync // ------------------------------------------------------------------- pausescroller.prototype.animateup=function(){ var scrollerinstance=this if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){ this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px" this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px" setTimeout(function(){scrollerinstance.animateup()}, 50) } else{ this.getinline(this.hiddendiv, this.visiblediv) this.swapdivs() setTimeout(function(){scrollerinstance.setmessage()}, this.delay) } } // ------------------------------------------------------------------- // swapdivs()- Swap between which is the visible and which is the hidden div // ------------------------------------------------------------------- pausescroller.prototype.swapdivs=function(){ var tempcontainer=this.visiblediv this.visiblediv=this.hiddendiv this.hiddendiv=tempcontainer } pausescroller.prototype.getinline=function(div1, div2){ div1.style.top=this.visibledivtop+"px" div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px" } // ------------------------------------------------------------------- // setmessage()- Populate the hidden div with the next message before it's visible // ------------------------------------------------------------------- pausescroller.prototype.setmessage=function(){ var scrollerinstance=this if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it) setTimeout(function(){scrollerinstance.setmessage()}, 100) else{ var i=this.hiddendivpointer var ceiling=this.content.length this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1 this.hiddendiv.innerHTML=this.content[this.hiddendivpointer] this.animateup() } } pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any if (tickerobj.currentStyle) return tickerobj.currentStyle["paddingTop"] else if (window.getComputedStyle) //if DOM2 return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top") else return 0 } </script> <script type="text/javascript"> //new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds) new pausescroller(pausecontent2, "pscroller2", "someclass", 1000) </script>
Теперь настройки: width: 430px;--ширина виджета.color:#0080ff;--цвет выводимого текста. Можно подобрать генератором цвета.

#--замените на Ваш URL адрес ссылки. Ваш текст здесь--замените на название заголовка объявления. 1000--Изменить время задержки прокрутки. Чем меньше это значение, тем быстрее будут меняться заголовки. Теперь можно сохранить гаджет и переместить в нужное для Вас место.

источник