Monday, 25 February 2019

Cara Membuat Tampilan Posting Di Home Page Hanya Judulnya Saja

Kembali dengan saya sobat hanya di Nyus Blog dan kali ini saya akan share sebuah pengetahuan tentang Blog yang berjudul Cara Membuat Tampilan Posting Di Home Page Hanya Judulnya Saja. Mungkin sudah banyak blog-blog lain atau website yang membahasnya namun khusunya bagi sobat-sobat yang baru terjun ke dunia blog informasi ini mungkin bisa bermanfaat untuk sobat-sobat pemula. Tutorial ini cukup mudah dan Jika sobat tertarik untuk mengantinya postingan yang simpel hanya judulnya saja yang terlihat dihome page, silahkan ikuti tutorial dibawah ini :


Masuk ke menu Edit HTML ( Jika Sudah Masuk Di Akun Blogger sobat )
Back-up terlebih dahulu template teman, karena untuk antisipasi jika terjadi kesalahan
Lalu cari kode <b:include data='post' name='post'/> ( gunakan CTRL+F )
Jika sudah ketemu, ganti kodenya dengan kode dibawah ini

<b:if cond='data:blog.homepageUrl == data:blog.url'>   
<b:if cond='data:blog.pageType != &quot;item&quot;'>       
<a expr:href='data:post.url'> 
<div style='padding:5px 0 5px 10px;box-shadow:5px 6px 2px #808080;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;margin-bottom:2px;background:#BABABA;color:#7A7A7A;text-shadow: 1px -1px 0px #E0E0E0;font-size:20px;'>
<data:post.title/></div></a>   
<b:else/>       
<b:include data='post' name='post'/>   
</b:if>
<b:else/>   
<b:include data='post' name='post'/>
</b:if>

Silahkan kode yang berwarna orange anda modifikasi sesuka sobat
Jika sudah puas, silahkan klik Simpan Template
Keunggulan cara ini sudah saya coba dengan menggunakan 2 template yang menggunakan auto readmore dan tidak menggunakan auto readmore, baik itu yang menggunakan auto readmore pada halaman utama auto readmore tidak berfungsi (tidak tampil) jadi dalam hal ini penggunaan auto readmore pada template bisa dihapus. Semoga tampilan "hanya menampilkan judul post pada halaman utama" bisa membuat tampilan homepage kalian bisa lebih menarik dan lebih cepat dalam proses loading homepage.
If You Enjoyed This, Take 5 Seconds To Share It

0 comments:

Post a Comment