Finance Health and Fitness Real Estate Cars and Sexy girls ALL SPORTS Trendy_Fashion_Style Fashion Style Law Legal picture cards and dolls doll Barby Wallpaper design artists All artists of the world Sosial Media Network Travel Packages Hollywood sexy and Wallpaper All artist through life entanglements Quarter life connection Site Blogger Birthday cards Children's Education About Beauty Commercial Loans Womens Interests Quotes Love Fashion Trendy Style New Hair Style Download Free Games Girls and Car Fashion love quotes hollywood bollywood actress articles about health herbal Fashion Site Women Management Arts and Entertainment red carpet studios wallpaper sports images love and i miss you Hollywood All Actress Cheap Wedding Dresses dowload game online ALL WALLPAPER RECIPES Home Improvement Marketing Company Web Design and Development Business Shopping Online Prostyle Music Individuals With Bad Credit Stop Thinning Hair With Provillus Home The Doll Fashion Style Shirt HOLLYWOOD ACTRESS AND WALLPAPER lonely pictures FASHION TOP STYLES supermassive black hole simulator game Fast Bad Credit Loans Real Estate High Quality Production Music Business Property Management Apartments Living Without Money Interior Design and Decorating Hot Girls Photoshoot Fashion & Hair style Funny cute love quotes for your boyfriend Hollywood & Bollywood Artist Fashion Style ALL WALLPAPER Insurance Fashion Star Travel International Health and Fitness Recreation and Sports Home and Family Auto Cars Apartment Luxury Acupuncture Luxury Real Estate Lifestyle Automotive Travel and Leisure Home Improvement example image of underwear Quotes hollywood actress Secret Hill Mosaics Modern City Planning Natural Herbal Treatment Photoshop Wallpaper interest Tax Benefits For Education Computers and Technology Trend Fashions COSPLAY Bollywood All Artists Hollywood All Artists BABY DOLL CUTE in search of global solidarity hollywood Katrina Kaif Celebrity Tidings fashion underwear Gambling Online photos posing sexy body painting Beautiful-bodied Celebrity & wallpapers Planning a Wedding Cars and Girls Business Auto Car Loans and Insurance Design Wallpaper and Game Indonesia and the natural beauty of her beauty secre HairStyles Traveller and Hotel Substance Abuse prevent premature ejaculation Auto Repair Advice Guide Technology Supports Auto Car Music Dangdut Koplo Hot Business Ideas Plan Financial Payday Loans Quotes in Love Sports Media Society Just Education Payday Loans Essay Writing Business Technology cronthemarket thecoloradocompoundpersonal Free Legal Advice to Law Questions Crap, I'm A Lesbian Creepy Pics Tattoo Desings Quotes in Love Music Dangdut Koplo Hot Business Ideas Plan online social networking service Home Security Micro Technology

Menampilkan Nomor Urut Komentar Blogger

Setelah agak lama membahas maslah-maslah yang mendukung dunia perbloggingan, kelihatannya jadi agak jarang membahas tutorial blogging di blogger, oleh karenanya di kesempatan kali ini, kita akan membahas tutorial blogging di blogger lagi. Sesuai dengan judul postingan kali ini, kita akan membahas bagaimana cara "Menampilkan Nomor Urut Komentar blogger", trik ini hanyalah sebuah penambahan pada tampilan komentar blognya teman-teman2 dengan tujuan untuk mempercantik tampilan komentar juga yang fungsinya sebagai penanda atau pengingat no.urut komen, itung2 buat mudahin ngelacak suatu komen.

Sebagai contohnya teman-teman bisa melihat tampilan komentar pada postingan blog ini


Bagaimana teman-teman, ada yang mau mencobanya? Oh ya trik ini saya ambil dari blog Kursus Blog, dan asli bikinan Fernando.

Untuk memulai menampilkan nomor komen tersebut, silahkan login dulu ke akun bloggernya teman-teman. Langsung ke halaman Tata Letak >> Edit HTML, dan jangan lupa untuk mencentang kotak "expand widget template"

Lalu perhatikan kode berikut, yang perlu teman-teman lakukan yaitu menambah kode yang telah ditandai dengan warna merah sesuai dengan contoh berikut (terlebih dahulu temui kode: <dl id='comments-block'>)

<dl id='comments-block'>

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

<b:loop values='data:post.comments' var='comment'>

<div class='' expr:id='data:comment.id'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
<data:commentPostedByMsg/>

<span class='numberingcomments'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>

<dd class='comment-body'>
.......
</dd>

</div>

</b:loop>
</dl>




Selanjutnya letakkan kode berikut tepat di atas kode tag ]]></b:skin>


.numberingcomments{
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -35px;
text-align: right;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 30px;
font-weight: normal;
}

.numberingcomments a:link, .numberingcomments a:visited {color: #445566 !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #FF9933 !important; text-decoration: none !important;}




Dah itu simpan hasil kerjaan anda.


Bagian yang telah saya tandai dengan warna biru bisa teman-teman atur, itu adalah posisi angka komentar, teman2 bisa mengaturnya dengan mengubah kata "top" dan "right" serta nilai yang tertera. Kalau teman-teman ada yang merasa kesulitan karena struktur kodenya ada yang gak sesuai (seperti) contoh di atas, berarti kita sama. Kode template blog ini juga gitu, oleh karena itu teman-teman bisa mencari kode semisal atau yang mirip, beranilah untuk mencoba dan bereksperimen kalau gak berhasil sekali ya coba lagi, yg jelas pasti bisa kalau berani mencoba, dah itu teman2 bisa meninggalkan pesan di kotak komen tatkala memang sulit sekali (dlm pengeditan kode), kali aja saya bisa bantu dikit2. GoOd LuCk~

Semoga Bermanfaat []


Tags: cara menampilkan angka komentar, agar nomor komentar ada, membuat nomor komentar muncul, Menampilkan Nomor Urut Komentar Blogger