Selamat datang di Blog Haekal Fikri

Menampilkan Jumlah Komentar di Samping Judul Artikel

Written By Haekal Fikri On Tuesday, January 15, 20130 comments

InfoDari - Selamat malam semuanya!
Kali ini saya Posting cara menampilkan Jumlah Komentar di samping Artikel pada Homepage Blog.

Mungkin anda penasaran bagaimana penampakannya, silahkan lihat pada gambar dibawah ini:



Memasang Jumlah komentar di samping judul Artikel

Pasti pernah lihat kan?
Iya donk!!! Blog saya ini kan juga pake seperti yang ada di gambar...



Tanpa memperpanjang isi teks Artikel, mari kita mulai saja.

Berikut ini adalah langkah-langkah nya:
TueehEY4zLI/AAAAAAAAAyk/dPs5ZheGmEA/s1600/comments.png

  • Login pada Blogger: Dasbor
  • Masuk ke halaman Template
  • Klik Edit HTML lalu Lanjutkan
  • Jangan lupa klik centang pada Expand Template Widget
  • Pertama - tama, cari kode ]]></b:skin>
  • Copy kode di bawah ini dan paste di atas kode ]]></b:skin>


  • .comment-link {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVq-aIq3IwYytrtXNKdWl80fawC2OaHN_Dc7-PxcgtvgVKkdsSkYjIH1trikPKqkFy2AKQVT0cHZ2sEgoHNSXCamwGkEdMeDEMGHr5YPd298-5rVx0YGRCe_YviHcZQocQ0znGFohcevM/s1600/comments.png) no-repeat;
    width:30px;
    height:20px;
    float:right;          
    color:#fff !important;
    font-size:10px;
    text-align:center;
    margin-left:4px;
    }
    • Selanjutnya, cari kode yang mirip dengan <h2 class='post-title entry-title'>
    • Copy kode di bawah ini dan paste di sebelah kode <h2 class='post-title entry-title'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <span class='post-comment-link'>
    <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>0<b:else/><data:post.numComments/></b:if></a>
    </b:if>
    </span>
    </b:if> 

    • Nah, jika semua itu dipasang, jumlah komentar akan muncul di halaman homepage, jadi di halaman postingan tidak ada. Untuk mencegah munculnya jumlah komentar tampil di halaman statis (pages) copy kode di bawah ini, dan paste di atas kode </head>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <style>
    .comment-link{display:none;}
    </style>
    </b:if>

    • Simpan Template dan lihat hasilnya
    Sekian Untuk Postingan tentang Cara Menampilkan Jumlah Komentar di Samping Judul Artikel.
    Semoga membantu, terimakasih.

    sekian
    PASANG IKLAN
    Share this article :

    Hal-Hal Yang Yang Perlu Di Ketahui Sebelum Berkomentar!

    1. Jangan Menggunakan Link Hidup Kecuali Penting
    2..Komentar Yang Relevan Akan Saya Balas
    3.Untuk Menggunakan Emoticon Klik Emoticon Terlebih Dahulu Untuk Mendapatkan Kode

    Note:Komentar Anda Terlebih Dahulu Di Moderasi Untuk Tidak Terjadi Pelanggaran !
     
    About | Ads | Sitemap | Privacy Policy | Term Of Service | Forum | Follow ! | Back to top
    Copyright © 2018 HF Blog - Some Right Reserved | Design by Haekal Fikri | Created by Maskolis | Aa Sholah
    Terima Kasih Atas Kunjungannya
    Menampilkan Jumlah Komentar di Samping Judul ArtikelOops ! | Error 404