Cara Memasang Featured Image Post for Blogger

Baca Juga

Cara Memasang Featured Image Post for Blogger. Menampilkan posting tertentu di halaman depan menjadi Featured Post berupa Judul, Ringkasan, plus Image (Gambar).

Ini penampakannya:

Cara Memasang Featured Image Post for Blogger dilakukan secara manual. Gambar dan postingan tidak ditampilkan secara otomatis, tapi dipilih sendiri, dengan memasukkan link gambar, link postingan, dan judul postingannya.

Cara Memasang Featured Image Post for Blogger

1. Layout > Add a Gadget > Edit HTML
2. Copas kode berikut ini:

<style>
#featured-post {margin:15px}
#featured-post a{color:#FF5;font-size:20px;font-weight:700;}
#featured-post a:hover{color:#48d}
#featured-post .item-content{background:transparent}
#featured-post .item-thumbnail{background:#fafafc}
#featured-post .item-content img{width:480px;height:250px}
#featured-post .item-title{line-height:1.3em;font-size:95%;min-height:75px;max-height:75px;;opacity:0.75;background:#111;margin:-100px 0 1px;padding:10px;color:#fff;overflow:hidden}
</style>
<div id="featured-post">
<div class="item-content">
<div class="item-thumbnail">
<a href="https://www.contohblog.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNftwGKkIlyXrmQs5Ia62hrLW-OeoS2f2ktJcL8cgxju8POurHzhhG7IFhxfO8gksnPmELrRf8ncjJ-Mf6N3EIehRrMK-LeH_AEwyq7Qfk1WyURaVQPnYsQjfaZJpuRoGDsID0SE19Rxdt/s448-Ic42/full-time-blogging-new.jpg" alt="tips blogging"/> </a></div>
<div class="item-title">
<a href="https://www.contohblog.com" target="_blank">Panduan Membuat Blog SEO Friendly</a><p>Panduan praktis bagi pemula dalam membuat blog SEO Friendly, Tips Desain, Free Premium Template, dan Jasa Pembuatan Blog...</p>
</div>
</div>
</div>

Ubah tulisan warna merah dengan versi Anda.

3. Simpan widget tersebut di atas widget "Blog Post"
4. Save!

Demikian Cara Memasang Featured Image Post for Blogger. Good Luck! (www.contohblog.com).*