Login ke blogger
Buat Menu drop-down seperti ini
...Membuat tampilan artikel postingan di Halaman Utama Blog tampil Minimalis atau hanya terlihat Judul artikel saja seperti yang terlihat di blog ecaknyo ini...
..Hal ini tampaknya menjadi trend juga pada beberapa tampilan blog... adminnya berusaha membuat tampilan blognya sesimple mungkin tapi berkualitas.. salah satunya modifikasi cuplikan artikel postingan diblog...
...Ada ragam cara untuk membuat tampilan cuplikan postingan artikel di blog Minimalis... tapi disini saya akan membahas trik yang saya gunakan untuk meminimalis tampilan postingan artikel sehingga tampak judulnya saja beserta atribut jumlah komentar, tgl posting, label, dsb....
Oke.. langsung saja simak caranya...mudah saja... langkah-langkahnya sbb :
1. Login ke blogger > Rancangan > Edit HTML > Edit Template ( Centang Expand Template Widget ) ...tekan CTRL+F lalu cari " <data:post.title/> " ... jika sudah ketemu lalu tambahkan kode dibawah ini...
<div style='border: 0px solid rgb(250, 252, 252); margin: 10px 0px; padding: 10px; -moz-border-radius: 0px 0px 0px 0px; width: auto; height: auto; background-color: rgb(250, 252, 252); '>
dan..
</div>
Lakukan Persis seperti contoh dibawah ini... Perhatikan ya cara penempatannya...dan..
</div>
<div style='border: 0px solid rgb(250, 252, 252); margin: 10px 0px; padding: 10px; -moz-border-radius: 0px 0px 0px 0px; width: auto; height: auto; background-color: rgb(250, 252, 252); '>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</div>
</b:if>
Ket :<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</div>
</b:if>
background-color: rgb(250, 252, 252); = Warna Background-nya bisa kamu ubah sesuai keinginan .. >> cek warna disini
..Jika sudah benar... Simpanlah template-nya..
TRik ini akan membuat Judul artikel postingan seperti gambar dibawah ini...
2. Beralih ke Rancangan > Elemen Halaman > Klik Edit pada Posting bLog.. Lalu aturlah seperti gambar di bawah ini.. atau aturlah seperti kemauan kalian sendiri...
3. Saya pakai editor entri baru dari blogger ( Cek editor kamu di Pengaturan > Dasar > Setting Global > Editor Entri > Pilih option Editor yang diperbarui..) lalu pada awal postingan (tambahkan) klik Insert Jump Break, baru setelahnya isilah dengan postingan kita... Simple kan.. :)
4. Selesai... Terbitkanlah postingan... dan lihat hasilnya pada Halaman Utama Blogmu...
....tapi kalo terlalu minimalis malah aneh ya :D ....
81 komentar:
mantabs nih bang ...
ijin disimpan tuk dipelajari.
@Warna Tulisan:
silahkan dipelajari.. ini trik minimalis tampilan postingan artikel yg simple.. :)
nice post gan,
kpan2 gw coba dah
Oooo... gitu...keren mas!hehe Salam blogger... :D
Ooia mas... gambar avatar yang ada d komentar saya ilang mas... kira2 yang kehapus kode yg mana ya mas? kalo tau kasi tau ya mas...hehe Makasih sebelumnya...
thank u gan >_<
Amazing Picture Collection
Wah klo ini kebetulan aku udah nyoba Sob... soalnya blogku yg lain cuma judul doank di Home hhe...... males pake2 read more hhe...
Jiah.. kata2 terakhirnya.. tapi aneh ya? haha......
@irwan:
silahkan kapan2 dicoba.. di save aj dulu gan.. :)
@Herlan:
..caranya mudah.. hasilnya yaaa lumayanlah bwt minimalis postingan artikel di hal.utama blog.. sm kayk trik lainnya.. :D
@Ferdinand:
Siip.. baguslah kalo udah bisa... tapi masih byk ragam cara loh.. triknya pun berbeda-beda.. ngak tw sama kagak dg trik yg kupakai di tutor ini.. :)
@SealKaZz:
sama2 gan.. :)
Iy mas... keren yang minimalis template mah...hehe makasih banget mas komentar yang panjaaaaaaang banget!hehe... :)) tapi brmanfaat... d coba dlu deh mas... :D
@Herlan:
semakin modern semakin minimalis ya.. liat aj rumah2 skrg..aplagi baju2 cewe model skrg.. minimalis smua...kekekekek.. naah template blog ikut2an jg.. :D ...hahahaha...
tips bgus gan.. Lagi2 sya dibwt bingung oleg template sya.. Kodex gag da yg spt itu.. Bntu gan.. Bingung kalo mslh html
@rudycyber:
..dicentang expand template widget-nya ya..
..coba cari "post:title" aj sob.. pake CTRL+F (ketik : post:title) sj biar lebih mudah.. :)
Pagi Sob.. aku datang hhe.. maaf nie telat... waktu aku bikin judul di home,,, masalah pertama yg muncul labelnya tetep kaya biasa... SOb.. baru tuh aku rubah lagi biar si label jadi judul doank... jadi kayanya klo diposting, lengkap tuh tutorialnya sob hhe.... cuma saran hhe....
Semangat N happy blogging Sob...
Mas, ada award buat mas... kalo mau di ambil ya mas...hehe
hai braaada, gue punya blog baru nih..dah Q pasang Addthis, tapi setelah Q coba Share lewat facebook kok g muncul gambarnyanya,? hanya ada tulisan "TANPA JUDUL"
kenapa?
bisa bantu gak?
silahkan cek di blog q yang baru http://www.downloadlagugratis.co.cc
Q tunggu bantuannya loh..
keren keren keren...
mbah ini y,slalu saja buat postingan tu yg lg bnyak dicari...
like it....
@Ferdinand:
gkppa telat.. yg penting kamu berkunjung & komen di blogku ini gan.. :)
@Herlan:
wow.. mau dwong.. gw ambil ya awardnya.. thx bgt sob.. :)
@Ganden:
itu mungkin ada masalah url blog di addthis-nya..kurang http:// atau memang dari addthis / facebook yg lagi bermasalah.. cuma saran sob.. kalo mw sharing posting artikel blog ke fesbuk bisa lewat NETWORKED BLOG yg sdh disediakan oleh fesbuk.. otomatis kalo kita posting di blog maka akan tampil pula di fesbuk..gw pake itu & selama ini tdk ada masalah.. ini lINK-nya >> http://networkedblogs.com/blog/
@sibutiz:
hehe.. thx gan.. ntar gw berkunjung balik yaa.. :)
iya ya, jadi kelihatan judulnya saja, artikelnya masih tersembunyi, jadi menarik.
terima kasih info dan tipsnya. bermanfaat.
Bali Villas Bali Villa Villas in Bali
Terima kasih infonya, memang bener, yang tampil cuma judulnya saja, jadi lebih cantik ya. juga buat penasaran juga akan isinya.
makasih tipsnya.
Bali Villas Bali Villa Villas in Bali
@Ikutan Ngeblog:
kamu punya 2 blog ya..itu terlihat dari komennya yg sama :D
assalamualaikum
alhamdulillah saya masih diberi kesempatan untuk mempererat tali silaturahmi dan menyimak posting baru dari blog ini
sungguh posting yang Anda sajikan selalu segar dan menarik untuk disimak
saya juga masih harus banyak belajar
nah kebetulan saya baru saja membuat posting baru
silahkan untuk disimak dan diberi masukan
saya tunggu kedatangan Anda di http://www.kangmusa.com
terima kasih banyak
salam hangat
kangmusa
@Kang Musa:
maksih... oke..ke TKP skrg sob :)
kok ga bisa ya??
malah ada tulisan apa gitu, intinya ga bisa di save+ga bisa ke langkah ke-2....
Mantaap gan !!
tuker link yuk ?
di tunggu kedatanganya yah !!
ane mau link exchange , kebetulan sidebar rada kosong, tapi diaprove gak kalau saya pasang :)
kalau dikasih contohnya sekalian gimana?
saya tungguu kelanjutanya...
bagus nih....mantap....
nanti semplenya kaya apa|?
:-o
makasih boz infonya, udah dicoba tpi,karna template saya yang dulu berat, sekarang ganti template bru ehehe
halo bung lama gak jumpa
tambah pinter aja
Nice Article, inspiring. Aku juga suka nulis artikel bidang bisnis di blogku : http://www.yohanwibisono.com, silahkan kunjungi, mudah-mudahan bermanfaat. thx
@weBi:
heumm..itu berarti ada penempatan kode yang salah atau bisa juga ada kode html yg kurang..
@imam77:
makasih gan..oke..xchange link.. sung k TKP ;)
@andrihdt:
Xchange LInk ..boleh gan.. gw pasang skrg Link blogmu.. :)
@Data kami:
kan contohnya sdh ada gan... secara Real time lagi...itu di Hal Utama blog ecaknyo ini.. :)
@Ganden:
contohnya sdh ada tuh... secara Real time lagi...itu di Hal Utama blog ecaknyo ini.. :)
@gianogt:
tes emo smiley ya.. tp js smileynya sdh aq remove gan.. :)
@hasbi:
eeiitss... template baru ya..liaaat aaaah :D
@sigit:
apa kbr sobatku sigit :)
@Yohan Wibisono:
tentu gan.. gw akan berkunjung ke blogmu.. :)
keren nih blog, simple tapi padat berisi. :))
bang, gimana caranya supaya artikel di frontpage tampil normal (bukan cuma judulnya) tapi archive per kategori bisa tampil cuma judulnya aja? btw, tuker link sama ecaknyo gimana ya?
Nice article. Tapi kalau saya sendiri sih minimal lebih suka menampilkan gambar preview pada artikelnya biar yg berkunjung bisa dapat gambaran soal artikel yg akan mereka buka :D
nice post sobat....
salam knl aja ya....
sukses slalu sobat
Really appreciate you sharing this article post.Thanks Again. Really Cool.
salam kenal, kunjunganblik ditunggu di sini http://ramlannarie.wordpress.com/ dan http://ramlannarie.blogspot.com/
bagus juga mas tutorialnya apalagi buat gw yg nebwie :D , link balik ya mas , link blog mas ada di blog aku ... thanks
@story song:
Makasih gan... :)
@Resensi Film:
ow..itu tinggal diatur di Pengaturan> Format > di Tampilkan sebanyak mungkin isi dg 1 Posting.... nanti otomatis di halaman blog akan tampil 1 hal penuh postingnya...
kalo mau nampilin arsip perkategori hanya judulnya saja itu sdh byk yg bahas di blogger.. tapi sobat mesti nambahin widget ini secara manual..alias utak-atik script HTML..ntar kalo sy ad byk waktu luang mudah2an bisa sy bahas (bantu).. :)
@Republican Wasp:
..betul gan.. emg tampilan blog tergantung empunya maunya gimana.. lebih unik makin asik.. :)
@Tutorial Edit Blog:
Slm knal jg sobat.. smoga sukses jg.. :)
@Domain Dan Dollar Gratis:
Thanks bro.. ;)
thanks bos
http://endriagus.blogspot.com/
postingnya bagus, salam kenal n' met berkunjung balek.
@DEALER PULSA MURAH:
sama2 gan... gw Follow balik ya.. thx ;)
@kangmahfudz:
waduh kang.. pake domain co.cc ya... soalnya domain itu kena blok di t4ku krj.. jd blm bisa kunjung balik.. tapi nanti gw akan kunjungi balik..
makasih tutorialnya mas ;))
wah ini keren :D
@nisa sanjaya:
silahkan dicoba ya
@toromorphosis:
makasih gan..
@Andi Wong: udah saya coba di blogger saya.. tapi kok jadi nya pendek banget yya :D
@nisa sanjaya:
betul gan.. mmng utk nampilin jdul posting doang.. :D
Tx atas manfaat artikelnya sob...
Sukses !!!
@Harga Laptop:
sukses jg gan.. :)
wadohhh gan kok triknya gk bisa di blog ayae plis donk ah malah hilang jdulnya bowzzz
minta cara buat menu yang kalo di klik ntar ada tulisannya ke bawah tu gimana ea ...........lam knal
@evul story: Namanya menu dropdown gan...
diskon gila disdus.com
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif
sep nih om...
sukses yah om ..?? ^_^
maaf,pak saya masih pusing tolong kirimi email ke ebook.32@gmail.com...
atau bisa mampir ke http://www.bloggame.co.cc
wah bagus itu infoya . please untuk datang ke blog kami ini dan jgn lupa follow yah www.master-blog-lamongan.blogspot.com :-o
hmm... makasih ya... kan saya coba nanti...
Mantap gan..ni yg ku cari2. smoga berhasil. thanks to infonya gan
mantap gan....
joit blog aku juga ya..
http://all-4you-download.blogspot.com/
Poskan Komentar
KAMU KOMENG SAYA BALAS KOMENG... KAMU FOLLOW SAYA BALAS FOLLOW... MAU XCHANGE LINK JUGA BOLEH.... TAPI JANGAN BUAT SPAM KOMENTAR YA...