October 13, 2013

Cara Membuat Featured Image/Post di Blogspot

October 13, 2013

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!


Previous
« Prev Post
Author Image

Romeltea

Recommended Posts

Related Posts

Show comments
Hide comments

11 comments on Cara Membuat Featured Image/Post di Blogspot

  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
  6. saat mau menambah gatget tidak bisa ?? hanya tampil titik titik
    mohon bantuannya

    ReplyDelete
  7. Sudah saya Coba dan Work 100%
    Makasih gan tutornya, Salam Hangat

    ReplyDelete

Contact Form

Name

Email *

Message *