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 dapat mengubahnya di bab arahan 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 arahan widget Featured Post yang gres dipasang tadi --Gunakan Ctrl+F dan ketik FeaturedPost
6. Ganti arahan semua kode, dari arahan <b:widget s.d. arahan </b:widget>, dengan arahan 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 != ""'>
<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 != ""'>
<img class='image' expr:src='data:postFirstImage'/>
</b:if>
<b:if cond='data:showPostTitle and data:postTitle != ""'>
<h4><a expr:href='data:postUrl'><data:postTitle/></a></h4>
</b:if>
<b:if cond='data:showSnippet and data:postSummary != ""'>
<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).*
Sumber https://testemplatecb.blogspot.com/
