Виджет последние сообщения по ярлыкам для блогспот - blogger


Доброго времени суток. Сегодня поговорим о добавления на ваш блог (сайт) виджета последние сообщения по ярлыкам. Как нам известно есть много виджетов выводящих последние сообщения и туда попадают все сообщения в независимости от того к какому ярлыку их присвоили, но порой нам нужно вывести сообщение какого-то одного, конкретного ярлыка. Пока что добавлю один тип виджета последних сообщений для каждого ярлыка, возможно позже еще что-то найду.
Вначале идем в дизайн - добавить гаджет - HTML\Javascript и туда вставляем следующий код:
<style type="text/css">
#biw-rp-by-label .thumbnail {
    width: 70px;
    height: 70px;
    float: left;
    padding: 3px;
    border: 1px solid #CCC;
    margin: 0 5px 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#biw-rp-by-label .thumbnail img {
    min-width: 70px!important;
    max-width: 70px!important;
    min-height: 70px!important;
    max-height: 70px!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#biw-rp-by-label .thumbnail a {
    z-index: 100;
    display: block;
    position: relative;
}
#biw-rp-by-label .content a {
}
#biw-rp-by-label .content span {
    color: #999;
    font-size: 10px;
    font-style: italic;
}
#biw-rp-by-label .item {
    padding: 7px 0;
}
#biw-rp-by-label .item-0 {
    /*margin: 0;*/
}
#biw-rp-by-label .info {
    text-align: right;
    height:1.2em!important;
    overflow:hidden;
    line-height: 1em!important;
}
#biw-rp-by-label .info a {
    font-weight: bold;
    font-size: 11px;
    color: #AAA;
    display:none;
}
#biw-rp-by-label:hover .info a {
    display:inline!important;
}
#biw-rp-by-label .item-last {
    padding: 10px 0 0 0;
}
#biw-rp-by-label .snip {
    font-size: 12px;
    padding: 0.5em 0 0 0;
    line-height: 1.5em;
}
</style>

<script type="text/JavaScript">
/*
Widget: Recent Post for Blogger by certain label
Author: Tien Nguyen
Website: http://bloggeritems.com
GNU licenese
*/
/*User setting*/
var Post_Number = 30; //number of posts display
var Post_Thumb = true; //true: show post thumbnail, false: hide
var Post_Comment = false;//true: show comment count, false: hide
var Post_Author = false; //true: show post author name, false: hide
var Post_Time = false;//true: show post timestamp, false: hide
var Post_Label = false;//true: show a label of post, false: hide
var Post_Snip = false;//true: show post snippet, false:hide
var Post_Snip_Len = 1;//number characters of post snippet
var Post_By_Index_Label = '1';//certain label you want to index, leave blank to index all
var Lang_Comment = 'comments';
var Lang_By = 'By';
var Lang_More = '...';

