Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com

How to Make a Number Comment

Najibblog, Here comes the first Blogger tutorial in year 2010 on Najibblog2010. This Blogger hack will add numbers against all the comments in your blog. And each number will be linked to that unique comment. You/your readers can use these numbers and corresponding links to mention or point a particular comment on any of your posts. This is example :












Instructions To Follow:

STEP #1
Log in to Blogger, go to Layout - Edit HTML
and mark the tick box "Expand Widget Templates"

STEP #2
Now find (CTRL+F) this code in the template:

<b:loop values='data:post.comments' var='comment'>
Immediately ABOVE/BEFORE that, paste this code:

<script type='text/javascript'>var CommentsCounter=0;</script> <!--COMM-NUM-STARTS-->
Now find this code:

<data:commentPostedByMsg/>

And immediately BELOW/AFTER it, paste this code:



<!--COMM-NUM-STARTS-->
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--COMMNUM-STOPS-->

And save the template. Now you will see numbers in front of all the comments in your blog. But they are not well styled.

STEP #3
So now we will style these numbers to match your blogs theme.
GO back to the page Layout -&gt; Edit HTML
and find (CTRL+F) this code in the template:
</head>
And immediately ABOVE/BEFORE it paste this code:


<!--COMM-NUM-STARTS-->
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
width: 50px;
height: 48px;

float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}

.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>
<!--COMM-NUM-STOPS-http://najibblog2010.blogspot.com-->
Edit the above code (highlighted in RED) to change the image.
And edit the code (highlighted in BLUE) to change the color of the numbers.

Images you may use (Right-Click and select "Copy Image Address/Location"):


IMPORTANT: You may use any image instead of the one linked in the code above (STEP #3), but you have to mention its dimensions correctly (width and height) for correct placement of numbers on the image.

Ok guys. I hope can help.. Oh I forget, this article I show to my best friends it is Sanjaya. Don't forget to leave your comment..My Best Friend..........
Disclaimer:
Terima kasih telah membaca artikel tentang How to Make a Number Comment di blog Najibblog2010 , semua yang ada diblog ini hanyalah sebagai informasi semata, pemilik blog tidak berniat untuk merugikan pihak manapun, pemilik blog merekomensasikan dan mengharuskan para pengunjung blog ini untuk membeli progam atau game full version kepada pemilik software untuk mendapatkan software versi full version dan bukan hasil patch atau crack atau istilah yang sejenis lainnya. Pemilik blog menghargai hak cipta pemilik software atau hak cipta, pemilik blog akan menghapus postingan jika Anda merasa dirugikan akan postingan yang ada di blog ini sebagai pemilik software atau hak cipta. Silahkan mengirim email ke najibsangar@gmail.com untuk menghubungi pemilik blog. Pemilik blog akan merespon Anda secepat mungkin. Jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com

12 komentar

Wah tutorial yang bagus mas... Tx

Balas

bagus nih sob tutorialnya.. aku follow balik

Balas

Ah,, setelah puas melihat2, komen disini aja ya,, maaf klo g nyambung dg postingan hihihi... (numpang istirahat bentar ceritanya).

Btw, dah kufollow balik bro. Sekalian ku add linknya di .:: Daftar Blog Sahabat ::. ma di blogroll. Tq ya..

Balas

Tutorial yang bagus...makasih infonya sob..bisa dicoba...

Balas

@Sriwijaya FC

Oh ya sob..nanti linkmu juga akan saya pasang di halaman tuka lik...

Balas

@Manchester United Tech

Sama sama sob....silahakan dicoba....n semoga sukses....

Balas

tutorial yang bagus sahabat aku sudah follow balik

Balas

di tema blogku gak ada terus apa persamaannya yach please kasih tau donk thank

Balas