<style>/*
<!-- onkeydown='return false' onmousedown='return false' -->
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2712309693565123405&zx=b6ab09d0-b62e-4516-87c0-4f444a44dcb5' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2712309693565123405&zx=b6ab09d0-b62e-4516-87c0-4f444a44dcb5' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7310046466585738&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-7310046466585738 -->

</head>
<body>
*/</style>

How to Create Glitch Text Effect Using CSS in Blogger

TIAL WIZARDS

22 Jun, 2022

A+ A-

Hi to all, in this article I am going to tell you all about how to create and add glitch text effect using CSS in your blogger or any other website easily in just few minutes by using CSS.

By adding this glitch text effect you can attract your website visitors and through this you can increase your page viewing duration.

Here I am providing CSS code which will not effect your website speed or any other, so you can use this CSS code in your blogger or in other websites.

Adding this glitch effect will increase your page reading time and decrease the webpage bounce rate.

How to Create Glitch Text Effect Using CSS in Blogger by tial wizards

Read the below provided steps carefully and completely, if you miss any one step then you will definitely get error while saving the code, so read the complete article.

Demo

Welcome to Tial Wizards

Steps to Add Glitch Text Effect in Blogger

Step-1: First of all you all need to login to your blogger website dashboard by using your login credentials.

Step-2: Go to blogger dashboard -> Click on Theme section -> Click on Arrow Icon -> Click on Backup -> Download the Theme.

Step-3: Go to blogger dashboard -> Click on Theme section -> Click on Arrow Icon -> Click on Edit HTML -> Theme Editor.

Step-4: Copy the below provided CSS code.

