Blog Post yang menampilkan Judul Artikel saja
Coba sobat blogger perhatikan gambar di atas, itu adalah gambar home page atau Halaman awal dari blog ini. Gambar tersebut saya ambil seminggu yang lalu. Gambar itu sebenarnya sangat besar, tapi saya Crop beberapa bagian dan saya sisakan di bagian blog post saja. Saya sengaja meninggalkan bagian blog post saja karena ada sangkutpautnya dengan tutorial blog yang akan saya berikan hari ini.
Baiklah, tanpa berbicara panjang lebar, kita langsung saja ke pokok persoalan yang akan kita bahas.
Di bagian Home Page blog, hampir semua blogger memasang fitur Read More, supaya postingan mereka terpotong atau terpenggal (Ya... sama lah dengan blog ini, menggunakan fitur Read More juga). Kalau kita menggunakan fitur read more, di bagian blog post akan tampil bulan, tahun, tanggal, hari, judul postingan, Short Text, dan Link read more. Perhatikan gambar di bawah ini!
Di bagian Home Page blog, hampir semua blogger memasang fitur Read More, supaya postingan mereka terpotong atau terpenggal (Ya... sama lah dengan blog ini, menggunakan fitur Read More juga). Kalau kita menggunakan fitur read more, di bagian blog post akan tampil bulan, tahun, tanggal, hari, judul postingan, Short Text, dan Link read more. Perhatikan gambar di bawah ini!
Blog Post Menggunakan Fitur Read More
Antara gambar pertama dan gambar kedua di atas, terdapat pebedaan yang sangat besar. Gambar pertama hanya menampilkan waktu dan judul artikel saja dan gambar kedua, menampilkan sebagian text plus gambar. Saya mau blog saya seperti gambar pertama, Bagaimana caranya? Gampang kok dan kebetulan itulah yang akan saya uraikan hari ini.
Cara Menampilkan Judul Artikel Saja di Home Page Blog :
- Log in di http://www.blogger.com/
- Klik Rancangan dan pilih Edit HTML.
- Kasih tanda centang pada Expand Widget Template
- Copy kode berikut
<style type='text/css'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> .post-body{display:none;} </b:if> </b:if> </style>
- Paste kode tersebut di bawah kode ]]></b:skin>
- Simpan template sobat.
Baca tutorial menarik lainnya di bawah ini :
Tips Trik Blog
- Membuat Teks Link Berkedap Kedip
- Cara Buat Tombol Hide and Show (Spoiler)
- Cara Membuat Salam Pembuka Blog
- Membuat Gambar di setiap Artikel Secara Otomatis SEO
- Membuat Judul Blog Berada di Tengah
- Cara Buat Tulisan Berjalan / Effect Marquee di Blog
- Cara Memasang Facebook Like Badge
- Cara Menyembunyikan Navbar Blog
- Cara Menambahkan Syntax Highlighter pada Blog
- Cara Menghias Cursor Blog
- Blog dan Google Chrome
- Contact Us
- Cara Pasang Alexa Traffic Widget
- All About Anchor Text
- Cara Buat Navbar Auto Hide
- Cara Pasang Yahoo Emoticon di Blog
- Ayo Tukar Link!!!
- Cara Backup atau Download Template Blog Sendiri
- Cara Menambahkan Link Blog kita pada Widget Attribution
- Menghilangkan Bayang atau Border Pada Gambar Blog
- Cara Membuat Widget Berjalan atau Bergerak
- Cara Menyembunyikan Widget Attribution Power By Blogger
- Menyembunyikan / Menghilangkan Posted by, Share Button (Tombol Berbagi) dan Labels di Home Page
- Cara Buat Related Post atau Artikel Terkait
kk tapi kalo make code itu ,, tulisan-tulisannya ga ada cuma judul postingan doang adanya ,, biar ada gimana tuh ka???
ReplyDeletekeren kk thx ya
ReplyDeletebondowoso-jawa.blogspot.com
kalau menggunakan code di atas, memang bisa menampilkan postingan di homepage (halaman depan) hanya judulnya saja, namun, cara di atas sebenarnya melakukan pemanggilan content postingan, hanya saja tidak ditampilkan. memakai display:none. cara di atas menurut saya pribadi, tidak disarankan. google tidak menyukai penyembunyian content. apa yang terjadi jika content disembunyikan dengan cara di atas? sebaiknya anda menggunakan "conditional if" yang bisa memilih mana yang boleh ditampilkan di halaman di depan dan mana yang tidak.
ReplyDeletethx infonya
ReplyDeletekalo misalnya dari templatenya tidak muncul postingan blog di homepage terus cara memunculkannya gmn? Mohon bantuannya..
ReplyDeletenggak bisa gan :(
ReplyDeletega jujur,,,ane ga suka yg di umpet2tinnngoogle ga suka,,konten tersembunyi
ReplyDeleteNOT CLEAR POST
ReplyDeletemakasih Gan artikelnya ....
ReplyDeletenice gan
ReplyDeleteterimakasih infonya om :)
ReplyDeletekalo cara judul sama gambar saja gimana, yg kaya gambar ke 2 agan
ReplyDeleteklo pengen nampilin image nya saja gimana ya caranya mas?
ReplyDeleteTerimakasih atas info yang bermanfaatnya
ReplyDeleteMotivasi Hidup
cara balikinnya gimana gan :'(
ReplyDeleteOw gitu ya,,,,kalo mengubah gambar yg ada di templateku gimana ya...?
ReplyDeletemantep gan ..
ReplyDeleteTerimakasih infonya Gan (y)
ReplyDeleteIni yang sedang saya cari-cari
http://grosirobatjellygmat.com/obat-herbal-radang-usus/
kalau judul dan gambarnya saja gimana tuh
ReplyDeletemakasih banyak buat infonya,,
ReplyDeletehttp://goo.gl/KlAsdu
Makasih banyak gan,, manfaat
ReplyDeleteKalau menampilkan yang full artikel bagaimana, template sudah diganti
ReplyDeleteBagus mas mksh
ReplyDeleteKALAU CARA MENAMPILKAN HANYA JUDUL DAN GAMBAR SEPERTI GAMBAR KEDUA CARANYA BAGAIMANA?
ReplyDeleteKalau menampilkan judul dan snippetnya saja gimana gan, tanpa thumbnail. Thanks kalau ada yg mau jawab
ReplyDeletekalau misalnya ingin menampilkan seperti gambar ke dua caranya gimana vroh? oya silahkan berkunjung juga ke BUGINESE BLOG tinggalkan komentar yang bersifat membangun, soalnya masih nubi
ReplyDeleteKunjungi gan... Lirikkerenn.blogspot.com
ReplyDeleteHello we just took up shiba inu babies,all available from now on we are back to serve you all.Visit our webpage on www.shibainuhome.co.uk
ReplyDeleteshiba inu uk for sale
shiba inu for sale near me
shiba inu for sale
shiba inu puppy for sale uk