Home » » 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!


Thanks for reading & sharing Cara Membuat Featured Image/Post di Blogspot

Previous
« Prev Post

8 comments:

Comment Page:
  1. kok ane g mau muncul ya gan? mohon pencerahan..

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

    ReplyDelete
  3. gimana ya caranya buat readmore kaya di hompage agan?

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

      Delete
  4. kalo ' no image available ' kenapa ya ?

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

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

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

      Delete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox