Cara Memasang Featured Image Post for Blogger

Cara Memasang Featured Image Post for Blogger

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

Ini penampakannya:

Featured Image Post for Blogger

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://lh3.googleusercontent.com/-0oIWLi0579E/Vlxsv_key5I/AAAAAAAAM0s/MOw7qZy23e4/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).*

Thanks for reading Cara Memasang Featured Image Post for Blogger | Labels: Desain Blog, Posting edit this post

2 komentar on Cara Memasang Featured Image Post for Blogger

  1. gak ngerti, jelaskan lagi arah dan maksud-nya koding di atas bair pengunjung paham

    ReplyDelete

Contact Form

Name

Email *

Message *