<style> .ATGlitch{ color: #000; position: relative; animation: ATGlitch1 2.5s infinite; -moz-animation: ATGlitch1 2.5s infinite; -webkit-animation: ATGlitch1 2.5s infinite; -o-animation: ATGlitch1 2.5s infinite;font-family: 'Press Start 2P'; font-weight: 700;font-size:30px; } .ATGlitch:before, .ATGlitch:after { content: attr(data-text); position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } .ATGlitch:before { color: #67f3da; animation: ATGlitch2 2.5s infinite; -moz-animation: ATGlitch2 2.5s infinite; -webkit-animation: ATGlitch2 2.5s infinite; -o-animation: ATGlitch2 2.5s infinite; } .ATGlitch:after { color: #f16f6f; animation: ATGlitch3 2.5s infinite; -moz-animation: ATGlitch3 2.5s infinite; -webkit-animation: ATGlitch3 2.5s infinite; -o-animation: ATGlitch3 2.5s infinite; } @keyframes ATGlitch1{0% {transform: none;opacity: 1;}7% {transform: skew(-0.5deg, -0.9deg);opacity: 0.75;}10% {transform: none;opacity: 1;}27% {transform: none;opacity: 1;}30% {transform: skew(0.8deg, -0.1deg);opacity: 0.75;}35% {transform: none;opacity: 1;}52% {transform: none;opacity: 1;}55% {transform: skew(-1deg, 0.2deg);opacity: 0.75;}50% {transform: none;opacity: 1;}72% {transform: none;opacity: 1;}75% {transform: skew(0.4deg, 1deg);opacity: 0.75;}80% {transform: none;opacity: 1;}100% {transform: none;opacity: 1;}} @-webkit-keyframes ATGlitch1{0% {transform: none;opacity: 1;}7% {transform: skew(-0.5deg, -0.9deg);opacity: 0.75;}10% {transform: none;opacity: 1;}27% {transform: none;opacity: 1;}30% {transform: skew(0.8deg, -0.1deg);opacity: 0.75;}35% {transform: none;opacity: 1;}52% {transform: none;opacity: 1;}55% {transform: skew(-1deg, 0.2deg);opacity: 0.75;}50% {transform: none;opacity: 1;}72% {transform: none;opacity: 1;}75% {transform: skew(0.4deg, 1deg);opacity: 0.75;}80% {transform: none;opacity: 1;}100% {transform: none;opacity: 1;}} @keyframes ATGlitch2{0% {transform: none;opacity: 0.25;}7% {transform: translate(-2px, -3px);opacity: 0.5;}10% {transform: none;opacity: 0.25;}27% {transform: none;opacity: 0.25;}30% {transform: translate(-5px, -2px);opacity: 0.5;}35% {transform: none;opacity: 0.25;}52% {transform: none;opacity: 0.25;}55% {transform: translate(-5px, -1px);opacity: 0.5;}50% {transform: none;opacity: 0.25;}72% {transform: none;opacity: 0.25;}75% {transform: translate(-2px, -6px);opacity: 0.5;}80% {transform: none;opacity: 0.25;}100% {transform: none;opacity: 0.25;}} @-webkit-keyframes ATGlitch2{0% {transform: none;opacity: 0.25;}7% {transform: translate(-2px, -3px);opacity: 0.5;}10% {transform: none;opacity: 0.25;}27% {transform: none;opacity: 0.25;}30% {transform: translate(-5px, -2px);opacity: 0.5;}35% {transform: none;opacity: 0.25;}52% {transform: none;opacity: 0.25;}55% {transform: translate(-5px, -1px);opacity: 0.5;}50% {transform: none;opacity: 0.25;}72% {transform: none;opacity: 0.25;}75% {transform: translate(-2px, -6px);opacity: 0.5;}80% {transform: none;opacity: 0.25;}100% {transform: none;opacity: 0.25;}} @keyframes ATGlitch3{0% {transform: none;opacity: 0.25;}7% {transform: translate(2px, 3px);opacity: 0.5;}10% {transform: none;opacity: 0.25;}27% {transform: none;opacity: 0.25;}30% {transform: translate(5px, 2px);opacity: 0.5;}35% {transform: none;opacity: 0.25;}52% {transform: none;opacity: 0.25;}55% {transform: translate(5px, 1px);opacity: 0.5;}50% {transform: none;opacity: 0.25;}72% {transform: none;opacity: 0.25;}75% {transform: translate(2px, 6px);opacity: 0.5;}80% {transform: none;opacity: 0.25;}100% {transform: none;opacity: 0.25;}} @-webkit-keyframes ATGlitch3{0% {transform: none;opacity: 0.25;}7% {transform: translate(2px, 3px);opacity: 0.5;}10% {transform: none;opacity: 0.25;}27% {transform: none;opacity: 0.25;}30% {transform: translate(5px, 2px);opacity: 0.5;}35% {transform: none;opacity: 0.25;}52% {transform: none;opacity: 0.25;}55% {transform: translate(5px, 1px);opacity: 0.5;}50% {transform: none;opacity: 0.25;}72% {transform: none;opacity: 0.25;}75% {transform: translate(2px, 6px);opacity: 0.5;}80% {transform: none;opacity: 0.25;}100% {transform: none;opacity: 0.25;}} </style>

Step-5: Paste the copied CSS code above closing head tag or </head> tag.

Step-6: Now click on save button.

Step-7: It will take some time to process the complete code and after few seconds it will show a message i.e. updated successfully, now your code saved successfully without any issue.

Step-8: Now go back to blogger website dashboard.

Step-9: Open the post where you need to add the glitch text effect.

Step-10: Now click on pencil icon and change compose view to HTML view.

Step-11: Now copy the below provided HTML code.

<div class="ATGlitch" data-text="Textrim"> Your Text</div>

Step-12: Add the copied HTML code in the post where you need to add the glitch text effect.

Example: <div class="ATGlitch" data-text="Textrim"> Your Text </div>

Step-13: Now click on update.

Step-14: You have successfully added glitch text effect by using CSS in blogger or any other website easily.

Note

If you get any error while saving the code in theme editor then you need to restore your backup code again and need to follow the same steps again as given above.

You can change the styles based on your website by changing the CSS code and also you can change the color for adding the color codes you can use google color picker

Conclusion

I hope that you have understood about how to create and add glitch text effect using CSS in blogger or any other website easily in just few minutes.

Cookies Consent

This website uses cookies to analyze traffic and offer you a better Browsing Experience. By using our website.

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1102170443-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4QgyBTIJRVR3cj4r9sqpnhB2TAgw:1746626678712';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2712309693565123405','//www.tialwizards.in/2022/06/add-glitch-text-effect-using-css.html','2712309693565123405');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2712309693565123405', 'title': 'Tial Wizards: Education, Blogging \x26amp; Services', 'url': 'https://www.tialwizards.in/2022/06/add-glitch-text-effect-using-css.html', 'canonicalUrl': 'https://www.tialwizards.in/2022/06/add-glitch-text-effect-using-css.html', 'homepageUrl': 'https://www.tialwizards.in/', 'searchUrl': 'https://www.tialwizards.in/search', 'canonicalHomepageUrl': 'https://www.tialwizards.in/', 'blogspotFaviconUrl': 'https://www.tialwizards.in/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-168248480-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', '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\x22Tial Wizards: Education, Blogging \x26amp; Services - Atom\x22 href\x3d\x22https://www.tialwizards.in/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Tial Wizards: Education, Blogging \x26amp; Services - RSS\x22 href\x3d\x22https://www.tialwizards.in/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tial Wizards: Education, Blogging \x26amp; Services - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2712309693565123405/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tial Wizards: Education, Blogging \x26amp; Services - Atom\x22 href\x3d\x22https://www.tialwizards.in/feeds/6340614434354683279/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-7310046466585738', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/ede385e55002016e', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to 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: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '6340614434354683279', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhECfjRGfUBZMnp8wOVGUTIJR2QPfzk4lIRm6C24Bym0rAlzlknZ2RD51XupP_6cg_MRS9GrI3d-a9bBHg84tI6s4vPgfyO0B4A9IYkld6FGssUiltXmPDThj1-ApfAHs59zup2vATIDP1ioywUWCrVjAoF35n-FhmmI_cPcPQ4oyJDjboyfm6Mx4ir/s72-w640-c-h360/glitch-text-effect-blogger.webp', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhECfjRGfUBZMnp8wOVGUTIJR2QPfzk4lIRm6C24Bym0rAlzlknZ2RD51XupP_6cg_MRS9GrI3d-a9bBHg84tI6s4vPgfyO0B4A9IYkld6FGssUiltXmPDThj1-ApfAHs59zup2vATIDP1ioywUWCrVjAoF35n-FhmmI_cPcPQ4oyJDjboyfm6Mx4ir/w640-h360/glitch-text-effect-blogger.webp', 'pageName': 'How to Create Glitch Text Effect Using CSS in Blogger', 'pageTitle': 'Tial Wizards: Education, Blogging \x26amp; Services: How to Create Glitch Text Effect Using CSS in Blogger', 'metaDescription': 'Hi to all, in this article I am going to tell you all about how to create and add glitch text effect using CSS in your blogger or any other website.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', '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': 'How to Create Glitch Text Effect Using CSS in Blogger', 'description': 'Hi to all, in this article I am going to tell you all about how to create and add glitch text effect using CSS in your blogger or any other website.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhECfjRGfUBZMnp8wOVGUTIJR2QPfzk4lIRm6C24Bym0rAlzlknZ2RD51XupP_6cg_MRS9GrI3d-a9bBHg84tI6s4vPgfyO0B4A9IYkld6FGssUiltXmPDThj1-ApfAHs59zup2vATIDP1ioywUWCrVjAoF35n-FhmmI_cPcPQ4oyJDjboyfm6Mx4ir/w640-h360/glitch-text-effect-blogger.webp', 'url': 'https://www.tialwizards.in/2022/06/add-glitch-text-effect-using-css.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6340614434354683279}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': 'Mega Wrap', 'type': 'HTML', 'sectionId': 'mega-wrap', 'id': 'HTML5'}, {'title': 'Mega Flex', 'type': 'HTML', 'sectionId': 'mega-flex', 'id': 'HTML6'}, {'title': 'Mega Flex 1', 'type': 'HTML', 'sectionId': 'mega-flex', 'id': 'HTML7'}, {'title': 'Testimonials', 'type': 'HTML', 'sectionId': 'mega-flex', 'id': 'HTML8'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '6340614434354683279', 'title': 'How to Create Glitch Text Effect Using CSS in Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhECfjRGfUBZMnp8wOVGUTIJR2QPfzk4lIRm6C24Bym0rAlzlknZ2RD51XupP_6cg_MRS9GrI3d-a9bBHg84tI6s4vPgfyO0B4A9IYkld6FGssUiltXmPDThj1-ApfAHs59zup2vATIDP1ioywUWCrVjAoF35n-FhmmI_cPcPQ4oyJDjboyfm6Mx4ir/w640-h360/glitch-text-effect-blogger.webp', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'TIAL WIZARDS'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'author', 'label': 'TIAL WIZARDS'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': 'Subscribe', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML4'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Newsletter', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'mega-wrap', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'mega-flex', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'mega-flex', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'mega-flex', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3678245423-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3681588378-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-static', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>