Desain Widget Featured Post Bawaan Blogger Hasil Modifikasi

Baca Juga

Desain Widget Featured Post Bawaan Blogger Hasil Modifikasi

BERIKUT ini Desain Widget Featured Post Bawaan Blogger Hasil Modifikasi, dengan mengubah posisi gambar jadi paling atas, di bawahnya judul dan snippet.

Anda masih bisa mengubahnya di bagian kode warna merah.

Cara Memasangnya:

1. Layout > Add a Gadget > Pilih Featured Post
2. Pilih/klik salah satu posting yang akan ditampilkan
3. Save!

4. Template > Edit HTML
5. Cari kode widget Featured Post yang baru dipasang tadi --Gunakan Ctrl+F dan ketik FeaturedPost
6. Ganti kode semua kode, dari kode  <b:widget s.d. kode  </b:widget>, dengan kode di bawah ini:

  <b:widget id='FeaturedPost1' locked='true' title='Featured Post' type='FeaturedPost' version='1' visible='true'>
    <b:includable id='main'>
  <!-- Only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
  <div class='post-summary'>
    <b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
      <img class='image' expr:src='data:postFirstImage'/>
    </b:if>
    <b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
      <h4><a expr:href='data:postUrl'><data:postTitle/></a></h4>
    </b:if>
    <b:if cond='data:showSnippet and data:postSummary != &quot;&quot;'>
      <p>
        <data:postSummary/>
      </p>
    </b:if>
  </div>
  <style type='text/css'>
    .image {width: 100%;height: auto;max-height: 220px;margin-top:5px;} .post-summary h4 {font-size: 17px;font-family: Oswald;line-height: normal;font-weight: 400;margin:0}  </style>
</b:includable>
  </b:widget>

Demikian Desain Widget Featured Post Bawaan Blogger Hasil Modifikasi dan cara memasangnya di blogger. (CB Blogger).*