Min menu

java script

How to Add a Shining CSS3 Horizontal Menu For Blogger

Admin Blogger Tutorials 13 September 2013

Horizontal menu best alternative option for labels or sections. The importance of h orizontal menu including: reducing the space occupie...

How to Change Default Avatar in Blogger Comments

Admin Blogger Tutorials 29 June 2013

In this tutorial we will learn how to change or customize the avatar anonymous commentators, This enables us to add an image in blog comm...

How to Add "Change Text Size And Font Face Gadget" For Blogger

Admin Blogger Tutorials 25 May 2013

How to Add Text And Font Gadget To Your Blog 1. Login to your blogger dashboard --> Layout --> 'Add A Gadget' --...

How to Add Cool Chat Box to Blogger

Admin Blogger Tutorials 22 May 2013

Chatwee is a new chat service, unlike other Chatwee is added as a toolbar and chat deployed on the right side (you can switch to the le...

How To Add a Clock To Your Blogger Blog

Admin Blogger Tutorials 20 May 2013

How To Add a Clock To Your Blogger Blog 1. Login to your blogger dashboard --> Layout --> 'Add A Gadget' 2. C...

How To Add Zoom Effect in Blogger Images

Admin Blogger Tutorials 19 May 2013

How to add zoom effect in your blog? 1. go to Blogger Dashboard > Template 2. Download a copy of your template 3. Now c ...

How To Add JS-Kit Rating to Blogger

Admin Blogger Tutorials 11 May 2013

How To Add Js-Kit Ratings To Blogger? 1. Now go to Blogger Dashboard > Template 2. Download a copy of your template 3. Clic...

How To Create "Scroll to Top" Button To Blogger

Admin Blogger Tutorials 11 May 2013

How To Create "Scroll to Top" Button To Blogger? 1. Go to Blogger Dashboard > Template 2. Download a copy of your ...

How To Add Popular Post Widget For Blogger

Admin Blogger Tutorials 10 May 2013

How To Add Popular Post Widget To Blogger 1. Login to your blogger dashboard --> Layout --> 'Add A Gadget' ...

Smooth Jquery Featured Post Slideshow For Blogger

Admin Blogger Tutorials 25 April 2013

This tutorial will shows you how to add featured content slideshow to show your featured post to your readers.This slideshow is very ea...

window['__wavt'] = 'AOuZoY4HJDofPUlZPvrOqYjesLis4szNmg:1743077162347';_WidgetManager._Init('//draft.blogger.com/rearrange?blogID\x3d487386897649934372','//bbloggertutorials.blogspot.com/search/label/java%20script','487386897649934372'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '487386897649934372', 'title': 'Blogger Tutorials | Best Tips and Tricks', 'url': 'https://bbloggertutorials.blogspot.com/search/label/java%20script', 'canonicalUrl': 'http://bbloggertutorials.blogspot.com/search/label/java%20script', 'homepageUrl': 'https://bbloggertutorials.blogspot.com/', 'searchUrl': 'https://bbloggertutorials.blogspot.com/search', 'canonicalHomepageUrl': 'http://bbloggertutorials.blogspot.com/', 'blogspotFaviconUrl': 'https://bbloggertutorials.blogspot.com/favicon.ico', 'bloggerUrl': 'https://draft.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-34655999-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\x22Blogger Tutorials | Best Tips and Tricks - Atom\x22 href\x3d\x22https://bbloggertutorials.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blogger Tutorials | Best Tips and Tricks - RSS\x22 href\x3d\x22https://bbloggertutorials.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Tutorials | Best Tips and Tricks - Atom\x22 href\x3d\x22https://draft.blogger.com/feeds/487386897649934372/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-5690471014726191', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/141a30cfeab7b845', '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': 'java script', 'pageName': 'java script', 'pageTitle': 'Blogger Tutorials | Best Tips and Tricks: java script', 'metaDescription': 'Tips,Tricks,Tech,Android,IOS,Computer,Windows,Google, Google Chrome , Gmail , Blogger , Tools, YouTube , Facebook , TikTok , Instagram'}}, {'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': 'Blogger Tutorials | Best Tips and Tricks', 'description': 'Tips,Tricks,Tech,Android,IOS,Computer,Windows,Google, Google Chrome , Gmail , Blogger , Tools, YouTube , Facebook , TikTok , Instagram', 'url': 'https://bbloggertutorials.blogspot.com/search/label/java%20script', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'java script', 'resultsMessage': 'Showing posts with the label java script', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3ejava script\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Pages', 'type': 'PageList', 'sectionId': 'pages', 'id': 'PageList1'}, {'title': '\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0625\u062c\u062a\u0645\u0627\u0639\u064a', 'type': 'LinkList', 'sectionId': 'top-social-L', 'id': 'LinkList3'}, {'title': 'Blogger Tutorials | Best Tips and Tricks (Header)', 'type': 'Header', 'sectionId': 'logo', 'id': 'Header1'}, {'title': 'Ads', 'type': 'HTML', 'sectionId': 'Topa3lan-sc', 'id': 'HTML100'}, {'title': 'AdsMob', 'type': 'HTML', 'sectionId': 'Topa3lan-sc2', 'id': 'HTML101'}, {'title': 'Hot', 'type': 'Label', 'sectionId': 'shreeta5bar', 'id': 'Label200'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'Tempnec', 'id': 'Blog1', 'posts': [{'id': '4705423334833287290', 'title': 'How to Add a Shining CSS3 Horizontal Menu For Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmCBhOwR44vE4LH7HVThXiR_90dCghtTpn-YaNGpJxiJRZaIxoE1seju7WbkjU30tNCjNGQ4FN6_uIwGWjkJy7b3C-od8L1hyPQxE2mFUExDopjyjApwwWD3L2ujUo-8a3hUqEIvTAPrk/s400/How+to+Add+a+Shining+CSS3+Horizontal+Menu+For+Blogger.gif', 'showInlineAds': true}, {'id': '6252702319132001353', 'title': 'How to Change Default Avatar in Blogger Comments ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjrwmz6kMZ5Lj-sFH-Vtpph8sDPiI-dvispFmcUFc6zlfFayil8D9A1hyripfEmJqJjjcH1FruKrvC0XQieLEbsdejRcT2MvjkCUXfdEK1WbSDQCjVdt9I3308HTCdeOiRPCztYHxaNg/s400/How+to+Change+Default+Avatar+in+Blogger+Comments.bmp', 'showInlineAds': true}, {'id': '4819171454425159900', 'title': 'How to Add \x22Change Text Size And Font Face Gadget\x22 For Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmu9gXCUJvYuRDFJH8O43-FT_gSo6j-Fb6Vcjhp4pp3AuOTRaDnOCuA6yQwhhW8oLwoKQUzjBtIqgHLBOHkBlZyqRH2MV7DWg-07bNiZq_hRJ4pSqwK6_AlyOcqvn2QwHXlJ-LvTUtn24/s1600/How+to+Add+Change+Text+Size+And+Font+Face+Gadget+For+Blogger.png', 'showInlineAds': true}, {'id': '5950890712167427290', 'title': 'How to Add Cool Chat Box to Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiABxI-fQUtkvOg3YkyvIlx4ItZqWur4pPTHnR5C5b2UdPmyjR8GNPRbdsBXFThbhyphenhyphenMTuOGcWMW04rGpX9zuD-GEvRB_5Em3xXQrheK5sybl_zulGdI_DEWgVSFpUgJvyTqPc0fNgK59X4/s320/How+to+Add+Cool+Chat+Box+to+Blogger.png', 'showInlineAds': true}, {'id': '8919801887513980932', 'title': 'How To Add a Clock To Your Blogger Blog', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-pQ8f213z8F1vk1jSP_3dsMkJhtxHJpoipG7QdgGkxgNF33OqXlh2yBLt9T5XaGNJjALUjcTIrCpwalAe_Zm0WXyqYyqknxeI-Q0ckcy8l6QRvBSai3FqZ3N4y_ElitsgHdX7qy86MUo/s1600/Add+Animated+Flash+Clock+To+Your+Blogger+blog.jpg', 'showInlineAds': true}, {'id': '1974240592663631334', 'title': 'How To Add Zoom Effect in Blogger Images', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYECf_dRMlPrk_thwIDuMAU4loSxKRuYx2mbzUfr2jVfhP5-_bKZIGpDrwKFj_OPcKyCUcsyBypyCBReyLc7I7bZmA46i0OoFyAJii0XFYOQo1UO9enYWbrUIQgzfVgBWSJOxrdazw56w/s320/zoom-effect-blogger.png', 'showInlineAds': true}, {'id': '8627545741627850652', 'title': 'How To Add JS-Kit Rating to Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1DSa7L7GN41EuAQDbY7TokC438b6u42mNSPxGhTT8okySRZENNzTnSY4keWrpQ4JPdPzRayaf9vSgqu0kwLVK-_AgNmiFRyXcj8WfpFw0WKpwC0LYLc2B3UE8n0P846diQWlq0XDUQk/s320/JS-Kit+Ratings.png', 'showInlineAds': true}, {'id': '5506714883274188653', 'title': 'How To Create \x22Scroll to Top\x22 Button To Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeuCfHwJBPaMNncxz1eJhTPnmvuXAJ3aGrW_VFvOPKG_UeId8H_QhiNDzn2yYVxpWh7eF0q6_ef7nhdN3OxV_4pH-Yv7AlKuLRxanm-YBBcqiMZ86liYNEXijM_hZGdlRYfUSEM-Babk0/s1600/How+To+Create+Scroll+to+Top+Button+To+Blogger.jpg', 'showInlineAds': true}, {'id': '3718746245158453165', 'title': 'How To Add Popular Post Widget For Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxDOyIAl6myJ8paP3FGLdanwmY5TTDXx5f4yNZutruLkHQUUAk8EAk9CNZTVKaeT3pX1n6ZyhDmaLWDBH-Couh1iicHxPvziFSY4yTj4pxZ1aBoMCr_8M1YCOtaWEUJR-8S6hQoTUEpKI/s1600/popular-posts-widget-for-blogger.jpg', 'showInlineAds': true}, {'id': '3517219939081978894', 'title': 'Smooth Jquery Featured Post Slideshow For Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh63-1uDK1X65vjG40I3AiTu7h4wbi7W3YuJeni6hBldgxaqwu865e5lCWjNzXNoQYYRX9z_ZyKZ-UVsWo5U9YQI4CEal8KVpa7dXUWTVVreT7FNj3z2Yba9ILM-s8EWA2bX_54wWK3284/s320/Smooth+Jquery+Featured+Post+Slideshow+For+Blogger.bmp', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:'}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'backlinks', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': '\u0627\u0644\u0642\u0633\u0645:'}]}, {'regionName': 'footer3', 'items': [{'name': 'reactions', 'label': 'reaction:'}]}], 'allBylineItems': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:'}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'backlinks', 'label': ''}, {'name': 'labels', 'label': '\u0627\u0644\u0642\u0633\u0645:'}, {'name': 'reactions', 'label': 'reaction:'}]}, {'title': 'Last', 'type': 'HTML', 'sectionId': 'PostAds', 'id': 'HTML203'}, {'title': 'Second', 'type': 'HTML', 'sectionId': 'PostAds', 'id': 'HTML206'}, {'title': 'Third', 'type': 'HTML', 'sectionId': 'PostAds', 'id': 'HTML207'}, {'title': '\u0627\u0639\u0644\u0627\u0646 \u0628\u0639\u062f \u062b\u0627\u0644\u062b \u0639\u0646\u0648\u0627\u0646', 'type': 'HTML', 'sectionId': 'PostAds', 'id': 'HTML211'}, {'title': '\u0645\u064a\u0632\u0629 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629', 'type': 'LinkList', 'sectionId': 'AddOns', 'id': 'LinkList500'}, {'title': 'Table of Contents', 'type': 'HTML', 'sectionId': 'AddOns', 'id': 'HTML1'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sidepar', 'id': 'Label1'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidepar', 'id': 'HTML3'}]}]); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'pages', document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/', 'title': 'Home'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/blogger-tools.html', 'id': '5946766725152086806', 'title': 'Blogger Tools'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/sitemap.html', 'id': '5932004206053653374', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/contact-me.html', 'id': '1275864390688721951', 'title': 'Contact Us'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/terms-and-conditions.html', 'id': '343816598309481314', 'title': 'Terms and Conditions'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/privacy-policy.html', 'id': '137377803696150235', 'title': 'Privacy Policy'}, {'isCurrentPage': false, 'href': 'https://bbloggertutorials.blogspot.com/p/disclaimer.html', 'id': '7828782075439773052', 'title': 'Disclaimer'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'top-social-L', document.getElementById('LinkList3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'logo', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML100', 'Topa3lan-sc', document.getElementById('HTML100'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML101', 'Topa3lan-sc2', document.getElementById('HTML101'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label200', 'shreeta5bar', document.getElementById('Label200'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Tempnec', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3ejava script\x3c/b\x3e. \x3ca href\x3d\x22https://bbloggertutorials.blogspot.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2914056078-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML203', 'PostAds', document.getElementById('HTML203'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML206', 'PostAds', document.getElementById('HTML206'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML207', 'PostAds', document.getElementById('HTML207'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML211', 'PostAds', document.getElementById('HTML211'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList500', 'AddOns', document.getElementById('LinkList500'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'AddOns', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidepar', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidepar', document.getElementById('HTML3'), {}, 'displayModeFull'));