var host = '';
var _0x3dd0=["\x7A\x20\x31\x74\x3D\x27\x31\x53\x2D\x31\x54\x2D\x31\x6B\x2D\x31\x63\x27\x3B\x7A\x20\x31\x48\x3D\x27\x4B\x3A\x2F\x2F\x31\x51\x2E\x4A\x2F\x31\x57\x2F\x31\x4C\x2D\x31\x79\x2D\x31\x6B\x2D\x32\x36\x2D\x31\x63\x2D\x32\x32\x27\x3B\x5A\x20\x31\x6D\x28\x31\x64\x29\x7B\x31\x69\x2E\x31\x6A\x28\x27\x3C\x31\x34\x20\x32\x31\x3D\x22\x32\x30\x2F\x31\x59\x22\x20\x44\x3D\x22\x27\x2B\x31\x64\x2B\x27\x22\x3E\x3C\x5C\x2F\x31\x34\x3E\x27\x29\x7D\x5A\x20\x31\x68\x28\x37\x29\x7B\x7A\x20\x36\x3D\x75\x20\x4C\x28\x29\x3B\x36\x2E\x6D\x3D\x37\x2E\x39\x2E\x6D\x2E\x24\x74\x3B\x45\x3D\x27\x36\x2D\x27\x3B\x31\x35\x3D\x36\x2E\x6D\x2E\x31\x7A\x28\x45\x29\x3B\x36\x2E\x6D\x3D\x36\x2E\x6D\x2E\x31\x37\x28\x31\x35\x2B\x45\x2E\x76\x29\x3B\x36\x2E\x6D\x3D\x36\x2E\x6D\x2E\x4F\x28\x27\x2E\x31\x70\x27\x2C\x27\x27\x29\x3B\x36\x2E\x41\x3D\x75\x20\x31\x39\x28\x29\x3B\x35\x28\x27\x46\x27\x38\x20\x37\x2E\x39\x29\x7B\x48\x28\x69\x3D\x30\x3B\x69\x3C\x37\x2E\x39\x2E\x46\x2E\x76\x3B\x69\x2B\x2B\x29\x7B\x36\x2E\x41\x5B\x69\x5D\x3D\x37\x2E\x39\x2E\x46\x5B\x69\x5D\x2E\x31\x75\x7D\x7D\x36\x2E\x6E\x3D\x27\x27\x3B\x35\x28\x27\x6E\x27\x38\x20\x37\x2E\x39\x29\x7B\x36\x2E\x6E\x3D\x37\x2E\x39\x2E\x6E\x2E\x24\x74\x7D\x36\x2E\x31\x36\x3D\x27\x27\x3B\x35\x28\x27\x31\x36\x27\x38\x20\x37\x2E\x39\x29\x7B\x36\x2E\x31\x36\x3D\x37\x2E\x39\x2E\x31\x36\x2E\x24\x74\x7D\x36\x2E\x79\x3D\x75\x20\x4C\x28\x29\x3B\x36\x2E\x79\x2E\x70\x3D\x27\x31\x76\x27\x3B\x36\x2E\x79\x2E\x78\x3D\x27\x27\x3B\x36\x2E\x79\x2E\x6F\x3D\x27\x4B\x3A\x2F\x2F\x31\x33\x2E\x55\x2E\x4A\x2F\x4D\x2F\x31\x73\x2E\x31\x72\x27\x3B\x35\x28\x27\x70\x27\x38\x20\x37\x2E\x39\x2E\x64\x5B\x30\x5D\x29\x7B\x36\x2E\x79\x2E\x70\x3D\x37\x2E\x39\x2E\x64\x5B\x30\x5D\x2E\x70\x2E\x24\x74\x7D\x35\x28\x27\x78\x27\x38\x20\x37\x2E\x39\x2E\x64\x5B\x30\x5D\x29\x7B\x36\x2E\x79\x2E\x78\x3D\x37\x2E\x39\x2E\x64\x5B\x30\x5D\x2E\x78\x2E\x24\x74\x7D\x35\x28\x27\x72\x24\x43\x27\x38\x20\x37\x2E\x39\x2E\x64\x5B\x30\x5D\x29\x7B\x35\x28\x37\x2E\x39\x2E\x64\x5B\x30\x5D\x2E\x72\x24\x43\x2E\x44\x21\x3D\x27\x4B\x3A\x2F\x2F\x31\x33\x2E\x55\x2E\x4A\x2F\x4D\x2F\x31\x78\x2E\x31\x77\x27\x29\x7B\x36\x2E\x79\x2E\x6F\x3D\x37\x2E\x39\x2E\x64\x5B\x30\x5D\x2E\x72\x24\x43\x2E\x44\x7D\x7D\x36\x2E\x32\x33\x3D\x59\x28\x37\x2E\x39\x2E\x31\x66\x24\x32\x34\x2E\x24\x74\x29\x3B\x36\x2E\x32\x38\x3D\x59\x28\x37\x2E\x39\x2E\x31\x66\x24\x32\x37\x2E\x24\x74\x29\x3B\x36\x2E\x32\x35\x3D\x59\x28\x37\x2E\x39\x2E\x31\x66\x24\x31\x58\x2E\x24\x74\x29\x3B\x36\x2E\x42\x3D\x30\x3B\x35\x28\x27\x33\x27\x38\x20\x37\x2E\x39\x29\x7B\x36\x2E\x42\x3D\x37\x2E\x39\x2E\x33\x2E\x76\x7D\x36\x2E\x33\x3D\x75\x20\x31\x39\x28\x29\x3B\x48\x28\x69\x3D\x30\x3B\x69\x3C\x36\x2E\x42\x3B\x69\x2B\x2B\x29\x7B\x36\x2E\x33\x5B\x69\x5D\x3D\x75\x20\x4C\x28\x29\x3B\x34\x3D\x75\x20\x4C\x28\x29\x3B\x33\x3D\x37\x2E\x39\x2E\x33\x5B\x69\x5D\x3B\x34\x2E\x6D\x3D\x33\x2E\x6D\x2E\x24\x74\x3B\x45\x3D\x27\x31\x56\x2D\x27\x3B\x31\x35\x3D\x34\x2E\x6D\x2E\x31\x7A\x28\x45\x29\x3B\x34\x2E\x6D\x3D\x34\x2E\x6D\x2E\x31\x37\x28\x31\x35\x2B\x45\x2E\x76\x29\x3B\x34\x2E\x4E\x3D\x27\x27\x3B\x35\x28\x27\x4E\x27\x38\x20\x33\x29\x7B\x34\x2E\x4E\x3D\x33\x2E\x4E\x2E\x24\x74\x7D\x34\x2E\x41\x3D\x75\x20\x31\x39\x28\x29\x3B\x35\x28\x27\x46\x27\x38\x20\x33\x29\x7B\x48\x28\x6A\x3D\x30\x3B\x6A\x3C\x33\x2E\x46\x2E\x76\x3B\x6A\x2B\x2B\x29\x7B\x34\x2E\x41\x5B\x6A\x5D\x3D\x33\x2E\x46\x5B\x6A\x5D\x2E\x31\x75\x7D\x7D\x34\x2E\x6E\x3D\x27\x27\x3B\x35\x28\x27\x6E\x27\x38\x20\x33\x29\x7B\x34\x2E\x6E\x3D\x33\x2E\x6E\x2E\x24\x74\x7D\x34\x2E\x51\x3D\x27\x27\x3B\x35\x28\x27\x51\x27\x38\x20\x33\x29\x7B\x34\x2E\x51\x3D\x33\x2E\x51\x2E\x24\x74\x7D\x34\x2E\x6B\x3D\x27\x27\x3B\x35\x28\x27\x6B\x27\x38\x20\x33\x29\x7B\x34\x2E\x6B\x3D\x33\x2E\x6B\x2E\x24\x74\x7D\x34\x2E\x71\x3D\x27\x27\x3B\x34\x2E\x31\x31\x3D\x27\x31\x70\x27\x3B\x35\x28\x27\x71\x27\x38\x20\x33\x29\x7B\x48\x28\x6A\x3D\x30\x3B\x6A\x3C\x33\x2E\x71\x2E\x76\x3B\x6A\x2B\x2B\x29\x7B\x35\x28\x33\x2E\x71\x5B\x6A\x5D\x2E\x31\x71\x3D\x3D\x27\x31\x55\x27\x29\x7B\x34\x2E\x71\x3D\x33\x2E\x71\x5B\x6A\x5D\x2E\x52\x7D\x35\x28\x33\x2E\x71\x5B\x6A\x5D\x2E\x31\x71\x3D\x3D\x27\x31\x52\x27\x29\x7B\x34\x2E\x31\x31\x3D\x33\x2E\x71\x5B\x6A\x5D\x2E\x6E\x7D\x7D\x7D\x34\x2E\x64\x3D\x75\x20\x4C\x28\x29\x3B\x34\x2E\x64\x2E\x70\x3D\x27\x31\x76\x27\x3B\x34\x2E\x64\x2E\x78\x3D\x27\x27\x3B\x34\x2E\x64\x2E\x6F\x3D\x27\x4B\x3A\x2F\x2F\x31\x33\x2E\x55\x2E\x4A\x2F\x4D\x2F\x31\x73\x2E\x31\x72\x27\x3B\x77\x3D\x33\x2E\x64\x5B\x30\x5D\x3B\x35\x28\x27\x70\x27\x38\x20\x77\x29\x7B\x34\x2E\x64\x2E\x70\x3D\x77\x2E\x70\x2E\x24\x74\x7D\x35\x28\x27\x78\x27\x38\x20\x77\x29\x7B\x34\x2E\x64\x2E\x78\x3D\x77\x2E\x78\x2E\x24\x74\x7D\x35\x28\x27\x72\x24\x43\x27\x38\x20\x77\x29\x7B\x35\x28\x77\x2E\x72\x24\x43\x2E\x44\x21\x3D\x27\x4B\x3A\x2F\x2F\x31\x33\x2E\x55\x2E\x4A\x2F\x4D\x2F\x31\x78\x2E\x31\x77\x27\x29\x7B\x34\x2E\x64\x2E\x6F\x3D\x77\x2E\x72\x24\x43\x2E\x44\x7D\x7D\x34\x2E\x6F\x3D\x27\x27\x3B\x35\x28\x27\x31\x6E\x24\x6F\x27\x38\x20\x33\x29\x7B\x34\x2E\x6F\x3D\x33\x2E\x31\x6E\x24\x6F\x2E\x31\x64\x7D\x34\x2E\x58\x3D\x30\x3B\x35\x28\x27\x49\x24\x31\x6C\x27\x38\x20\x33\x29\x7B\x34\x2E\x58\x3D\x59\x28\x33\x2E\x49\x24\x31\x6C\x2E\x24\x74\x29\x7D\x34\x2E\x31\x31\x3D\x34\x2E\x31\x31\x2E\x4F\x28\x34\x2E\x58\x2B\x27\x20\x27\x2C\x27\x27\x29\x3B\x34\x2E\x31\x67\x3D\x27\x27\x3B\x34\x2E\x47\x3D\x27\x27\x3B\x34\x2E\x32\x6F\x3D\x27\x27\x3B\x35\x28\x27\x49\x24\x38\x2D\x31\x61\x2D\x31\x38\x27\x38\x20\x33\x29\x7B\x34\x2E\x31\x67\x3D\x33\x5B\x27\x49\x24\x38\x2D\x31\x61\x2D\x31\x38\x27\x5D\x2E\x52\x3B\x34\x2E\x47\x3D\x33\x5B\x27\x49\x24\x38\x2D\x31\x61\x2D\x31\x38\x27\x5D\x2E\x32\x65\x3B\x34\x2E\x47\x3D\x34\x2E\x47\x2E\x4F\x28\x27\x2F\x32\x63\x2F\x27\x2C\x27\x2F\x6B\x2F\x27\x29\x3B\x34\x2E\x47\x3D\x34\x2E\x47\x2B\x27\x3F\x31\x6F\x3D\x37\x2D\x38\x2D\x31\x34\x27\x7D\x34\x2E\x50\x3D\x27\x27\x3B\x35\x28\x27\x72\x24\x31\x30\x27\x38\x20\x33\x29\x7B\x48\x28\x6A\x3D\x30\x3B\x6A\x3C\x33\x2E\x72\x24\x31\x30\x2E\x76\x3B\x6A\x2B\x2B\x29\x7B\x35\x28\x33\x2E\x72\x24\x31\x30\x5B\x6A\x5D\x2E\x70\x3D\x3D\x27\x32\x64\x2E\x32\x68\x27\x29\x7B\x34\x2E\x50\x3D\x33\x2E\x72\x24\x31\x30\x5B\x6A\x5D\x2E\x32\x6D\x7D\x7D\x7D\x34\x2E\x50\x3D\x34\x2E\x50\x2E\x4F\x28\x27\x50\x2D\x27\x2C\x27\x27\x29\x3B\x36\x2E\x33\x5B\x69\x5D\x3D\x34\x7D\x32\x6A\x20\x36\x7D\x7A\x20\x66\x3D\x32\x6B\x3B\x5A\x20\x31\x41\x28\x29\x7B\x35\x28\x66\x2E\x42\x3E\x30\x29\x7B\x68\x3D\x27\x3C\x62\x20\x6D\x3D\x22\x27\x2B\x31\x74\x2B\x27\x22\x3E\x27\x3B\x48\x28\x69\x3D\x30\x3B\x69\x3C\x66\x2E\x42\x3B\x69\x2B\x2B\x29\x7B\x68\x2B\x3D\x27\x3C\x62\x20\x63\x3D\x22\x31\x62\x20\x31\x62\x2D\x27\x2B\x69\x2B\x27\x20\x27\x2B\x28\x28\x28\x69\x2B\x31\x29\x3D\x3D\x66\x2E\x42\x29\x3F\x27\x31\x62\x2D\x32\x6C\x27\x3A\x27\x27\x29\x2B\x27\x22\x3E\x27\x3B\x35\x28\x32\x6E\x26\x26\x66\x2E\x33\x5B\x69\x5D\x2E\x6F\x21\x3D\x27\x27\x29\x7B\x68\x2B\x3D\x27\x3C\x62\x20\x63\x3D\x22\x6F\x22\x3E\x3C\x61\x20\x52\x3D\x22\x27\x2B\x66\x2E\x33\x5B\x69\x5D\x2E\x71\x2B\x27\x22\x3E\x3C\x4D\x20\x44\x3D\x22\x27\x2B\x66\x2E\x33\x5B\x69\x5D\x2E\x6F\x2B\x27\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x62\x3E\x27\x7D\x68\x2B\x3D\x27\x3C\x62\x20\x63\x3D\x22\x51\x22\x3E\x3C\x61\x20\x52\x3D\x22\x27\x2B\x66\x2E\x33\x5B\x69\x5D\x2E\x71\x2B\x27\x22\x20\x63\x3D\x22\x6E\x22\x3E\x27\x2B\x66\x2E\x33\x5B\x69\x5D\x2E\x6E\x2B\x27\x3C\x2F\x61\x3E\x27\x3B\x7A\x20\x6C\x3D\x27\x27\x3B\x35\x28\x31\x47\x29\x7B\x35\x28\x6C\x21\x3D\x27\x27\x29\x7B\x6C\x2B\x3D\x27\x3C\x65\x20\x63\x3D\x22\x32\x67\x22\x3E\x26\x73\x3B\x26\x23\x31\x32\x3B\x26\x73\x3B\x3C\x2F\x65\x3E\x27\x7D\x6C\x2B\x3D\x27\x3C\x65\x20\x63\x3D\x22\x64\x22\x3E\x27\x2B\x32\x70\x2B\x27\x26\x73\x3B\x27\x2B\x66\x2E\x33\x5B\x69\x5D\x2E\x64\x2E\x70\x2B\x27\x3C\x2F\x65\x3E\x27\x7D\x35\x28\x31\x45\x29\x7B\x35\x28\x6C\x21\x3D\x27\x27\x29\x7B\x6C\x2B\x3D\x27\x3C\x65\x20\x63\x3D\x22\x31\x65\x22\x3E\x26\x73\x3B\x26\x23\x31\x32\x3B\x26\x73\x3B\x3C\x2F\x65\x3E\x27\x7D\x6C\x2B\x3D\x27\x3C\x65\x20\x63\x3D\x22\x32\x75\x22\x3E\x27\x2B\x66\x2E\x33\x5B\x69\x5D\x2E\x58\x2B\x27\x26\x73\x27\x2B\x32\x72\x2B\x27\x3C\x2F\x65\x3E\x27\x7D\x35\x28\x31\x44\x29\x7B\x35\x28\x6C\x21\x3D\x27\x27\x29\x7B\x6C\x2B\x3D\x27\x3C\x65\x20\x63\x3D\x22\x31\x65\x22\x3E\x26\x73\x3B\x26\x23\x31\x32\x3B\x26\x73\x3B\x3C\x2F\x65\x3E\x27\x7D\x54\x3D\x66\x2E\x33\x5B\x69\x5D\x2E\x4E\x3B\x57\x3D\x75\x20\x32\x71\x28\x54\x5B\x30\x5D\x2C\x54\x5B\x31\x5D\x2D\x31\x2C\x54\x5B\x32\x5D\x2E\x31\x37\x28\x30\x2C\x32\x29\x29\x3B\x57\x3D\x57\x2E\x32\x78\x28\x29\x3B\x6C\x2B\x3D\x27\x3C\x65\x20\x63\x3D\x22\x32\x77\x22\x3E\x27\x2B\x57\x2B\x27\x3C\x2F\x65\x3E\x27\x7D\x35\x28\x31\x43\x26\x26\x66\x2E\x33\x5B\x69\x5D\x2E\x41\x2E\x76\x3E\x30\x29\x7B\x35\x28\x6C\x21\x3D\x27\x27\x29\x7B\x6C\x2B\x3D\x27\x3C\x65\x20\x63\x3D\x22\x31\x65\x22\x3E\x26\x73\x3B\x26\x23\x31\x32\x3B\x26\x73\x3B\x3C\x2F\x65\x3E\x27\x7D\x6C\x2B\x3D\x27\x3C\x65\x20\x63\x3D\x22\x31\x63\x22\x3E\x27\x2B\x66\x2E\x33\x5B\x69\x5D\x2E\x41\x5B\x30\x5D\x2B\x27\x3C\x2F\x65\x3E\x27\x7D\x35\x28\x31\x47\x7C\x7C\x31\x45\x7C\x7C\x31\x44\x7C\x7C\x31\x43\x29\x7B\x68\x2B\x3D\x27\x3C\x62\x20\x63\x3D\x22\x31\x50\x22\x3E\x27\x2B\x6C\x2B\x27\x3C\x2F\x62\x3E\x27\x7D\x35\x28\x31\x4F\x29\x7B\x7A\x20\x31\x4A\x3D\x2F\x3C\x5C\x53\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x3B\x6B\x3D\x66\x2E\x33\x5B\x69\x5D\x2E\x6B\x3B\x6B\x3D\x6B\x2E\x4F\x28\x31\x4A\x2C\x27\x27\x29\x3B\x35\x28\x6B\x2E\x76\x3E\x31\x46\x29\x7B\x6B\x3D\x6B\x2E\x31\x37\x28\x30\x2C\x31\x46\x29\x2B\x32\x39\x7D\x68\x2B\x3D\x27\x3C\x62\x20\x63\x3D\x22\x32\x62\x22\x3E\x27\x2B\x6B\x2B\x27\x3C\x2F\x62\x3E\x27\x7D\x68\x2B\x3D\x27\x3C\x2F\x62\x3E\x3C\x62\x20\x63\x3D\x22\x31\x42\x22\x3E\x3C\x2F\x62\x3E\x3C\x2F\x62\x3E\x27\x7D\x68\x2B\x3D\x27\x3C\x62\x20\x63\x3D\x22\x31\x42\x22\x3E\x3C\x2F\x62\x3E\x3C\x62\x20\x63\x3D\x22\x32\x73\x22\x3E\x3C\x61\x20\x32\x76\x3D\x22\x32\x79\x22\x20\x52\x3D\x22\x27\x2B\x31\x48\x2B\x27\x22\x20\x6E\x3D\x22\x31\x4B\x20\x32\x66\x22\x3E\x32\x69\x20\x31\x4B\x3C\x2F\x61\x3E\x3C\x2F\x62\x3E\x3C\x2F\x62\x3E\x27\x3B\x31\x69\x2E\x31\x6A\x28\x68\x29\x7D\x7D\x5A\x20\x31\x49\x28\x37\x29\x7B\x66\x3D\x31\x68\x28\x37\x29\x3B\x31\x41\x28\x29\x7D\x35\x28\x56\x21\x3D\x27\x27\x29\x7B\x56\x3D\x27\x2F\x2D\x2F\x27\x2B\x56\x7D\x31\x6D\x28\x32\x7A\x2B\x27\x2F\x32\x74\x2F\x31\x79\x2F\x6B\x27\x2B\x56\x2B\x27\x3F\x31\x6F\x3D\x37\x2D\x38\x2D\x31\x34\x26\x31\x4D\x2D\x31\x4E\x3D\x27\x2B\x32\x61\x2B\x27\x26\x31\x5A\x3D\x31\x49\x27\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x65\x6E\x74\x72\x79\x7C\x74\x65\x6D\x70\x7C\x69\x66\x7C\x62\x6C\x6F\x67\x7C\x6A\x73\x6F\x6E\x7C\x69\x6E\x7C\x66\x65\x65\x64\x7C\x7C\x64\x69\x76\x7C\x63\x6C\x61\x73\x73\x7C\x61\x75\x74\x68\x6F\x72\x7C\x73\x70\x61\x6E\x7C\x42\x6C\x6F\x67\x7C\x7C\x7C\x7C\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x73\x75\x62\x7C\x69\x64\x7C\x74\x69\x74\x6C\x65\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x6E\x61\x6D\x65\x7C\x6C\x69\x6E\x6B\x7C\x67\x64\x7C\x6E\x62\x73\x70\x7C\x7C\x6E\x65\x77\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x61\x30\x7C\x75\x72\x69\x7C\x61\x64\x6D\x69\x6E\x7C\x76\x61\x72\x7C\x63\x61\x74\x65\x7C\x65\x6E\x74\x72\x79\x5F\x6E\x75\x6D\x62\x65\x72\x7C\x69\x6D\x61\x67\x65\x7C\x73\x72\x63\x7C\x6B\x65\x79\x7C\x63\x61\x74\x65\x67\x6F\x72\x79\x7C\x72\x65\x70\x6C\x79\x5F\x6A\x73\x6F\x6E\x7C\x66\x6F\x72\x7C\x74\x68\x72\x7C\x63\x6F\x6D\x7C\x68\x74\x74\x70\x7C\x4F\x62\x6A\x65\x63\x74\x7C\x69\x6D\x67\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x70\x69\x64\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x68\x72\x65\x66\x7C\x7C\x64\x61\x79\x7C\x62\x6C\x6F\x67\x62\x6C\x6F\x67\x7C\x50\x6F\x73\x74\x5F\x42\x79\x5F\x49\x6E\x64\x65\x78\x5F\x4C\x61\x62\x65\x6C\x7C\x74\x6F\x64\x61\x79\x7C\x72\x65\x70\x6C\x79\x5F\x6E\x75\x6D\x62\x65\x72\x7C\x4E\x75\x6D\x62\x65\x72\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x65\x78\x74\x65\x6E\x64\x65\x64\x50\x72\x6F\x70\x65\x72\x74\x79\x7C\x72\x65\x70\x6C\x79\x5F\x6C\x61\x62\x65\x6C\x7C\x38\x32\x32\x36\x7C\x69\x6D\x67\x31\x7C\x73\x63\x72\x69\x70\x74\x7C\x69\x6E\x64\x65\x78\x7C\x73\x75\x62\x74\x69\x74\x6C\x65\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x74\x6F\x7C\x41\x72\x72\x61\x79\x7C\x72\x65\x70\x6C\x79\x7C\x69\x74\x65\x6D\x7C\x6C\x61\x62\x65\x6C\x7C\x75\x72\x6C\x7C\x73\x65\x70\x61\x72\x61\x74\x65\x7C\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x7C\x72\x65\x70\x6C\x79\x5F\x74\x6F\x7C\x5F\x36\x33\x31\x33\x5F\x62\x69\x5F\x6A\x73\x68\x6F\x72\x74\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x77\x72\x69\x74\x65\x7C\x62\x79\x7C\x74\x6F\x74\x61\x6C\x7C\x5F\x36\x33\x31\x33\x5F\x62\x69\x5F\x73\x63\x72\x69\x70\x74\x7C\x6D\x65\x64\x69\x61\x7C\x61\x6C\x74\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x72\x65\x6C\x7C\x70\x6E\x67\x7C\x61\x6E\x6F\x6E\x33\x36\x7C\x41\x70\x70\x53\x65\x6C\x7C\x74\x65\x72\x6D\x7C\x41\x6E\x6F\x6E\x79\x6D\x6F\x75\x73\x7C\x67\x69\x66\x7C\x62\x6C\x61\x6E\x6B\x7C\x70\x6F\x73\x74\x73\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x5F\x36\x33\x31\x33\x5F\x73\x68\x6F\x77\x5F\x70\x6F\x73\x74\x7C\x63\x6C\x65\x61\x72\x7C\x50\x6F\x73\x74\x5F\x4C\x61\x62\x65\x6C\x7C\x50\x6F\x73\x74\x5F\x54\x69\x6D\x65\x7C\x50\x6F\x73\x74\x5F\x43\x6F\x6D\x6D\x65\x6E\x74\x7C\x50\x6F\x73\x74\x5F\x53\x6E\x69\x70\x5F\x4C\x65\x6E\x7C\x50\x6F\x73\x74\x5F\x41\x75\x74\x68\x6F\x72\x7C\x42\x61\x63\x6B\x5F\x4C\x69\x6E\x6B\x7C\x5F\x36\x33\x31\x33\x5F\x67\x65\x74\x5F\x70\x6F\x73\x74\x7C\x72\x65\x7C\x57\x69\x64\x67\x65\x74\x7C\x72\x65\x63\x65\x6E\x74\x7C\x6D\x61\x78\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x50\x6F\x73\x74\x5F\x53\x6E\x69\x70\x7C\x6D\x65\x74\x61\x7C\x62\x6C\x6F\x67\x67\x65\x72\x69\x74\x65\x6D\x73\x7C\x72\x65\x70\x6C\x69\x65\x73\x7C\x62\x69\x77\x7C\x72\x70\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x70\x6F\x73\x74\x7C\x77\x69\x67\x65\x74\x73\x7C\x69\x74\x65\x6D\x73\x50\x65\x72\x50\x61\x67\x65\x7C\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x74\x65\x78\x74\x7C\x74\x79\x70\x65\x7C\x77\x69\x64\x67\x65\x74\x7C\x74\x6F\x74\x61\x6C\x5F\x65\x6E\x74\x72\x79\x7C\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73\x7C\x69\x74\x65\x6D\x5F\x70\x65\x72\x5F\x70\x61\x67\x65\x7C\x63\x65\x72\x74\x61\x69\x6E\x7C\x73\x74\x61\x72\x74\x49\x6E\x64\x65\x78\x7C\x73\x74\x61\x72\x74\x5F\x69\x6E\x64\x65\x78\x7C\x4C\x61\x6E\x67\x5F\x4D\x6F\x72\x65\x7C\x50\x6F\x73\x74\x5F\x4E\x75\x6D\x62\x65\x72\x7C\x73\x6E\x69\x70\x7C\x64\x65\x66\x61\x75\x6C\x74\x7C\x62\x6C\x6F\x67\x67\x65\x72\x7C\x73\x6F\x75\x72\x63\x65\x7C\x49\x6E\x66\x6F\x7C\x73\x65\x70\x65\x72\x61\x74\x65\x7C\x69\x74\x65\x6D\x43\x6C\x61\x73\x73\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x6C\x61\x73\x74\x7C\x76\x61\x6C\x75\x65\x7C\x50\x6F\x73\x74\x5F\x54\x68\x75\x6D\x62\x7C\x72\x65\x70\x6C\x79\x5F\x74\x69\x74\x6C\x65\x7C\x4C\x61\x6E\x67\x5F\x42\x79\x7C\x44\x61\x74\x65\x7C\x4C\x61\x6E\x67\x5F\x43\x6F\x6D\x6D\x65\x6E\x74\x7C\x69\x6E\x66\x6F\x7C\x66\x65\x65\x64\x73\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x7C\x74\x61\x72\x67\x65\x74\x7C\x74\x69\x6D\x65\x7C\x74\x6F\x4C\x6F\x63\x61\x6C\x65\x44\x61\x74\x65\x53\x74\x72\x69\x6E\x67\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x68\x6F\x73\x74","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x147cx1,_0x147cx2,_0x147cx3,_0x147cx4,_0x147cx5,_0x147cx6){_0x147cx5=function (_0x147cx3){return (_0x147cx3<_0x147cx2?_0x3dd0[4]:_0x147cx5(parseInt(_0x147cx3/_0x147cx2)))+((_0x147cx3=_0x147cx3%_0x147cx2)>35?String[_0x3dd0[5]](_0x147cx3+29):_0x147cx3.toString(36));} ;if(!_0x3dd0[4][_0x3dd0[6]](/^/,String)){while(_0x147cx3--){_0x147cx6[_0x147cx5(_0x147cx3)]=_0x147cx4[_0x147cx3]||_0x147cx5(_0x147cx3);} ;_0x147cx4=[function (_0x147cx5){return _0x147cx6[_0x147cx5];} ];_0x147cx5=function (){return _0x3dd0[7];} ;_0x147cx3=1;} ;while(_0x147cx3--){if(_0x147cx4[_0x147cx3]){_0x147cx1=_0x147cx1[_0x3dd0[6]]( new RegExp(_0x3dd0[8]+_0x147cx5(_0x147cx3)+_0x3dd0[8],_0x3dd0[9]),_0x147cx4[_0x147cx3]);} ;} ;return _0x147cx1;} (_0x3dd0[0],62,160,_0x3dd0[3][_0x3dd0[2]](_0x3dd0[1]),0,{}));
</script>

Разберем код:
var Post_Number = 30; //number of posts display - количество сообщений
var Post_Snip = false;//true: show post snippet, false:hide - отображает текст под заголовком false - не отображает; true - отображает
var Post_Snip_Len = 1;//number characters of post snippet - количество символов в тексте под загаловком
var Post_By_Index_Label = '1';//certain label you want to index, leave blank to index all - вместо 1 пишите название нужного ярлыка сообщения которого должны отображаться

адрес сайта вставлять не нужно

Виджет случайные сообщения для блогспот - blogger

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

Давайте же приступим к добавлению этого виджета на наш сайт. Для этого нужно скопировать его код, затем в панели управления блогом открыть Дизайн - добавить гаджет - HTML\Javascript - вставить код - сохранить.

1) Простой виджет случайных сообщений без картинок - не работает!!!

