【コピペOK】はてなブログのサイドバーに特定記事を紹介するパーツ

<div class="picup">
    <div class="picup__inner">
      <ul class="picup__list">
        <li class="picup__item">
          <a href="※リンクULR" class="picup__link">
            <img class="picup__img" src="※画像のURL" alt="">
            <p class="picup__text">※文章1</p>
          </a>
        </li>
        <li class="picup__item">
          <a href="※リンクULR" class="picup__link">
            <img class="picup__img" src="※画像のURL" alt="">
            <p class="picup__text">※文章2</p>
          </a>
        </li>
        <li class="picup__item">
          <a href="※リンクULR" class="picup__link">
            <img class="picup__img" src="※画像のURL" alt="">
            <p class="picup__text">※文章3</p>
          </a>
        </li>
      </ul>
    </div>
  </div>

.picup__inner {
  width: 100%;
  margin: 0 auto;
}

.picup__list {
  list-style: none;
  padding: 0;
}

.picup__item:not(:last-child) {
  margin-bottom: 28px;
}

.picup__link {
  text-decoration: none;
  color: #337ab7;
}

.picup__img {
  display: block;
  width: 100%;
  margin-bottom: 7px;
  border: 1px solid #7B7B7B;
}

.picup__text {
  font-size: 14px;
  text-align: center;
}