Skip to main content

Kostumisasi Penomoran pada Komentar Blogger

Kostumisasi Penomoran pada Komentar Blogger. Posting ini merupakan repost dari penulis Blognya Firdaus | eosBlog 2.0, sedangkan sumber asli berasal dari blog Randomness yang dipostkan oleh Fernandooo1. Namun sayang blog dari penulis asli tersebut tidak dapat lagi diakses, mungkin telah dihapus oleh pemiliknya.

Fernandooo1 mengatakan bahwa script penomoran komentar tersebut didapat dari seorang kawannya, yakni JMiur yang memiliki blog Vagabundia berasal dari Buenos Aires, Argentina. *Menambah nomor urut komentar

Anda mungkin sudah tidak asing lagi dengan judul trik blogger di atas. Yah, berita lama (± tahun 2008) yang mungkin terlupakan, tapi tidak ketinggalan zaman. Perbedaan tampilan & tata letak pada trik ini hanya merupakan hasil kostumisasi dari kode/script aslinya.

Tambahkan CSS (Cascading Style Sheets) berikut di atas ]]></b:skin>

.numberingcomments {
float:right;
text-align:right;
display:block;
width:50px;
margin:0 5px 0 0;
font-size:1em;
font-weight:normal;
}
  • Untuk merubah letak nomor ke kanan (right) atau ke kiri (left) dapat Anda lihat pada atribut kode yang berwarna biru.
  • Kode yang diberi background kuning, mungkin bisa Anda hilangkan atau jika Anda memerlukan properti tersebut, silakan dibiarkan apa adanya.
  • Untuk mengatur letak nomor agar sesuai dengan keinginan Anda, silakan rubah nilai properti kode yang diberi warna merah [dimulai dari 0 (atas), 5px (kanan), 0 (bawah), 0 (kiri)].
  • Warna hijau menunjukkan nilai properti untuk mengatur ukuran font.
Dan berikut merupakan kode HTML (HyperText markup Language) dari penomoran komentar.

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
             <b:if cond='data:comment.favicon'>
               <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
             </b:if>
               <a expr:name='data:comment.anchorName'/>
             <b:if cond='data:blog.enabledCommentProfileImages'>
               <data:comment.authorAvatarImage/>
             </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>

<span class='numberingcomments'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</span>

            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>

*Sisipkan kode yang berwarna merah di antara kode-kode di atas.


HTML di atas hanya akan memberikan nomor urut tidak termasuk permalink komentar. Oleh karena permalink komentar sudah terwakili oleh timestamp komentar.

<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
        </a>

Apabila Anda ingin menerapkan nomor urut komentar sebagai permalink komentar, maka cukup mengambil kode yang berwarna merah pada timestamp & letakkan pada script seperti yang tampak di bawah ini.

<span class='numberingcomments'>
<a expr:href='data:comment.url' title='comment permalink'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

Kostumisasi nomor urut komentar

Jika Anda telah melakukan kostumisasi avatar komentar dengan meletakkannya di sebelah kanan, mungkin lebih baik meletakkan nomor komentar di sebelah kiri. Anda perlu sedikit merubah & menambah CSS penomoran komentar, seperti:

.numberingcomments {
float:left;
text-align:right;
display:block;
margin-left:-50px;
font-size:1em;
font-weight:normal;
}

.numberingcomments:after {content:"."}

Silakan Anda melakukan trial & error, baik menambah dan/atau mengurangi kode CSS penomoran komentar, sampai Anda menemukan posisi yang tepat untuk meletakkan nomor urut tersebut.

Popular posts from this blog

75 istilah ekonomi lengkap

Setelah sebelumnya admin telah memberikan informasi tentang istilah bidang kesenian dan kebudayaan, selanjutnya admin akan menuliskan info tentang istilah ekonomi lengkap. Dalam artikel tentang ekonomi atau berita ekonomi indonesia sering kita dengar istilah-istilah yang kurang kita mengerti, atau sebenarnya kita mengetahui maksudnya namun tak mampu menjelaskan atau menjabarkannya secara rinci kepada orang lain.

Untuk itu, berikut kami tuliskan daftar istilah dalam bidang ekonomi dalam 75 istilah ekonomi : Aset : kekayaan.Akumulasi : proses penambahan modal (uang tunai, mesin-mesin, dsb.Bankir : orang yang memperdagangkan uang ; cukong.Bank : kantor penyimpanan, perkreditan keuangan.Banker : direktur bank.Barter : perdagangan dengan saling menukar barang.Bonanza : sumber rejeki (keuntungan, kebahagiaan).Bonus : honor tambahan di luar gaji (uang ekstra).Brankas : lemari tempat menyimpan uang, barang-barang berharga.Bursa : tempat memperjualbelikan saham.Butik : toko yang menjual barang…

67 Istilah Pertanian Lengkap

Dalam bidang pertanian dikenal banyak istilah pertanian yang biasa diterapkan dalam kalimat yang tentunya berhubungan dengan dunia pertanian. Namun, meski kita sering mendengar dan tahu maksud istilah tersebut, saat kita ditanya dan disuruh mendeskripsikan ternyata kesulitan. Untuk itu, kali ini Enjangcom akan memberikan informasi tentang istilah-istilah dalam bidang pertanian dan penjelasannya. Istilah-istilah tersebut kami rangkum dalam 67 istilah pertanian, selengkapnya sebagai berikut : Agrobisnis : melakukan usaha perdagangan dalam bidang hasil-hasil pertanian.Agraria : urusan pertanian atau tanah pertanian.Airdas : pengairan dasar.Amubu : alat memupuk dan menabur.Amuru : alat memupuk dan menggaru.Apiani : peternak lebah.Agrisilvikultur : pertanian rakyat yang dilakukan di areal kehutanan.Agroindustri : industri di bidang pertanian.Ammonifikasi : proses peruraian bahan organik oleh mikro-organisme menjadi amoniak.Benih : bibit tanaman yang akan ditebar, diternak, dan lain-lain.Da…

7 perbedaan koperasi dengan badan usaha lain

7 perbedaan koperasi dengan badan usaha lain. Selain koperasi, ada beberapa badan usaha lain yang bergerak dalam bidang ekonomi, antara lain toko, firma, persekutuan komanditer (CV), dan perseroan Terbatas (PT). Usaha yang dilakukan koperasi berbeda dengan yang dilakukan badan usaha lain tersebut.
Perbedaan koperasi dengan badan usaha lain ada tujuh, yang tentu saja jika dibandingkan lebih menguntungkan koperasi, perbedaan yaitu sebagai berikut :
NoKoperasiBadan Usaha Lain1Mengutamakan kesejahteraan anggotaMengutamakan kepentingan perusahaan2Keanggotaan bersifat sukarelaKeanggotaan terbatas3Modal dari simpanan anggotaModal dari penjualan saham, perorangan, atau kelompok4Berbadan hukumAda yang tidak berbadan hokum5Pengurus dipilih anggotaPengurus ditentukan oleh pemegang saham6Terdapat pembagian SHU menurut jasa anggotaTidak ada pembagian SHU7Keuangan bersifat terbukaKeuangan bersifat tertutup
Dari, ketujuh perbedaan tersebut, mungkin anda terdorong untuk mendirikan usaha koperasi? Jika…