2) Виджет случайных сообщений с картинками (показывает даже миниатюру к видео)
  <ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
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){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)+"&#133;";};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;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://2.bp.blogspot.com/-XQt2v4x5dl8/T1zdpFh392I/AAAAAAAABUU/xMJZDedw38k/s1600/default.jpg"}}};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> 
Разберем кода:
var rdp_numposts=5 - количество отображаемых сообщений
Адрес сайта добавлять не нужно 

3) Горизонтальный виджет случайных сообщений 
<!-- www.theblogger911.blogspot.com Horizontal Random Posts Start -->
<style type="text/css"> #random-posts li{width:100px;height:190px;margin-right:12px;float:left;list-style:none;position:relative} #random-posts li:last-child{margin-right:0} #random-posts li img{width:100px;height:70px} #random-posts li img a{border:#333 solid 2px}; #random-posts li .isinyako{position:absolute;width:250px;top:-150px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:90%;border-bottom:2px solid black;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibility:hidden;opacity:0} #random-posts li:last-child .isinyako{right:0} #random-posts li:hover .isinyako{top:-40px;opacity:1;visibility:visible} .isinyako span{font-size:90%;color:#B30B0B} .isinyako p{font-size:90%;} </style><a href="http://theblogger911.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://theblogger911.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://theblogger911.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <span class="glap"> <ul id="random-posts"> <script type="text/javaScript"> var rdp_numposts = 4; var rdp_snippet_length = 0; var rdp_info = 'no'; var rdp_comment = 'Comments'; var rdp_disable = 'Turn off comments'; var rdp_current = []; var rdp_total_posts = 0; var rdp_current = new Array(rdp_numposts); function totalposts(a){rdp_total_posts=a.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 b=0;b<rdp_numposts;b++){var d=false;var c=get_random();for(var a=0;a<rdp_current.length;a++){if(rdp_current[a]==c){d=true;break}}if(d){b--}else{rdp_current[b]=c}}}function get_random(){var a=1+Math.round(Math.random()*(rdp_total_posts-1));return a}; </script> <script type="text/javaScript"> function random_posts(n){a=location.href;y=a.indexOf("?m=0");for(var f=0;f<rdp_numposts;f++){var l=n.feed.entry[f];var m=l.title.$t;if("content" in l){var o=l.content.$t}else{if("summary" in l){var o=l.summary.$t}else{var o=""}}o=o.replace(/<[^>]*>/g,"");if(o.length<rdp_snippet_length){var k=o}else{o=o.substring(0,rdp_snippet_length);var b=o.lastIndexOf(" ");k=o.substring(0,b)+"&#133;"}for(var e=0;e<l.link.length;e++){if("thr$total" in l){var h=l.thr$total.$t+" "+rdp_comment}else{h=rdp_disable}if(l.link[e].rel=="alternate"){var d=l.link[e].href;if(y!=-1){d=d+"?m=0"}var g=l.published.$t;if("media$thumbnail" in l){var c=l.media$thumbnail.url}else{c="http://4.bp.blogspot.com/-b9kfnZlObjc/UGxyCcbigjI/AAAAAAAAFd4/xPPqLCo9uCA/s1600/no_image.jpg"}}}document.write("<li>");document.write('<a href="'+d+'" rel="nofollow"><img alt="'+m+'" src="'+c+'"/></a>');document.write('<div class="isinyako"><h5>'+m+"</h5>");if(rdp_info=="yes"){document.write("<span>"+g.substring(8,10)+"/"+g.substring(5,7)+"/"+g.substring(0,4)+" - "+h+"</span>")}document.write("<p>"+k+"</p></div>");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></span> <script type='text/javascript'> //<![CDATA[ function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("random-posts",120); //]]></script><script language='Javascript'>document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%74%65%78%74%2D%61%6C%69%67%6E%3A%20%6C%65%66%74%3B%22%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%74%68%65%62%6C%6F%67%67%65%72%39%31%31%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%33%2F%30%38%2F%68%6F%77%2D%74%6F%2D%61%64%64%2D%62%65%61%75%74%69%66%75%6C%2D%68%6F%72%69%7A%6F%6E%74%61%6C%2D%72%61%6E%64%6F%6D%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%66%6F%6E%74%2D%73%69%7A%65%3A%20%78%78%2D%73%6D%61%6C%6C%3B%22%3E%67%65%74%3C%2F%73%70%61%6E%3E%3C%2F%61%3E%3C%2F%64%69%76%3E'));//</script>
<!-- www.theblogger911.blogspot.com Horizontal Random Posts end -->
Разберем кода
img{width:100px;height:70px} - ширина и высота картинки
var rdp_numposts = 4; - количество сообщений
Адрес сайта добавлять е нужно

