Skip to main content
WARIM

follow us

Cara Menampilkan Hanya judul Artikel Saja Di Homepage Template VioMagz

Cara Menampilkan Hanya judul Artikel Saja Di Home Page Template VioMagz - Ini adalah artikel untuk pengguna template viomagz yang ingin merubah atau modifikasi tampilan di home page dengan menampilkan hanya judul artikel saja.

Pada waktu yang lalu saya sudah posting Download Template VioMagz v2.4 Gratis. Dan kali ini Saya akan mencoba posting seperti pada judul diatas, yaitu Cara Menampilkan Hanya judul Artikel Saja Di HomePage Template VioMagz

Sebenarnya template viomagz itu tanpa di modifikasi lagi pun sudah bagus dan keren, namun semua itu tergantung pada selera pengguna, mungkin saja ada yang lebih suka menampilkan hanya judul artikelnya saja di homepage, dan ada juga yang lebih suka untuk menampilkan gambar thumnail-post di homepage.

Untuk cara merubah tampilan homepage agar hanya tampil judul artikel saja pada template viomagz, mari kita ikuti langkah-langkahnya seperti dibawah ini.
  1. Langkah pertma, login ke akun Blogger > Masuk ke menu “Tema” > klik “Edit HTML”

  2. Sobat cari dan hapus kode dibawah ini, kode ini adalah kode yang menampilkan gambar atau thumbnail post di homepage.

    
    <b:include data='post' name='postthumbnail'/>

  3. Kemudian cari dan hapus lagi kode dibawah ini, kode ini yang menampilkan snippet atau potongan artikel di homepage.

    
    <b:eval expr='snippet(data:post.body, { length: 150, links: false, linebreaks: false })' />

  4. Lalu cari lagi dan hapus kode sperti dibawah ini, kalau kode ini untuk menampilkan Nama Author, tanggal posting, jumlah komentar dan untuk edit postingan. Silahkan dihapus.

    
    <div class='post-info info-1'>
                  <b:include data='post' name='postauthorinfo'/>
                 <b:include data='post' name='postdateinfo'/>
                  <b:include data='post' name='postcommentinfo'/>
                  <b:include data='post' name='postQuickEdit'/>
    </div>

  5. Langkah selanjutnya, cari CSS seperti dibawah ini:

    
    .info-1, .info-2, h2.post-title, .post-snippet {
                   margin-left: 275px;
    }

  6. Jika sudah ketemu, hapus CSS di atas, dan ganti dengan CSS dibawah ini:

    
    .info-1, .info-2, h2.post-title, .post-snippet {
                   margin-left: 0px !important;
    }

  7. Simpan Template.
Nah, itulah artikel kali ini tentang Cara Menampilkan Hanya Judul Artikel Saja Di Template VioMagz. Semoga bermanfaat.

You Might Also Like:

Buka Komentar