Median UI - Anwarul Blog

Median UI

How to Add New Style Google Translate Widget to Blogger with Lazy Load

How to Add New Style Google Translate Widget to Blogger with Lazy Load

Before adding Google Translate to our website we need to know why it is important for website! Google Translate is used on websites to translate ma…

How to add "Recurring Post Ad" on blogger

How to add "Recurring Post Ad" on blogger

How Recurring Post Ads Blogger's Website Works! It is usually re-advertised within blogger posts and after certain paragraphs. You can se…

How to add a mobile menu to blogger template Fletro Pro and iMagz Like Median UI

How to add a mobile menu to blogger template Fletro Pro and iMagz Like Median UI

Adding a mobile menu to Blogger Template Fletro Pro and iMagz Like Median UI First, let's say that this mobile menu will only work on all Jago …

Median UI v1.6 Homepage mobile menu style change

Median UI v1.6 Homepage mobile menu style change

Medium UI 1.6 homepage mobile bottom show only 4 SVG but this problem solved in this post. This post will show how to show from four SVG ICON to fiv…

<!DOCTYPE html>
<html>
<head>
  <title>Anwarul Blog: Templated DOM</title>
</head>
<body>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1938150095-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AAVkm1u-W3k2YNq0_Do4a6_zZdAm:1778152325557';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8452596030562379303','//anwarulblog.blogspot.com/search/label/Median%20UI','8452596030562379303');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8452596030562379303', 'title': 'Anwarul Blog', 'url': 'https://anwarulblog.blogspot.com/search/label/Median%20UI', 'canonicalUrl': 'https://anwarulblog.blogspot.com/search/label/Median%20UI', 'homepageUrl': 'https://anwarulblog.blogspot.com/', 'searchUrl': 'https://anwarulblog.blogspot.com/search', 'canonicalHomepageUrl': 'https://anwarulblog.blogspot.com/', 'blogspotFaviconUrl': 'https://anwarulblog.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': '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\x22Anwarul Blog - Atom\x22 href\x3d\x22https://anwarulblog.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Anwarul Blog - RSS\x22 href\x3d\x22https://anwarulblog.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Anwarul Blog - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8452596030562379303/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/00782758501215703181\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/9b0d27acf08351d1', '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': 'Median UI', 'pageName': 'Median UI', 'pageTitle': 'Anwarul Blog: Median UI', 'metaDescription': 'This is the best site for finding Blogger widgets, Blogger themes, tech news, tech reviews, code lessons, and a lot more.'}}, {'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': 'Anwarul Blog', 'description': 'This is the best site for finding Blogger widgets, Blogger themes, tech news, tech reviews, code lessons, and a lot more.', 'url': 'https://anwarulblog.blogspot.com/search/label/Median%20UI', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'Median UI', 'resultsMessage': 'Showing posts with the label Median UI', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eMedian UI\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Anwarul Blog (Header)', 'type': 'Header', 'sectionId': 'header-title', 'id': 'Header1'}, {'title': 'Enter here to search', 'type': 'BlogSearch', 'sectionId': 'header-search', 'id': 'BlogSearch1'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'header-icon', 'id': 'TextList000'}, {'title': 'Contributors', 'type': 'Profile', 'sectionId': 'header-icon', 'id': 'Profile1'}, {'title': 'Additional Menu', 'type': 'PageList', 'sectionId': 'nav-widget-1', 'id': 'PageList002'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'nav-widget-1', 'id': 'LinkList002'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'nav-widget-2', 'id': 'HTML000'}, {'title': 'Scroll Menu', 'type': 'LinkList', 'sectionId': 'notif-widget', 'id': 'LinkList001'}, {'title': 'Notification', 'type': 'HTML', 'sectionId': 'notif-widget', 'id': 'HTML0'}, {'title': 'Pinned Post', 'type': 'FeaturedPost', 'sectionId': 'top-widget', 'id': 'FeaturedPost1', 'postId': '6056411037175161193'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main-widget', 'id': 'Blog1', 'posts': [{'id': '4294527199393218610', 'title': 'How to Add New Style Google Translate Widget to Blogger with Lazy Load', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhva3ecKL0FDuHqgWmNcDKSvxZp-TvQfgvQz_7vIl4Z2LzA73_cg0BLO_qa7swqefah8nt3WXKpkBaqsHsJvHTmm45TgNdNJtT9Lj0NkjZQAEnc4XkJ1fSr2J3AjxDcrPuY4VdQLaRJ4TXzJoGG0nyNs1GhDDqD1los18cjphDZqhDLRFo25fYo1SzAssbX/s16000/Google%20translate.png', 'showInlineAds': false}, {'id': '910807728866573236', 'title': 'How to add \x22Recurring Post Ad\x22 on blogger ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5PXfTxKVqtE1S68TaZGH-vf3H8H36oHbqM5MoYzwJHabJf6xuZA8YxfEE7eOQ1TADaZkYx6ng0hnHxgWya-olIjar3ae11CGgArhP7uFOa4fqNcSVh4QuGw8tzkBJOBPmiR9ZYFxcO1ERypcex7Aaoka4VnfQLb2OhvY5GZrrKAGm0okatnTo8mnIRfOg/s1600/How%20to%20Make%20a%20Blogger%20Recurring%20Post%20Ad%20Tool.png', 'showInlineAds': false}, {'id': '1302724548748755201', 'title': 'How to add a mobile menu to blogger template Fletro Pro and iMagz Like Median UI', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtwV-xmYxIPI7lbZqRvgaSJ_eZi4zVp6EknQyQBLnXTn6ExqEO7uo0vUnm9G_CHJQlZ0x8DzUUjgQ2wMbyyHTHKhp5UOpfcyVLEA1-kJiWVd0jCmYdhyphenhyphen61S8is5wfTvKdEwRqHtIReV1F3Z0hzmPeoEIabOj_KMrWbOci7_CM82XU8IrN9t_UwPDD5FeLL/s600/How%20to%20add%20a%20mobile%20menu%20to%20Blogger%20Template%20Fletro%20Pro%20and%20iMagz%20Like%20Median%20UI.png', 'showInlineAds': false}, {'id': '7142963405332933035', 'title': 'Median UI v1.6 Homepage mobile menu style change', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggmxR7RISphSs3s_kaJvAPX9KrA4ZHidi3a8f7HLzKoH1BiI9v-Wa0Xt2k6kB6ZwklYbng6nl2yyzizUzAZVgk3PMvSL6-p0jkJBBDuglHjPTo4SrAuU8KyI0oPPUCA1ta4socXiI4qJC6cHeMcd7CTssmMv2Y_nW7bui9ENvFzWmy9FbD-Dydj3GDK7vF/s1600/Only%20Median%20UI%20v1.6%20Homepage%20mobile%20menu.webp', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}]}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'side-widget', 'id': 'PopularPosts00', 'posts': [{'title': 'How to Add New Style Google Translate Widget to Blogger with Lazy Load', 'id': 4294527199393218610}, {'title': 'How to Add an HTML Parse Tool to My Blogger Site', 'id': 4671022851455935103}, {'title': 'It is very important for smoking addicts.', 'id': 583515163597560361}, {'title': 'How do I add a character count tool to a Blogger static page?', 'id': 6056411037175161193}, {'title': 'How to add \x22Recurring Post Ad\x22 on blogger ', 'id': 910807728866573236}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'side-widget', 'id': 'Label00'}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'side-widget', 'id': 'HTML11'}, {'title': 'Mobile Menu', 'type': 'TextList', 'sectionId': 'mobile-menu', 'id': 'TextList99'}, {'title': 'Management by', 'type': 'HTML', 'sectionId': 'footer-widget-1', 'id': 'HTML77'}, {'title': 'Social Media Link', 'type': 'LinkList', 'sectionId': 'footer-widget-1', 'id': 'LinkList1'}, {'title': 'About us', 'type': 'LinkList', 'sectionId': 'footer-widget-2', 'id': 'LinkList2'}, {'title': 'Policy', 'type': 'LinkList', 'sectionId': 'footer-widget-3', 'id': 'LinkList3'}, {'title': 'Support', 'type': 'LinkList', 'sectionId': 'footer-widget-4', 'id': 'LinkList4'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'credit-widget', 'id': 'HTML88'}, {'title': 'Back to top', 'type': 'TextList', 'sectionId': 'credit-widget', 'id': 'TextList88'}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'error-404', 'id': 'HTML404'}, {'title': 'Cookie Consent', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML21'}, {'title': 'Oh !', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML22'}, {'title': 'Enable JavaScript!', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML25'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-title', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'header-search', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList000', 'header-icon', document.getElementById('TextList000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'header-icon', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList002', 'nav-widget-1', document.getElementById('PageList002'), {'title': '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', 'nav-widget-1', document.getElementById('LinkList002'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML000', 'nav-widget-2', document.getElementById('HTML000'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList001', 'notif-widget', document.getElementById('LinkList001'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML0', 'notif-widget', document.getElementById('HTML0'), {}, '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\x3eMedian UI\x3c/b\x3e. \x3ca href\x3d\x22https://anwarulblog.blogspot.com/\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('_HTMLView', new _WidgetInfo('HTML11', 'side-widget', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList99', 'mobile-menu', document.getElementById('TextList99'), {}, '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('_HTMLView', new _WidgetInfo('HTML88', 'credit-widget', document.getElementById('HTML88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList88', 'credit-widget', document.getElementById('TextList88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'error-404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'addons-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'addons-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML25', 'addons-widget', document.getElementById('HTML25'), {}, 'displayModeFull'));
</script>
</body>
</html>