Cara Membuat Featured Image/Post di Blogspot
October 13, 2013
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 sini. Good Luck!
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 sini. Good Luck!
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
kok ane g mau muncul ya gan? mohon pencerahan..
ReplyDeletegan klau yng sperti di toko bagus ada gak ???
ReplyDeletesya cari yng slide show mirip slode produk penjualan ditoko bagus
gimana ya caranya buat readmore kaya di hompage agan?
ReplyDeleteCB gak pake "read more" :)
Deletehttp://contohblognih.blogspot.com/2014/02/membuat-auto-read-more-di-halaman-depan.html
kalo ' no image available ' kenapa ya ?
ReplyDeleteSilakan cek:
Deletehttp://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.
ReplyDeleteIni posting lama, silakan search: "featured post new johny wuss" di kotak pencarian
Deletesaat mau menambah gatget tidak bisa ?? hanya tampil titik titik
ReplyDeletemohon bantuannya
Sudah saya Coba dan Work 100%
ReplyDeleteMakasih gan tutornya, Salam Hangat
wah makasih tipsnya
ReplyDelete