4) Горизонтальный виджет случайных сообщений с картинками (отображает картинку видео) 
<b:if cond='data:blog.pageType == &quot;item&quot;'> <style type="text/css"> #random-posts li{width:125px;height:200px;margin-right:12px;float:left;list-style:none;position:relative} #random-posts li:last-child{margin-right:0} #random-posts li img{width:70px;height:70px} #random-posts li img a{border:#333 solid 2px}; #random-posts li .isinyako{position:absolute;width:250px;top:-150px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:90%;border-bottom:1px solid black;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibility:hidden;opacity:0} #random-posts li:last-child .isinyako{right:0} #random-posts li:hover .isinyako{top:-40px;opacity:1;visibility:visible} .isinyako span{font-size:90%;color:#B30B0B} .isinyako p{font-size:90%;} </style> <span class="glap"> <ul id="random-posts"> <script type="text/javaScript"> var rdp_numposts = 5; var rdp_snippet_length = 70; var rdp_info = 'no'; var rdp_comment = 'Comments'; var rdp_disable = 'Turn off comments'; var rdp_current = []; var rdp_total_posts = 0; var rdp_current = new Array(rdp_numposts); function totalposts(a){rdp_total_posts=a.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 b=0;b<rdp_numposts;b++){var d=false;var c=get_random();for(var a=0;a<rdp_current.length;a++){if(rdp_current[a]==c){d=true;break}}if(d){b--}else{rdp_current[b]=c}}}function get_random(){var a=1+Math.round(Math.random()*(rdp_total_posts-1));return a}; </script> <script type="text/javaScript"> function random_posts(n){a=location.href;y=a.indexOf("?m=0");for(var f=0;f<rdp_numposts;f++){var l=n.feed.entry[f];var m=l.title.$t;if("content" in l){var o=l.content.$t}else{if("summary" in l){var o=l.summary.$t}else{var o=""}}o=o.replace(/<[^>]*>/g,"");if(o.length<rdp_snippet_length){var k=o}else{o=o.substring(0,rdp_snippet_length);var b=o.lastIndexOf(" ");k=o.substring(0,b)+"&#133;"}for(var e=0;e<l.link.length;e++){if("thr$total" in l){var h=l.thr$total.$t+" "+rdp_comment}else{h=rdp_disable}if(l.link[e].rel=="alternate"){var d=l.link[e].href;if(y!=-1){d=d+"?m=0"}var g=l.published.$t;if("media$thumbnail" in l){var c=l.media$thumbnail.url}else{c="http://4.bp.blogspot.com/-b9kfnZlObjc/UGxyCcbigjI/AAAAAAAAFd4/xPPqLCo9uCA/s1600/no_image.jpg"}}}document.write("<li>");document.write('<a href="'+d+'" rel="nofollow"><img alt="'+m+'" src="'+c+'"/></a>');document.write('<div class="isinyako"><h5>'+m+"</h5>");if(rdp_info=="yes"){document.write("<span>"+g.substring(8,10)+"/"+g.substring(5,7)+"/"+g.substring(0,4)+" - "+h+"</span>")}document.write("<p>"+k+"</p></div>");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></span> <script type='text/javascript'> //<![CDATA[ function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("random-posts",120); //]]></script> </b:if>
Разберем кода:
img{width:70px;height:70px} - ширина и высота картинок
var rdp_numposts = 5 - количество сообщений
snippet_length = 70 - количество символов в тексте под заголовком
 Адрес сайта добавлять не нужно

