<!--<head><style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf)format('truetype');}</style>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7306137828648818524&zx=54a9e659-37ce-40b6-b023-9d0096c91757' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7306137828648818524&zx=54a9e659-37ce-40b6-b023-9d0096c91757' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head>-->

Home » Comment » CSS » Thủ Thuật Blogspot » Thủ thuật đánh số thứ tự cho từng nhận xét trong Blogspot sử dụng CSS

Thủ thuật đánh số thứ tự cho từng nhận xét trong Blogspot sử dụng CSS

Comment CSS Thủ Thuật Blogspot

tháng 9 12, 2018

Share on Facebook Tweet on Twitter  

Chào các bạn, chào mừng đã quay lại với Blog Bác Sĩ Windows.
Cũng lâu lắm rồi không có bài viết mới về thủ thuật blogspot do bận bịu nhiều công việc quá, với làm project sấp mặt nên không quản lý được blog. Sắp tới cũng có người khác cùng quản lý Blog này rồi do mình không có nhiều thời gian rảnh nữa nên tranh thủ viết được bài nào hay bài nấy! :D

Bài viết này mình sẽ hướng dẫn các bạn chèn số thứ tự vào từng nhận xét trong phần thread comment của Blogspot chỉ sử dụng CSS nên các bạn có thể tùy biến tùy chỉnh theo ý thích và không lo ảnh hưởng đến độ ổn định của blog.

Xem DEMO

LABEL : #Comment #CSS #Thủ Thuật Blogspot

posted by

at

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7nj3BBqTi9EoCnaWHDdZ7vzt17vQ:1714857208965';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7306137828648818524','//diendzfed.blogspot.com/2018/09/thu-thuat-anh-so-thu-tu-cho-tung-nhan.html','7306137828648818524');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7306137828648818524', 'title': 'Nguy\u1ec5n Di\u1ec7n Blogger', 'url': 'http://diendzfed.blogspot.com/2018/09/thu-thuat-anh-so-thu-tu-cho-tung-nhan.html', 'canonicalUrl': 'http://diendzfed.blogspot.com/2018/09/thu-thuat-anh-so-thu-tu-cho-tung-nhan.html', 'homepageUrl': 'http://diendzfed.blogspot.com/', 'searchUrl': 'http://diendzfed.blogspot.com/search', 'canonicalHomepageUrl': 'http://diendzfed.blogspot.com/', 'blogspotFaviconUrl': 'http://diendzfed.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'vi', 'localeUnderscoreDelimited': 'vi', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Nguy\u1ec5n Di\u1ec7n Blogger - Atom\x22 href\x3d\x22http://diendzfed.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Nguy\u1ec5n Di\u1ec7n Blogger - RSS\x22 href\x3d\x22http://diendzfed.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Nguy\u1ec5n Di\u1ec7n Blogger - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7306137828648818524/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Nguy\u1ec5n Di\u1ec7n Blogger - Atom\x22 href\x3d\x22http://diendzfed.blogspot.com/feeds/4091092710271627715/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a26ecadc30bb77e6', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'key': 'link', 'shareMessage': 'Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Chia s\u1ebb v\u1edbi Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Chia s\u1ebb v\u1edbi Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Chia s\u1ebb v\u1edbi Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27vi\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u0110\u1ecdc th\xeam', 'pageType': 'item', 'postId': '4091092710271627715', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtaqzghIQqgR_DUoWgIsbZD4kwmcNQ9thIEypk9PBSufbjjDDUEfIU3wEeKmde6t1X0pT0B047T76HjU8g668rPWDhHVmr0_sbRdtJYia4uxekHgO1VcAyft3KVQzDYyxDYv2E0FKthbw/s72-c/danh-so-thu-tu-cho-nhan-xet-trong-blogger-BacSiWindows-COm.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtaqzghIQqgR_DUoWgIsbZD4kwmcNQ9thIEypk9PBSufbjjDDUEfIU3wEeKmde6t1X0pT0B047T76HjU8g668rPWDhHVmr0_sbRdtJYia4uxekHgO1VcAyft3KVQzDYyxDYv2E0FKthbw/s1600/danh-so-thu-tu-cho-nhan-xet-trong-blogger-BacSiWindows-COm.png', 'pageName': 'Th\u1ee7 thu\u1eadt \u0111\xe1nh s\u1ed1 th\u1ee9 t\u1ef1 cho t\u1eebng nh\u1eadn x\xe9t trong Blogspot s\u1eed d\u1ee5ng CSS', 'pageTitle': 'Nguy\u1ec5n Di\u1ec7n Blogger: Th\u1ee7 thu\u1eadt \u0111\xe1nh s\u1ed1 th\u1ee9 t\u1ef1 cho t\u1eebng nh\u1eadn x\xe9t trong Blogspot s\u1eed d\u1ee5ng CSS'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Ch\u1ec9nh s\u1eeda', 'linkCopiedToClipboard': '\u0110\xe3 sao ch\xe9p \u0111\u01b0\u1eddng li\xean k\u1ebft v\xe0o b\u1ea3ng nh\u1edb t\u1ea1m!', 'ok': 'Ok', 'postLink': 'Li\xean k\u1ebft b\xe0i \u0111\u0103ng'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'T\xf9y ch\u1ec9nh', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Th\u1ee7 thu\u1eadt \u0111\xe1nh s\u1ed1 th\u1ee9 t\u1ef1 cho t\u1eebng nh\u1eadn x\xe9t trong Blogspot s\u1eed d\u1ee5ng CSS', 'description': 'Ch\xe0o c\xe1c b\u1ea1n, ch\xe0o m\u1eebng \u0111\xe3 quay l\u1ea1i v\u1edbi Blog B\xe1c S\u0129 Windows . C\u0169ng l\xe2u l\u1eafm r\u1ed3i kh\xf4ng c\xf3 b\xe0i vi\u1ebft m\u1edbi v\u1ec1 th\u1ee7 thu\u1eadt blogspot do b\u1eadn b\u1ecbu nhi\u1ec1u ...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtaqzghIQqgR_DUoWgIsbZD4kwmcNQ9thIEypk9PBSufbjjDDUEfIU3wEeKmde6t1X0pT0B047T76HjU8g668rPWDhHVmr0_sbRdtJYia4uxekHgO1VcAyft3KVQzDYyxDYv2E0FKthbw/s1600/danh-so-thu-tu-cho-nhan-xet-trong-blogger-BacSiWindows-COm.png', 'url': 'http://diendzfed.blogspot.com/2018/09/thu-thuat-anh-so-thu-tu-cho-tung-nhan.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4091092710271627715}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'H-Site', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'H-Rigt', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1941286875-lbx__vi.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'grids', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull'));
</script>
</body>-->

Thủ thuật đánh số thứ tự cho từng nhận xét trong Blogspot sử dụng CSS

Related Post