cara menampilkan judul postingan pada home blog - baik pada kali ini saya akan bagikan sebuah tips trik blog yaitu cara menampilkan judul postingan pada home blog. sudah banyak sekali 1001 tips
trik di blog tetangga yang membahas berbagai macam
tips trik didalamnya. dan alhamdulilah blog ini pun akan ikut berbagi untuk teman-teman semuanya.
menampilkan
judul postingan saja pada home blog sangatlah baik sekali, karena disamping lebih simple dari segi kecepatan blog pun akan semakin berkurang loading nya. dan tidak membutuhkan waktu lama dalam proses loadingnya. dan berikut langkah-langkah dalam cara menampilkan judul postingan pada home blog :
- teman-teman masuk dulu ke www.blogger.com
- lalu masuk ke "template" dan pilih "editHTML"
- lanjutkan, lalu centang terlebih dahulu expand widgetnya
- cari code </head> , atau singkatnya bisa gunakan "Ctrl+F"
- lalu masukan code CSS yang ada dibawah ini tepat diatas code </head> yang sudah teman-teman cari tadi.
<style type='text/css'>
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>
.post {margin:.5em 0 1.5em;border-bottom:0px dotted
$bordercolor;padding-bottom:1.0em;height:50px;}.post h3 {margin:.25em 0
0;padding:0 0 4px;font-size:20px;font-family:Tahoma,Georgia,Century
gothic,Arial,sans-serif;font-weight:normal;line-height:1.4em;color:#cc6600;}
.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#cc6600;font-weight:normal;}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}.post-footer {display:none;}.comment-link
{display:none;}.post img {display:none;}.post blockquote
{display:none;}.post blockquote p {display:none;}h2.date-header
{display:none;}.post-labels {display:none;}.post-rating {display:none;}
</b:if></b:if>
</style>
- lalu klik simpan/save , dan lihat hasilnya
mungkin hanya itu saja yang dapat saya sampaikan mengenai cara menampilkan judul postingan pada home blog, semoga bermanfaat
