Cara Membuat Featured Image/Post di Blogspot

Cara Membuat Featured Image/Post di Blogspot

Featured Image/Post di Blogspot
Cara membuat Featured Image/Post di Blogspot, seperti yang bisa Anda lihat di halaman depan blog ini, sangat mudah. Anda tinggal melakukan langkah-langkah berikut ini:

1. Template --> Edit HTML

2. Temukan kode <b:section class='main' id='main' showaddelement='no'>

3. Ubah jadi atau ganti dengan <b:section class='main' id='main' showaddelement='yes'> (mengubah ini doang kok: showaddelement='no' jadi showaddelement='yes'

4. Jika Featured Image/Post hanya dimunculkan di halaman depan, seperti di blog ini, Anda tinggal tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di atas kode <!-- only display title if it's non-empty --> dan </b:if> di bawah kode <b:include name='quickedit'/>. (Selengkapnya baca DI SINI).

5. Save Template!

Langkag 1 s.d. 5 tersebut untuk memunculkan kolom Gadget baru di atas Blog post. Mari kita lanjutkan:

6. Klik "Layout". Nanti akan ada kolom "Add a Gadget" baru di atas kolom "Blog Posts"
7. Klik "Add a Gadget"--> Pilih HTML/Javascript
8. Masukkan kode HTML/Javascript.

Jika ingin hanya berupa gambar, seperti di blog ini, tinggal masukkan kode <img src="LINK GAMBAR/FOTO">

Jika ingin berupa Featured Content Slider Post, Anda bisa dapatkan kodenya di SINI. Ada 17 lebih pilihan tampilan featured post buat blogspot di sana.

Cara Membuat Featured Image/Post di Blogspot lainnya yang lebih praktis dan bagus, gak mau ribet ganti URL/LINK dan sebagainya, Anda gunakan CARA INI saja.

Mau Featured Post blognya seperti Image Slideshow punya Yahoo!? Ada di siniGood Luck!


Labels: Desain Blog

Related Posts

9 Komentar untuk "Cara Membuat Featured Image/Post di Blogspot"

kok ane g mau muncul ya gan? mohon pencerahan..

gan klau yng sperti di toko bagus ada gak ???
sya cari yng slide show mirip slode produk penjualan ditoko bagus

gimana ya caranya buat readmore kaya di hompage agan?

CB gak pake "read more" :)
http://contohblognih.blogspot.com/2014/02/membuat-auto-read-more-di-halaman-depan.html

kalo ' no image available ' kenapa ya ?

Silakan cek:
http://contohblognih.blogspot.com/2014/03/Mengatasi-Gambar-Image-Thumbnail-yang-Tidak-Muncul-di-Blog.html

Mas CB,saya masih belum ngerti,yang masukin kode HTML/Javascript nya,kode HTML/Javascript nya diperoleh darimana? nuhun.

Ini posting lama, silakan search: "featured post new johny wuss" di kotak pencarian

saat mau menambah gatget tidak bisa ?? hanya tampil titik titik
mohon bantuannya

1. Komentar spam, menyertakan Link Aktif dan Alamat Blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *