பின்னூட்டங்களை வரிசையிட Version 2.0

ப்ளாக்கரில் பின்னூட்டங்களை வரிசையிடுவது பற்றி ஏற்கனவே பார்த்தோம். தற்போது ப்ளாக்கரில் Threaded Comments முறையில் உள்ள பின்னூட்டங்களை வரிசைப் படுத்துவது பற்றி பார்ப்போம்.

1. முதலில் Blogger Dashboard => Template பக்கத்திற்கு சென்று, அங்கு மேலே Backup/Restore பட்டனை க்ளிக் செய்து உங்கள் டெம்ப்ளேட்டை Backup எடுத்துக் கொள்ளுங்கள்.

2. பிறகு அதே பக்கத்தில் Edit Html என்பதை க்ளிக் செய்து, Proceed என்பதை க்ளிக் செய்யுங்கள்.

3. பிறகு

]]></b:skin>

என்ற Code-ஐ கண்டுபிடித்து அதற்கு முன்னால் பின்வரும் Code-ஐ Paste செய்யுங்கள்.

.comment-thread ol {
    counter-reset: countcomments;
}

.comment-thread li:before {
    content: counter(countcomments,decimal);
    counter-increment: countcomments;
    float: right;
    font-size: 22px;
    color: #555555;
    padding-left: 10px;
    padding-top: 3px;
    background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;
    margin-top: 35px;
    margin-left: 10px;
    width: 50px;
 /*image-width size*/
    height: 48px;
 /*image-height size*/
}

.comment-thread ol ol {
    counter-reset: contrebasse;
}

.comment-thread li li:before {
    content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
    counter-increment: contrebasse;
    float: right;
    font-size: 18px;
    color: #666666;
}

*** சிவப்பு நிறத்தில் உள்ள முகவரி எண்களின் பின்னணியில் இருக்கும் சிறிய படத்தின் முகவரி. அதற்கு பதிலாக உங்களுக்கு விருப்பமான படத்தை வைத்துக் கொள்ளலாம். 

4. பிறகு Save Template என்பதை க்ளிக் செய்யுங்கள். 

அவ்வளவு தான்! இனி உங்கள் ப்ளாக்கில் உள்ள பின்னூட்டங்களுக்கு வரிசை எண்கள் வந்துவிடும். பின்னூட்டங்களுக்கு வரும் பதில்களுக்கு துணை வரிசை வந்துவிடும்.

உங்களுக்காக சில படங்கள்:



                                                                                                                         

படத்தின் முகவரியை (Image Url) Copy செய்ய:

உங்களுக்கு  தேவையான படத்தின் மேல் Mouse-ஐ நகர்த்தி, Right Click அழுத்தி, Copy Image Location என்பதை க்ளிக் செய்யவும். Copy செய்த முகவரியை மேலே சொன்னவாறு Code-ல் Paste செய்யவும்.