[Blog]関連記事の背景画像を変更

関連記事はこちらを使っていますが

Bloggerにサクっと関連記事を表示させるプラグイン-スケ郎のお話
https://www.sukerou.com/2019/01/blogger_18.html

投稿画像が無いときに灰塗りの背景が表示されるので、今更ながら、背景を画像に変更

該当部分のCSS

.b-related-post-list{list-style:none;padding:0;margin:0}.b-related-post-list li{list-style:none;position:relative;min-height:5rem;margin-bottom:5px;font-size:16px}.b-related-post-list .b-related-post-thumbnail-container{width:5rem;height:5rem;border:1px dotted #ccc;overflow:hidden;display:block;position:absolute;background:#333;background:-moz-radial-gradient(#333 20%,#111 70%)background:-webkit-radial-gradient(#333 20%,#111 70%)background:radial-gradient(#333 2%,#111 70%)top:0;left:0}.b-related-post-list .b-related-post-text-container{position:absolute;left:5.4rem;top:3px;margin:0;padding:0}.b-related-post-list .b-related-post-title{display:block;margin:0;padding:0;max-height:3rem;font-size:16px;overflow-y:hidden}.b-related-post-list .b-related-post-label-container{margin-top:.1rem}.b-related-post-list .b-related-post-label-container span{display:inline-block;padding:1px;background:#1b89d5;color:#fff;margin:0 4px 0 0;font-size:.8rem}

まぁ1行なんで CSS Minifier - Beautifier で見やすくします

下のボックスに入れると

.b-related-post-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.b-related-post-list li {
    list-style: none;
    position: relative;
    min-height: 5rem;
    margin-bottom: 5px;
    font-size: 16px;
}

.b-related-post-list .b-related-post-thumbnail-container {
    width: 5rem;
    height: 5rem;
    border: 1px dotted #ccc;
    overflow: hidden;
    display: block;
    position: absolute;
    background: #333;
    background: -moz-radial-gradient(#333 20%,#111 70%);
    background: -webkit-radial-gradient(#333 20%,#111 70%);
    background: radial-gradient(#333 2%,#111 70%);
    top: 0;
    left: 0;
}

.b-related-post-list .b-related-post-text-container {
    position: absolute;
    left: 5.4rem;
    top: 3px;
    margin: 0;
    padding: 0;
}

.b-related-post-list .b-related-post-title {
    display: block;
    margin: 0;
    padding: 0;
    max-height: 3rem;
    font-size: 16px;
    overflow-y: hidden;
}

.b-related-post-list .b-related-post-label-container {
    margin-top: .1rem;
}

.b-related-post-list .b-related-post-label-container span {
    display: inline-block;
    padding: 1px;
    background: #1b89d5;
    color: #fff;
    margin: 0 4px 0 0;
    font-size: .8rem;
}

変更すべき部分は
background:-moz-radial-gradient(#333 20%,#111 70%)background:-webkit-radial-gradient(#333 20%,#111 70%)background:radial-gradient(#333 2%,#111 70%)

background-image:url("https://blogger.googleusercontent.com/img/a/AVvXsEiDnMBeCg3mie7xHHqh29Oec1Ss4sQX_DUgDITgdKPNyaDsw3kVnaJYnIik4C7nbLBzQv1KHeoc648tVAOQr9-rUuBmdgmaaSDwDAGGk3-H8rtQQR0_9-PLFU0nfKQI0CjBsFpjm6U5BPKVeBn8qYS3cs4gSWeDRDNy6liNlXGb2kNy39PMoyeZa27Otw?name=No-Image.png");background-size:5rem 5rem;
に変更しました

拡張子付かない頃の画像だから最悪ですが

背景画像なので、透過の投稿画像だと背景が見えてしまうのが問題

あとは
border:1px dotted #ccc;
を
solid に変えました