5) Виджет случайных сообщений с картинками (отображает картинку видео) - не работает!!!

Виджет последние сообщения для блогспот - blogger


Стильный виджет последние сообщения
Всем блоггерам привет, сегодня будем пробовать добавлять виджет последние сообщения.

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

Что бы виджет работал нужно скопировать его код, затем в панели управления блогом открыть Дизайн - добавить гаджет - HTML\Javascript - вставить код - сохранить.

1) Виджет последние сообщения с  картинками

 
<div id='bp_recent'></div><div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href='http://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html?utm_src=BP_recent' style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://image.bloggerplugins.org/blogger-widgets.png' alt='Recent Posts with Thumbnails for Blogger' style='border:none' /></a>Powered By <a href='http://www.bloggerplugins.org/?utm_src=BP_recent' target='_blank' title='blogger widgets'>Blogger Widgets</a></small></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = true;
var showSummary = true;
var summaryLength = 200;
var titleLength = 100;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = false;
var imgDim = 100;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = true;
var readMore = 'More';
</script>
<script src='/feeds/posts/summary?max-results=5&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Значение кода:

 var numberOfPosts = 5; количество сообщенийvar showPostDate = true; показывать дату сообщения - false - отключить
var showSummary = true; показывать текст под заголовком -
false - отключить
var summaryLength = 200; количество символов в тексте под заголовком
var showThumbs = true; - показывать картинки - false - отключить
var imgDim = 100; - размер картинки
 

Адрес сайта добавлять не нужно.

Главное меню для blogger (blogspot).


Внимание! На сервисе произошли изменения прочтите дополнение после основного текста внизу страницы.

Сегодняшний урок по работе с шаблоном blogger расскажет и покажет вам, как правильно установить главное меню сайта - блога.

Что ж давайте продолжим изучать модернизацию блога. Касательно типов главного меню, всего существует два типа, горизонтальное и вертикальное, как первое так и другое может иметь выпадающие ячейки. И снова нам в помощь приходит отличный сервис привлекательных менюшек: http://cssmenumaker.com/css-menus Как видим сайт англоязычный, но разобраться можно и не владея английским.

В общем вверху, слева находится кнопка Type напротив стрелочка кликаем по ней, в списке выбираем либо Horizontal либо Vertical далее выбор за вами присмотрели себе меню, тогда кликаем по нему, в открывшейся странице кликаем по Customize\Download. Здесь видим само меню и его настройки, слева окошко с крестиком служит для добавления новых ячеек, вводим название ячейки и кликаем по крестику, ниже можно увидеть как к нашему меню добавилась еще одна ячейка, так же эти ячейки можно менять местами. В поле Edit Item так же можно задать имя ячейки и самое главное добавить ссылку на ту страницу, которая должна открываться на вашем сайте при клике по этой ячейке. Title - это название ячейки, Link - ссылка на страницу.

Теперь, если вы устанавливаете горизонтальное меню, кликаем по CSS копируем весь код, идем в панель управления нашим сайтом, заходим в Шаблон - Изменить HTML - жмем комбинацию клавиш Ctrl+F  в открывшемся окошке вводим код </b:skin> жмем Enter видим выделился нужный код </b:skin> перед ним вставляем скопированный на cssmenumaker код, затем возвращаемся на cssmenumaker и кликаем по HTML копируем код, возвращаемся в Изменить HTML - в поисковом окошке пишем <header> жмем Enter нашли код и сразу после него вставляем второй код из cssmenumaker сохраняем шаблон.

Если вы устанавливаете вертикальное меню делаем все тоже самое с CSS что и в случае с горизонтальным меню, а вот код HTML можно вставить как гаджет. Скопировав HTML код на cssmenumaker идем в Дизайн выбираем левый или правый колонтитул и добавляем гаджет в списке выбрать HTML\Javascript - вставить код и сохранить.

Вот и все.

Дополнение:
На сервисе который предлагается выше произошли некоторые изменения. Вроде, как теперь он стал платным и не совсем. Недавно посетив этот сайт мне было предложено оплатит годовой абонемент стоимость которого 14 долларов. Это окно выбивает когда вы уже определились с меню и нажимаете на раздел CSS. HTML еще можно настроить. Так вот есть там одна хитрость, можно этот CSS скачать себе на компьютер и затем закинуть в шаблон. Когда вы определились с менюшкой в открывшемся окне вы увидите надпись Download Source под ней ссылка source.zip кликаете, скачиваете в открывшемся документе ищете styles.css там и лежит наш код который нужно перекинуть в шаблон. Одно но на сервисе вы не сможете отредактировать такие параметры как цвет меню, цвет текста это нужно будет делать самому на своем шаблоне.

Постраничная навигация для blogger


Данная версия более не является актуальной, смотрите, как установить новую версию постраничной навигации

Продолжим изучать работу шаблонов blogger. И в сегодняшней теме мы расскажем, как добавить на свой сайт - блог постраничную навигацию.
В стандартном виде постраничная навигация блогспота предлагает не очень изящный способ передвижения по сайту. Так что сегодня поговорим о том, как заменить Следующее и Предыдущее и пронумеровать страницы нашего сайта. Кстати не спешите удалять Следующее и Предыдущее по скольку без этого кода постраничная навигация не будет работать.

Итак есть неплохой сервис который предложит вам несколько вариантов постраничной навигации. Переходим по ссылке:
http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html
и выбираем понравившуюся навигацию, после выбора кликаем generate -> add to blogger после откроется страница кликаем по редактировать содержимое (если там нет кода возвращаемся на сайт и вновь генерируем понравившуюся навигацию) этот код можно вставить как гаджет в HTML\Javascript это простой вариант, но не все так просто, как бы нам того хотелось, может возникнуть ситуация когда допустим мы со второй страницы переходим на третью и ходим вернутся обратно на вторую путем backspace или стрелкой нашего браузера вернутся на предыдущею страницу, а нас при этом перекидывает на главную страницу, в таком случае копируем код:

 

<script type="text/javascript">

var home_page_url = location.href;


var pageCount=10;
var displayPageNum=3;
var upPageWord =&#39;Назад&#39;;
var downPageWord =&#39;Вперед&#39;;


function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;



htmlMap[htmlMap.length]=&#39;/&#39;;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {

 
 var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
 timestamp = encodeURIComponent(timestamp1);
 var title = post.title.$t;
   if(thisUrl.indexOf(timestamp)!=-1 ){
     thisNum = postNum;
   }

   postNum++;
   htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;&amp;max-results=&#39;+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
 var banyaknomer = htmlMap.length -1 ;
 postNum=postNum-1;
};


for(var p =0;p&lt; banyaknomer;p++){
 if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
  if(fFlag ==0 &amp;&amp; p == thisNum-2){
   if(thisNum==2){
    upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
   }else{
    upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
   }

   fFlag++;
  }

  if(p==(thisNum-1)){
   html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;
  }else{
   if(p==0){
     html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;

   }else{
    html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
   }
  }

  if(eFlag ==0 &amp;&amp; p == thisNum){
   downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
   eFlag++;
  }
 }
}

if(thisNum&gt;1){
 html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages (&#39;+(postNum-1)+&#39;)&lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
 html += downPageHtml;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;


var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
 html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
 pageArea[p].innerHTML = html;
}


if(pageArea&amp;&amp;pageArea.length&gt;0){
 html =&#39;&#39;;
}

if(blogPager){
 blogPager.innerHTML = html;
}


}


function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;



var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
 var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
 timestamp = encodeURIComponent(timestamp1);


 var title = post.title.$t;

   if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
   }

   if(title!=&#39;&#39;) postNum++;
   htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;&amp;max-results=&#39;+pageCount;
   
 itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
 var banyaknomer = htmlMap.length -1 ;
 postNum=postNum-1;
};

for(var p =0;p&lt; banyaknomer;p++){
 if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
  if(fFlag ==0 &amp;&amp; p == thisNum-2){
   if(thisNum==2){
    upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
   }else{
    upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
   }

   fFlag++;
  }

  if(p==(thisNum-1)){
   html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;
  }else{
   if(p==0){
    html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
   }else{
    html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
   }
  }

  if(eFlag ==0 &amp;&amp; p == thisNum){
   downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
   eFlag++;
  }
 }
}

if(thisNum&gt;1){
 if(!isLablePage){
  html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
 }else{
  html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
 }
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages (&#39;+(postNum-1)+&#39;)&lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
 html += downPageHtml;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;

var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
 html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
 pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
 html =&#39;&#39;;
}

if(blogPager){
 blogPager.innerHTML = html;
}


}


</script>

<script type="text/javascript">

  var thisUrl = home_page_url;
 if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){
  if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){
   var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));
  }else{
   var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));
  }
 }

 var home_page = &quot;/&quot;;
 if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){
  if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){  
   document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;\/script&gt;&#39;)
  }else{document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/posts/full/-/&#39;+lblname1+&#39;?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;\/script&gt;&#39;)
  }
 }
</script>


После идем в Шаблон -> Изменить Html жмем Ctrl+F в открывшемся окошке пишем </body> и жмем enter  появится такой код:
</body>

перед ним и вставляем скопированный код и сохраняем шаблон.

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

var pageCount=10 - отображает количество сообщений на каждой из страниц у нас стоит 10 значит на каждой странице будет отображаться по 10 сообщений.
var displayPageNum=3 - отображает количество страниц

Кроме того количество сообщений на главной странице и дальше по навигации так же задается в Дизайне, там нужно выбрать такое же количество постов, как и в коде var pageCount. Если количество будет отличаться то при переходе с главной на вторую страницу постраничной навигации несколько постов будет съедаться. Так что заходим в Дизайн находим окошко Сообщения блога кликаем изменить и меняем Количество сообщений на главной странице. Так же там можно убрать автора время, дату поста и т.д.

Итак постраничную навигацию освоили, теперь когда мы ходим по сообщениям сайта, то видим, что Следующее Главная и Предыдущее еще остались. Я заменил их на картинки стрелок влево и вправо.

Итак  идем в Шаблон - Изменить HTML - жмем Ctrl+F в окошке пишем для Следующее этот код  <data:newerPageTitle/> и меняем его на <img alt='Предыдущее' height='60' src='http://firepic.org/images/2013-10/20/o4tvypfce1u0.jpg' width='60'/>

 Для Предыдущее ищем этот код  <data:olderPageTitle/> и меняем на <img alt='Предыдущее' height='60' src='http://firepic.org/images/2013-10/20/ckauik9mtqk9.jpg' width='60'/>

И для Главная  <data:homeMsg/> меняем на  <img src="http://rghost.ru/49938870/image.png" alt="Главная страница" width="90" height="60"/>

Можете вставлять свои ссылки на картинки.

На этом все, удачи.