Common - Coshix

Common

How to Add a Modern Ripple Click Effect Using Pure CSS & JavaScript

Adding a ripple effect to your website is one of the best ways to make your website feel modern and attractive to its users. Nowadays, Many popula…

Create a Thumbnail Generator Tool Using HTML, CSS & JavaScript

Creating attractive thumbnails is one of the most important factors for improving CTR. CTR stands for Click Through Rate , and it is an important f…

How to make a Keyless Domain License System using Blogger

Protecting your premium elements or themes using the domain license system is one of the best ways to avoid leaking; however, the client-side scrip…

How to Create a Simple Cookie Consent Banner with CSS & JS

Adding cookie consent to your website is one of the important steps to gain trust from users and comply with privacy regulations. If you are runnin…

How to Create a Quiz System in JavaScript with Timer, Explanation & Score (Step-by-Step Tutorial)

Adding a quiz system to a website helps to increase user engagement and to make it more intractive especially in education site. The quiz feature i…

What Is WebP? Image Format Explained and Why Websites Use It

Websites are no longer judged by just their design; nowadays, a good website should be well optimised along with its design, and even a sm…

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/654365252-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AAVkm1sM68X8bFUQeD_5vwUlIIj9:1778799383865';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8845858942267856111','//www.coshix.in/search/label/Common','8845858942267856111');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8845858942267856111', 'title': 'Coshix', 'url': 'https://www.coshix.in/search/label/Common', 'canonicalUrl': 'https://www.coshix.in/search/label/Common', 'homepageUrl': 'https://www.coshix.in/', 'searchUrl': 'https://www.coshix.in/search', 'canonicalHomepageUrl': 'https://www.coshix.in/', 'blogspotFaviconUrl': 'https://www.coshix.in/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-FJ05EPHXTK', 'analytics4': true, '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\x22Coshix - Atom\x22 href\x3d\x22https://www.coshix.in/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Coshix - RSS\x22 href\x3d\x22https://www.coshix.in/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Coshix - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8845858942267856111/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/00750124825103651177\x22 /\x3e\n', '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/66f339c43d4ec606', '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': 'index', 'searchLabel': 'Common', 'pageName': 'Common', 'pageTitle': 'Coshix: Common', 'metaDescription': 'Coshix provides simple how-to guides, tech fixes, web tutorials, and free tools. We always ensure that our content is useful to everyone.'}}, {'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': 'Coshix', 'description': 'Coshix provides simple how-to guides, tech fixes, web tutorials, and free tools. We always ensure that our content is useful to everyone.', 'url': 'https://www.coshix.in/search/label/Common', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'Common', 'resultsMessage': 'Showing posts with the label Common', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eCommon\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Coshix (Header)', 'type': 'Header', 'sectionId': 'header-title', 'id': 'Header1'}, {'title': 'Mobile Additional Menu', 'type': 'PageList', 'sectionId': 'header-Menu-mobile', 'id': 'PageList002'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'header-Menu-mobile', 'id': 'LinkList002'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'header-Menu', 'id': 'HTML000'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'header-icon', 'id': 'TextList000'}, {'title': 'Today you\x27re looking for?', 'type': 'BlogSearch', 'sectionId': 'search-widget', 'id': 'BlogSearch1'}, {'title': 'Search Suggest', 'type': 'Label', 'sectionId': 'search-widget', 'id': 'Label1'}, {'title': 'Scroll Menu', 'type': 'LinkList', 'sectionId': 'scroll-menu', 'id': 'LinkList001'}, {'title': 'Hero Posts', 'type': 'HTML', 'sectionId': 'horizontal-ad', 'id': 'HTML90'}, {'title': 'Featured', 'type': 'FeaturedPost', 'sectionId': 'top-widget', 'id': 'FeaturedPost1', 'postId': '277087640565518286'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main-widget', 'id': 'Blog1', 'posts': [{'id': '1926900799849902903', 'title': 'How to Add a Modern Ripple Click Effect Using Pure CSS \x26 JavaScript', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijF9SMUef8zSBfV8suiOp5Csdm9PlR0hwZJESvHg9nDGKDsrnJ0xPwBwvMJR4ZZo4Lk86fC7uqye2bNdaQLTYCbpLMFfzG0En1AnSpGDe-CVgzwirxJ38JP5O2qrY9TsARqaFnAqO7R76LUOoUPPEL5lIb5v7KEy4xhihtPewRJWwarzNX1O20yMKRY6me/s1600-rw/ripple-click-effect.webp', 'showInlineAds': false}, {'id': '5530001948939857320', 'title': 'Create a Thumbnail Generator Tool Using HTML, CSS \x26 JavaScript', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigmDSzP0641Dx0g8bkFKdh-agVkv1zPqBFXDIcXFam9SHhTUAQgb4q-RIqspRRF_0VqGoBts2ZVqAO-g_Ah0hvr9PpW8dAGkMeiyUDPGtmKMz6dU5rKakt9XaJW2b1pyG5eshgLBFTUnUxYVtVyAAqHryvIiMlUxdzdkT23xT8q2WKAhL67LVe9dfOUxaG/s1600-rw/thumbnail-generator-tool-pure-js.webp', 'showInlineAds': false}, {'id': '277087640565518286', 'title': 'How to make a Keyless Domain License System using Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikXv1J3b8VkE6ZmRBQm6UtW_DYuNk23KNv2_6xYTZfpj2VMVtuIgIv6QV322X6nAgsZN31yL72jpnwWufeQFa-_kXA5-tSn3xLIgREvPR6QHyGa4Qh08szIBdwQPBe81bed2s72OHXjgr_bNOH3fvCrmxshKuub_pbdrKX43fIpwQ6_N2m1dHU5GUVu6Yk/s1600-rw/domain-license-system-blogger.webp', 'showInlineAds': false}, {'id': '2723527117873341462', 'title': 'How to Create a Simple Cookie Consent Banner with CSS \x26 JS', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vW5zGpsCzIcqV9c_RB-Xr-xIrthYAhNXl4qO0Go7PyVCvq56Kt6Dy1OkJ5KyuasDEBdcer1mdNTVxe10EGnQHctXa6Txh0-CXHnVLynil4IxJtdI8HsHeR7Z8qrcXaP1MGO4uiQgqbVvTenNLnSj1JSNSow1_6VxuPAU-hWIE4Wo7wxmjo8OpeRbnF48NFxGOeMMBs1LwT1RI', 'showInlineAds': false}, {'id': '2597091393542206363', 'title': 'How to Create a Quiz System in JavaScript with Timer, Explanation \x26 Score (Step-by-Step Tutorial)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGo9k_CFkrE9kiYhsOtKmWM70YVU47zUo4Dn2lREbUgZ1G_N033NqGiLOsyfgAscy5MZY193ZfVdduSXrDCp_sG3yLFjXKCxm5t_l8rr6cJhtKmnEK1ITwrN-JZlk-9pXO6HCEjTUf4BAHVyfzfguTQ_oiBsfERKFWevwt9TfVPWQIT2APyMyhK3D9k5Fx/s1600-rw/quiz-system.webp', 'showInlineAds': false}, {'id': '4494755357389278653', 'title': 'What Is WebP? Image Format Explained and Why Websites Use It', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhljlHWgogO87Iu8AQYjxy8Frqhf0nJVNuTYBCzu4AqU4hkX1lvA9THDjXxRjVzkz03UwKnPwv1IXfre5Umpo_15HNZKUcw0XbLlw7Oa6CPuzll9mBxSvHvRbiuu9K-XUwKSnDvFTpDuTqVhUUtdwih02_uFPPpdq8Lo7haE6etatqSccbTLsjZOQfwjcYz/s1600-rw/webp-tab.webp', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}]}, {'title': 'Trending', 'type': 'PopularPosts', 'sectionId': 'side-widget', 'id': 'PopularPosts00', 'posts': [{'title': 'Remove ?m\x3d1 in Blogger + Fix Redirect Errors', 'id': 6452544243943604727}, {'title': 'How to Add Login and Signup in Blogger Using Firebase', 'id': 6859771077293233542}, {'title': 'Create a Thumbnail Generator Tool Using HTML, CSS \x26 JavaScript', 'id': 5530001948939857320}, {'title': 'How to Create a Simple Cookie Consent Banner with CSS \x26 JS', 'id': 2723527117873341462}, {'title': 'How to make a Keyless Domain License System using Blogger', 'id': 277087640565518286}, {'title': '5G Speed Slow on Your Phone? 7 Fixes That Work', 'id': 6021102320250072590}, {'title': 'How to Add News Ticker Widget in Blogger (Pure JS)', 'id': 659696520542570009}, {'title': 'How to Add Like and Dislike Button in Blogger Using Firebase', 'id': 631169054319704608}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'side-widget', 'id': 'Label00'}, {'title': 'Archives', 'type': 'BlogArchive', 'sectionId': 'side-sticky', 'id': 'BlogArchive1'}, {'title': 'Made with \u2764\ufe0f by', 'type': 'HTML', 'sectionId': 'footer-widget-1', 'id': 'HTML77'}, {'title': 'Social Media Link', 'type': 'LinkList', 'sectionId': 'footer-widget-1', 'id': 'LinkList1'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer-widget-2', 'id': 'LinkList2'}, {'title': 'Legal', 'type': 'LinkList', 'sectionId': 'footer-widget-3', 'id': 'LinkList3'}, {'title': 'Product \x26amp; Services', 'type': 'LinkList', 'sectionId': 'footer-widget-4', 'id': 'LinkList4'}, {'title': 'Resources', 'type': 'LinkList', 'sectionId': 'footer-widget-5', 'id': 'LinkList5'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'credit-widget', 'id': 'HTML88'}, {'title': 'Back to top', 'type': 'TextList', 'sectionId': 'credit-widget', 'id': 'TextList88'}, {'title': 'Cookie Consent', 'type': 'LinkList', 'sectionId': 'additional', 'id': 'LinkList009'}, {'title': 'Go to Home', 'type': 'HTML', 'sectionId': 'error-404', 'id': 'HTML404'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-title', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList002', 'header-Menu-mobile', document.getElementById('PageList002'), {'title': 'Mobile Additional Menu', 'links': [{'isCurrentPage': false, 'href': '/p/sitemap.html', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': '/p/disclaimer.html', 'title': 'Disclaimer'}, {'isCurrentPage': false, 'href': '/p/privacy.html', 'title': 'Privacy'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList002', 'header-Menu-mobile', document.getElementById('LinkList002'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML000', 'header-Menu', document.getElementById('HTML000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList000', 'header-icon', document.getElementById('TextList000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'search-widget', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'search-widget', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList001', 'scroll-menu', document.getElementById('LinkList001'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML90', 'horizontal-ad', document.getElementById('HTML90'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'top-widget', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-widget', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3eCommon\x3c/b\x3e. \x3ca href\x3d\x22https://www.coshix.in/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1053750561-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts00', 'side-widget', document.getElementById('PopularPosts00'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label00', 'side-widget', document.getElementById('Label00'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'side-sticky', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML77', 'footer-widget-1', document.getElementById('HTML77'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'footer-widget-1', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer-widget-2', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'footer-widget-3', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'footer-widget-4', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'footer-widget-5', document.getElementById('LinkList5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML88', 'credit-widget', document.getElementById('HTML88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList88', 'credit-widget', document.getElementById('TextList88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList009', 'additional', document.getElementById('LinkList009'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'error-404', document.getElementById('HTML404'), {}, 'displayModeFull'));
</script>
</body>