Min menu

CSS

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 Center Your Post Title in Blogger

Admin Blogger Tutorials 01 July 2013

In this lesson, we will learn center your post title in blogger blog and it is a very easy way, it is code is placed in the CSS in temp...

Add CSS3 Bricks/Box Style Labels To Blogger

Admin Blogger Tutorials 02 May 2013

How To Customize Blogger Labels With CSS3? First we have to edit some settings of our label widget.Save your label widget settings a...

How to Add a Search Box With CSS Style to Your Blogger

Admin Blogger Template 28 April 2013

A search box or search field is a common GUI element of computer programs, especially in file and web browsers and on web sites. It is ba...

Add a Blue Professional Drop-down Menu in Blogger

Admin Blogger Tutorials 18 April 2013

Drop down menus are very important in blogging and these kinds of stuff is also considerable for the visitors because visitor when firstly ...

window['__wavt'] = 'AOuZoY5JSd8ZzjK3X7qU6DK_yGTCfUh_Gg:1743068834134';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d487386897649934372','//bbloggertutorials.blogspot.com/search/label/CSS','487386897649934372'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '487386897649934372', 'title': 'Blogger Tutorials | Best Tips and Tricks', 'url': 'https://bbloggertutorials.blogspot.com/search/label/CSS', 'canonicalUrl': 'http://bbloggertutorials.blogspot.com/search/label/CSS', '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://www.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://www.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/cbe0cd4e6298c445', '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': 'CSS', 'pageName': 'CSS', 'pageTitle': 'Blogger Tutorials | Best Tips and Tricks: CSS', '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/CSS', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'CSS', 'resultsMessage': 'Showing posts with the label CSS', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eCSS\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': '564649792532135513', 'title': 'How to Center Your Post Title in Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgADm2dfhQ1JxsSalb2_XzHatdCNRjaD0yfo0BivxrwHMuY-CMSV1eGQBspgpnmi48RpAFK2ZelMmiTlREql_qDquV7uEnpfV2P5cVnjxQEZhfgKSTnDGUIFz9EwbhPgF50fnCB4UnDFXg/s400/How+to+Center+Your+Post+Title+in+Blogger.png', 'showInlineAds': true}, {'id': '8901056222484585435', 'title': 'Add CSS3 Bricks/Box Style Labels To Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqXagLyv3l4VUiXSgLLl7fQoJZkQldtfI_e4iA81nQlmNslfXKRdd9znRhn4VJQY0CGvZsuAHPJ34R6Mml5twOEA1vyVlQlxYXionoh4UvXfDp6MMdi3-1-yOHCy7-lUwSjDtCVyjDRs/s1600/add-bricks-style-labels-to-blogger.jpg', 'showInlineAds': true}, {'id': '671608638917326713', 'title': 'How to Add a Search Box With CSS Style to Your Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHLfQrZHvSGxDQdhHo4NopBitQKTA_acEP53ZBfXSKMFSBdrHutpHUn-JyOLEJykFlcHGUR6KfaUuDQj_DiI51WBnlPWYZc1sZ96lUsBqfJcZmA3ADdUP599PKId8_X1ZJOlZyTZyh9co/s1600/images.jpeg', 'showInlineAds': true}, {'id': '6655594880712789670', 'title': 'Add a Blue Professional Drop-down Menu in Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAe56kJKu3ZSJHeP0ZlynquRQxohs0UYFrMv-6gAQxzYoovAj6-GjpLfroU4htrmCG9yaxM7dL5lN9JKW9WYMftLg-lhsbZ87xigi2gUOIM65EoL7dghIxQTGukREXJleDNOOKM-draLk/s320/Untitled%5B1%5D.gif', '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\x3eCSS\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/2223122975-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'));