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

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

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

Используя виджет случайных сообщений в своем блоге, вы можете дать своим читателям возможность более эффективно перемещаться по блогу, как это делает виджет окно поиска Blogger . Фактически, виджет случайных постов может показывать ваши старые посты в блоге перед вашими читателями. Кроме того, вы соберете несколько дополнительных просмотров страниц и привлечение читателей, что хорошо для повышения ценности вашего блога.

 

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

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

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

 

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

 

Код виджета

 

<style>
#bo-random-posts img{background:#fff;height:50px;float:left;width:50px;margin:5px 5px 0px 0px;-webkit-border-radius:50%;border-radius:50%;-moz-border-radius:50%;padding:3px;}
#bo-random-posts img:hover{opacity: 0.5;filter: alpha(opacity=50);}
ul#bo-random-posts {list-style-type: none;background-image: url(«/wp-content/uploads/http://2.bp.blogspot.com/-eB6ncdwhYU4/WXeAc8w0G_I/AAAAAAAAAGs/JXbaCjRPONoUGFpk_D96AqPWdXD4BEpPgCLcBGAs/s1600/clouds-bg.png«);background-repeat: no-repeat;}
#bo-random-posts li {margin: 10px 0;}
#bo-random-posts li a{padding: 5px 0;text-decoration: none;}
.bo-random-summary {display: block;}
</style>
<ul id=’bo-random-posts’>
<script>
var borp_number = 5;var borp_details = ‘yes’;var borp_chars = 60;var borp_details2 = ‘no’;var borp_comments = ‘Comments’;var borp_commentsd = ‘Comments Disabled’;var borp_current = [];var total_randomposts = 0;var borp_current = new Array(borp_number);
function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t}
document.write(‘<script type=\»text/javascript\» src=\»/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\»><\/script>’);
function getvalue(){for(var r=0;r<borp_number;r++){for(var n=!1,o=get_random(),t=0;t<borp_current.length;t++)if(borp_current[t]==o){n=!0;break}n?r—:borp_current[r]=o}}function get_random(){return 1+Math.round(Math.random()*(total_randomposts-1))}
</script>
<script>function random_posts(t){for(var e=0;e<borp_number;e++){var r=t.feed.entry[e],s=r.title.$t;if(«content»in r)i=r.content.$t;else if(«summary»in r)i=r.summary.$t;else var i=»»;if((i=i.replace(/<[^>]*>/g,»»)).length<borp_chars)var a=i;else{var n=(i=i.substring(0,borp_chars)).lastIndexOf(» «);a=i.substring(0,n)+»&#133;»}for(var o=0;o<r.link.length;o++){if(«thr$total»in r)var l=r.thr$total.$t+» «+borp_comments;else l=borp_commentsd;if(«alternate»==r.link[o].rel){var m=r.link[o].href,c=r.published.$t;if(«media$thumbnail»in r)var u=r.media$thumbnail.url;else u=»http://4.bp.blogspot.com/-atF9AaH_YEI/WXc5HKoFZmI/AAAAAAAAAGE/LoIPxdwBHecNVesXy9J0AQJwdIuWFYu0QCLcBGAs/s1600/no_thumb.png»}}document.write(«<li>»),document.write(‘<img alt=»‘+s+'» src=»‘+u+'»/>’),document.write(‘<div><a href=»‘+m+'» rel=»nofollow»>’+s+»</a></div>»),»yes»==borp_details&&document.write(«<span>»+c.substring(8,10)+».»+c.substring(5,7)+».»+c.substring(0,4)+» — «+l),»yes»==borp_details2&&document.write(‘<span class=»random-summary»>’+a),document.write(‘<div style=»clear:both»></div></li>’)}}getvalue();for(var i=0;i<borp_number;i++)document.write(‘<script type=»text/javascript» src=»/feeds/posts/default?alt=json-in-script&start-index=’+borp_current[i]+’&max-results=1&callback=random_posts»><\/script>’);</script>
</ul>


Конфигурация:

См. также:  Как сделать статическую страницу домашней в Blogger.

Сколько отображаемых сообщений: Измените выделенное выше число « 5 » [var borp_number = 5 ;], чтобы увеличить или уменьшить общее количество случайных сообщений в виджете.

Изменить фон: вы можете изменить фоновое изображение, используемое в этом виджете, изменив выделенный выше URL . Кроме того, если вы хотите использовать этот виджет без фона, вы можете заменить выделенный URL-адрес на «#».

Все основные настройки виджета  выделены жёлтым фоном.



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

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

 

 

Код виджета

 

<style>
#bo-rp-box{float:left;margin-bottom:10px;margin-top:0px;}
#bo-rp-box ul{margin:0px;float:left;margin-left:20px;padding:0px;}
#bo-rp-box li{vertical-align:middle;list-style:disc outside url(«http://3.bp.blogspot.com/-iqPqAkSBMh0/WXdSEyG6qqI/AAAAAAAAAGc/HNrklKvbVk4Gs9IBguzz5ZURJM_WPMxJACLcBGAs/s1600/b1.png»); margin-bottom:0;width:auto;margin-top:0;padding:10px 0;}
#bo-rp-box a{color:#0F0F0F;text-decoration:none;font-size:14px}
#bo-rp-box a:visited {text-decoration: none;color:blue;}
#bo-rp-box a:hover{color:blue}
</style>
<script>
function rp_results_label(r){for(var e=0;e<r.feed.entry.length;e++){var l=r.feed.entry[e];rpTitles[rpTitlesNumb]=l.title.$t;for(var t=0;t<l.link.length;t++)if(«alternate»==l.link[t].rel){rpUrls[rpTitlesNumb]=l.link[t].href,rpTitlesNumb++;break}}}function removeRandomDuplicate(){for(var r=new Array(0),e=new Array(0),l=0;l<rpUrls.length;l++)contains(r,rpUrls[l])||(r.length+=1,r[r.length-1]=rpUrls[l],e.length+=1,e[e.length-1]=rpTitles[l]);rpTitles=e,rpUrls=r}function contains(r,e){for(var l=0;l<r.length;l++)if(r[l]==e)return!0;return!1}function showRandomLabels(){for(e=0;e<rpUrls.length;e++)rpUrls[e]==currentposturl&&(rpUrls.splice(e,1),rpTitles.splice(e,1));var r=Math.floor((rpTitles.length-1)*Math.random()),e=0;for(rpTitles.length>1&&document.write(«<ul>»);e<rpTitles.length&&e<20&&e<maxresults;)document.write(‘<li><a href=»‘+rpUrls[r]+'»>’+rpTitles[r]+»</a></li>»),r<rpTitles.length-1?r++:r=0,e++;document.write(«</ul>»)}var rpTitles=new Array,rpTitlesNumb=0,rpUrls=new Array;
</script>
<div id=»bo-rp-box»>
<script src=»/feeds/posts/default?alt=json-in-script&amp;callback=rp_results_label&amp;max-results=10″></script>
<script>
var currentposturl=»»;
var maxresults=6;
removeRandomDuplicate(); showRandomLabels();
</script>
</div>


Конфигурация:


Измените выделенный var maxresults=6, чтобы показать желаемое количество случайных сообщений. Никаких других настроек не требуется. Просто добавьте его в свой блог и наслаждайтесь.


Как добавить виджет случайных сообщений в Blogger?

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

См. также:  Как установить кнопку «Вверх» с помощью SVG

Шаг 1: Сначала вы должны войти в свою учетную запись Blogger и попасть на панель управления блогом.

Шаг 2: В левом меню нажмите на раздел « Дизайн » и найдите область боковой панели. После этого вы увидите ссылку « Добавить гаджет ». Нажмите на неё.

Шаг 3: Всплывающее окно появится перед вами. Прокрутите вниз и выберите гаджет

 «HTML / JavaScript », нажав на +


Шаг 4: Теперь вы видите текстовую область. Поместите заголовок « Случайные сообщения » в область заголовка и скопируйте нужный код виджета случайных сообщений сверху и вставьте его в область содержимого.

Шаг 5: Наконец, нажмите кнопку « Сохранить »> « Сохранить расположение (в правом верхнем углу)». Если все сделано успешно, зайдите в свой блог и обновите его. Вы увидите, что выбранный вами случайный пост виджет будет работать отлично.


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

 

Ознакомьтесь также

Самые популярные компьютерные игры в России

Самые популярные компьютерные игры в России

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *