Thiết kế Blogspot

Hướng dẫn thiết kế bố cục bài viết dạng grid cho widget

Hướng dẫn thiết kế bố cục bài viết dạng grid cho widget

Thiết kế bố cục thế nào cho cân đối, đều nhau không bị lệch, cách đếm số thứ tự css của mỗi post như thế nào sẽ được mình tổng hợp trong bài viết hướng dẫn thiết kết bố cục dạng grid cho widget. Đầu tiên mình giải thích Grid hay còn gọi là Lưới là gì? Đó là một tổ hợp của những đường ngang và dọc cắt nhau - một nhóm xác định các cột và nhóm kia xác định các hàng. Các phần tử có thể được đặt lên lưới, dựa vào các đường hàng và cột này. Nói đơn giản thì các bài viết được sắp thành các hàng ngang nhau tùy thuộc vào độ rộng của mỗi bài mà mỗi hàng có thể sắp xếp được bao nhiêu bài. Bây giờ để đi và phân tích bố cục chúng ta cần có HTML hiển thị mình sẽ lấy bố cục như sau: Copy <div class="main-wrapper" <div class="widget HTML" data-version="2" id="HTML1 "> <div class="posts"> <ul> <li>...</li> <li>...</li> <li>...</li> <li>...</li> …

About the author

Tôi đi viết blog dạo...

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/654365252-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AAVkm1tIwJDZL5cXkgkUMHWIHRfS:1778744005937';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6376794603497284769','//data-vietblogdao.blogspot.com/2018/09/huong-dan-thiet-ke-bo-cuc-bai-viet-dang.html?amp\x3d1','6376794603497284769');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6376794603497284769', 'title': 'B\xecnh D\u01b0\u01a1ng IT', 'url': 'https://data-vietblogdao.blogspot.com/2018/09/huong-dan-thiet-ke-bo-cuc-bai-viet-dang.html?amp\x3d1', 'canonicalUrl': 'https://data-vietblogdao.blogspot.com/2018/09/huong-dan-thiet-ke-bo-cuc-bai-viet-dang.html', 'homepageUrl': 'https://data-vietblogdao.blogspot.com/?amp\x3d1', 'searchUrl': 'https://data-vietblogdao.blogspot.com/search', 'canonicalHomepageUrl': 'https://data-vietblogdao.blogspot.com/', 'blogspotFaviconUrl': 'https://data-vietblogdao.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\x22B\xecnh D\u01b0\u01a1ng IT - Atom\x22 href\x3d\x22https://data-vietblogdao.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22B\xecnh D\u01b0\u01a1ng IT - RSS\x22 href\x3d\x22https://data-vietblogdao.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22B\xecnh D\u01b0\u01a1ng IT - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6376794603497284769/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22B\xecnh D\u01b0\u01a1ng IT - Atom\x22 href\x3d\x22https://data-vietblogdao.blogspot.com/feeds/8998262952410264594/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/119cd021b16e0028', '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': 'X', 'key': 'twitter', 'shareMessage': 'Chia s\u1ebb v\u1edbi X', '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': '8998262952410264594', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYxg8zE_fiDf7qV35uIoJme4Ca8GpVJ-dChJt-M15zeLuIE3tvqkrzjQ0BhJlsD5R5ILEhlgPq15dl8VhwzdyeXu8kBHcs5Z9QbOjR-guHMZGoW4A63dK3_oAbT6WKd0Vo1W6OLhNCkG2Y/s72-c/2018-09-13_16-32-20.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYxg8zE_fiDf7qV35uIoJme4Ca8GpVJ-dChJt-M15zeLuIE3tvqkrzjQ0BhJlsD5R5ILEhlgPq15dl8VhwzdyeXu8kBHcs5Z9QbOjR-guHMZGoW4A63dK3_oAbT6WKd0Vo1W6OLhNCkG2Y/s320/2018-09-13_16-32-20.jpg', 'pageName': 'H\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf b\u1ed1 c\u1ee5c b\xe0i vi\u1ebft d\u1ea1ng grid cho widget', 'pageTitle': 'B\xecnh D\u01b0\u01a1ng IT: H\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf b\u1ed1 c\u1ee5c b\xe0i vi\u1ebft d\u1ea1ng grid cho widget', 'metaDescription': ''}}, {'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': 'H\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf b\u1ed1 c\u1ee5c b\xe0i vi\u1ebft d\u1ea1ng grid cho widget', 'description': 'B\xecnh D\u01b0\u01a1ng IT - Chia s\u1ebb ki\u1ebfn th\u1ee9c th\u1ee7 thu\u1eadt blogger, th\u1ee7 thu\u1eadt windows', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYxg8zE_fiDf7qV35uIoJme4Ca8GpVJ-dChJt-M15zeLuIE3tvqkrzjQ0BhJlsD5R5ILEhlgPq15dl8VhwzdyeXu8kBHcs5Z9QbOjR-guHMZGoW4A63dK3_oAbT6WKd0Vo1W6OLhNCkG2Y/s320/2018-09-13_16-32-20.jpg', 'url': 'https://data-vietblogdao.blogspot.com/2018/09/huong-dan-thiet-ke-bo-cuc-bai-viet-dang.html?amp\x3d1', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8998262952410264594}}, {'name': 'widgets', 'data': [{'title': 'B\xecnh D\u01b0\u01a1ng IT (Ti\xeau \u0111\u1ec1)', 'type': 'Header', 'sectionId': 'sec_Header_Title', 'id': 'Header01'}, {'title': 'Looking for something?', 'type': 'BlogSearch', 'sectionId': 'sec_Header_Search', 'id': 'BlogSearch01'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'sec_Header_Icon', 'id': 'TextList01'}, {'title': 'Contributors', 'type': 'Profile', 'sectionId': 'sec_Header_Icon', 'id': 'Profile01'}, {'title': 'Bookmark Posts', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList02'}, {'title': 'Translate', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList03'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'sec_Nav_Widgets_1', 'id': 'HTML01'}, {'title': 'Additional Links', 'type': 'PageList', 'sectionId': 'sec_Nav_Widgets_2', 'id': 'PageList02'}, {'title': 'Social Links', 'type': 'LinkList', 'sectionId': 'sec_Nav_Widgets_2', 'id': 'LinkList04'}, {'title': 'Tabbed Menu', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList05'}, {'title': 'Notification', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList06'}, {'title': 'Labels Description', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList07'}, {'title': 'Under Header Ad', 'type': 'LinkList', 'sectionId': 'sec_Horizontal-Ad', 'id': 'LinkList81'}, {'title': 'Carousel Image 01', 'type': 'Image', 'sectionId': 'sec_Carousel', 'id': 'Image01'}, {'title': 'Carousel Image 02 [NoTitle]', 'type': 'Image', 'sectionId': 'sec_Carousel', 'id': 'Image02'}, {'title': 'Carousel Image 03', 'type': 'Image', 'sectionId': 'sec_Carousel', 'id': 'Image03'}, {'title': 'Carousel Image 04', 'type': 'Image', 'sectionId': 'sec_Carousel', 'id': 'Image04'}, {'title': 'Carousel Image 05', 'type': 'Image', 'sectionId': 'sec_Carousel', 'id': 'Image05'}, {'title': 'Above Pinned Post Ad', 'type': 'LinkList', 'sectionId': 'sec_Top_Widgets', 'id': 'LinkList82'}, {'title': 'Above Posts Ad [Desktop]', 'type': 'LinkList', 'sectionId': 'sec_Main_Widgets', 'id': 'LinkList83'}, {'title': 'B\xe0i \u0111\u0103ng tr\xean Blog', 'type': 'Blog', 'sectionId': 'sec_Main_Widgets', 'id': 'Blog01', 'posts': [{'id': '8998262952410264594', 'title': 'H\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf b\u1ed1 c\u1ee5c b\xe0i vi\u1ebft d\u1ea1ng grid cho widget', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYxg8zE_fiDf7qV35uIoJme4Ca8GpVJ-dChJt-M15zeLuIE3tvqkrzjQ0BhJlsD5R5ILEhlgPq15dl8VhwzdyeXu8kBHcs5Z9QbOjR-guHMZGoW4A63dK3_oAbT6WKd0Vo1W6OLhNCkG2Y/s320/2018-09-13_16-32-20.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Google Account Video Purchases'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}, {'name': 'location', 'label': 'Google Account Video Purchases'}]}, {'title': 'Categorized Posts', 'type': 'LinkList', 'sectionId': 'sec_Main_Widgets', 'id': 'LinkList08'}, {'title': 'Post Middle Ads', 'type': 'LinkList', 'sectionId': 'sec_Main_Widgets', 'id': 'LinkList84'}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'sec_Main_Widgets', 'id': 'HTML11'}, {'title': 'Below Posts Ad', 'type': 'LinkList', 'sectionId': 'sec_Bottom_Widgets', 'id': 'LinkList85'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sec_Side_Widgets', 'id': 'PopularPosts01', 'posts': [{'title': ' D\u1ecbch v\u1ee5 b\u1ea3o tr\xec m\xe1y t\xednh v\u0103n ph\xf2ng t\u1ea1i B\xecnh D\u01b0\u01a1ng', 'id': 5885937970133230903}, {'title': 'Microsoft Toolkit 2.3.2 m\u1eddi b\u1ea1n t\u1ea3i v\u1ec1 s\u1eed d\u1ee5ng', 'id': 714995331584846370}, {'title': 'Median UI v1.4 Responsive Blogger Template', 'id': 8361088696858339200}, {'title': 'Driver Canon LBP 2900/2900B cho windows xp 7 8 10 64bit', 'id': 2343263275959000855}, {'title': 'Thu\xea Photocopy gi\xe1 r\u1ebb t\u1ea1i B\xecnh D\u01b0\u01a1ng', 'id': 5189042968717266602}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Side_Widgets', 'id': 'Label01'}, {'title': 'Sticky Ad [Desktop]', 'type': 'LinkList', 'sectionId': 'sec_Side_Sticky', 'id': 'LinkList86'}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'sec_Error_404', 'id': 'HTML404'}, {'title': 'Organization [BlogTitle]', 'type': 'Image', 'sectionId': 'sec_Footer_Organization', 'id': 'Image21'}, {'title': 'Social Media Links', 'type': 'LinkList', 'sectionId': 'sec_Footer_Organization', 'id': 'LinkList21'}, {'title': 'Product', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList22'}, {'title': 'Resources', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList23'}, {'title': 'Support', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList24'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList25'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'sec_Footer_Bottom', 'id': 'HTML21'}, {'title': 'Mobile Menu', 'type': 'TextList', 'sectionId': 'sec_Mobile_Menu', 'id': 'TextList99'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Theme_Hidden', 'id': 'Label41'}, {'title': 'Bi\u1ec3u m\u1eabu li\xean h\u1ec7', 'type': 'ContactForm', 'sectionId': 'sec_Theme_Hidden', 'id': 'ContactForm41'}, {'title': 'Pageviews last month', 'type': 'Stats', 'sectionId': 'sec_Theme_Hidden', 'id': 'Stats41'}, {'title': 'Firebase Configurations', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList61'}, {'title': 'Progressive Web App', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList62'}, {'title': 'Cookie Consent [NoTitle]', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList63'}, {'title': 'Image Uploader', 'type': 'Image', 'sectionId': 'sec_Addon_Widgets', 'id': 'Image61'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header01', 'sec_Header_Title', document.getElementById('Header01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch01', 'sec_Header_Search', document.getElementById('BlogSearch01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList01', 'sec_Header_Icon', document.getElementById('TextList01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile01', 'sec_Header_Icon', document.getElementById('Profile01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList02', 'sec_Header_Icon', document.getElementById('LinkList02'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList03', 'sec_Header_Icon', document.getElementById('LinkList03'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML01', 'sec_Nav_Widgets_1', document.getElementById('HTML01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList02', 'sec_Nav_Widgets_2', document.getElementById('PageList02'), {'title': 'Additional Links', 'links': [{'isCurrentPage': false, 'href': '/p/sitemap.html', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': '#', 'title': 'Disclaimer'}, {'isCurrentPage': false, 'href': '#', 'title': 'Privacy'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList04', 'sec_Nav_Widgets_2', document.getElementById('LinkList04'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList05', 'sec_Under_Header', document.getElementById('LinkList05'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList06', 'sec_Under_Header', document.getElementById('LinkList06'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList07', 'sec_Under_Header', document.getElementById('LinkList07'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList81', 'sec_Horizontal-Ad', document.getElementById('LinkList81'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image01', 'sec_Carousel', document.getElementById('Image01'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image02', 'sec_Carousel', document.getElementById('Image02'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image03', 'sec_Carousel', document.getElementById('Image03'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image04', 'sec_Carousel', document.getElementById('Image04'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image05', 'sec_Carousel', document.getElementById('Image05'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList82', 'sec_Top_Widgets', document.getElementById('LinkList82'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList83', 'sec_Main_Widgets', document.getElementById('LinkList83'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog01', 'sec_Main_Widgets', document.getElementById('Blog01'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3181989693-lbx__vi.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList08', 'sec_Main_Widgets', document.getElementById('LinkList08'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList84', 'sec_Main_Widgets', document.getElementById('LinkList84'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sec_Main_Widgets', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList85', 'sec_Bottom_Widgets', document.getElementById('LinkList85'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts01', 'sec_Side_Widgets', document.getElementById('PopularPosts01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label01', 'sec_Side_Widgets', document.getElementById('Label01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList86', 'sec_Side_Sticky', document.getElementById('LinkList86'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'sec_Error_404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image21', 'sec_Footer_Organization', document.getElementById('Image21'), {'resize': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList21', 'sec_Footer_Organization', document.getElementById('LinkList21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList22', 'sec_Footer_Widgets', document.getElementById('LinkList22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList23', 'sec_Footer_Widgets', document.getElementById('LinkList23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList24', 'sec_Footer_Widgets', document.getElementById('LinkList24'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList25', 'sec_Footer_Widgets', document.getElementById('LinkList25'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'sec_Footer_Bottom', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList99', 'sec_Mobile_Menu', document.getElementById('TextList99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label41', 'sec_Theme_Hidden', document.getElementById('Label41'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm41', 'sec_Theme_Hidden', document.getElementById('ContactForm41'), {'contactFormMessageSendingMsg': '\u0110ang g\u1eedi...', 'contactFormMessageSentMsg': 'Th\u01b0 c\u1ee7a b\u1ea1n \u0111\xe3 \u0111\u01b0\u1ee3c g\u1eedi.', 'contactFormMessageNotSentMsg': 'Kh\xf4ng th\u1ec3 g\u1eedi th\u01b0.\xa0Vui l\xf2ng\xa0th\u1eed l\u1ea1i sau.', 'contactFormInvalidEmailMsg': 'C\u1ea7n nh\u1eadp \u0111\u1ecba ch\u1ec9 email h\u1ee3p l\u1ec7.', 'contactFormEmptyMessageMsg': 'Tr\u01b0\u1eddng th\u01b0 kh\xf4ng th\u1ec3 \u0111\u1ec3 tr\u1ed1ng.', 'title': 'Bi\u1ec3u m\u1eabu li\xean h\u1ec7', 'blogId': '6376794603497284769', 'contactFormNameMsg': 'T\xean', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Th\xf4ng b\xe1o', 'contactFormSendMsg': 'G\u1eedi', 'contactFormToken': 'AAVkm1vb8c6CGpTrnWKxqWLNbcZu:1778744005938', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats41', 'sec_Theme_Hidden', document.getElementById('Stats41'), {'title': 'Pageviews last month', 'showGraphicalCounter': false, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//data-vietblogdao.blogspot.com/b/stats?amp\x3d1\x26style\x3dBLACK_TRANSPARENT\x26timeRange\x3dLAST_WEEK\x26token\x3dAAfhxX2mzmWxNWQsJEdx6zSvI7AHaQJtLMNh8xdyKrgGH616GQwepDLU8WmOMc4X2YCLIBBCccjzMvLcEYfjBQU'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList61', 'sec_Addon_Widgets', document.getElementById('LinkList61'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList62', 'sec_Addon_Widgets', document.getElementById('LinkList62'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList63', 'sec_Addon_Widgets', document.getElementById('LinkList63'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image61', 'sec_Addon_Widgets', document.getElementById('Image61'), {'resize': false}, 'displayModeFull'));
</script>
</body>