1000bloggingtips | blogger tutorials, widgets, menus and much more step by step guide

Mobile screen being small can't hold a wide horizontal menu so people add vertical menu for mobile site specially bloggers do so but there is a simple way of install a horizontal menu in blogger mobile site that is making a scrollable menu so it will show some tabs of the menu and others can be seen by touching and scrolling. As you know that almost everyone is now using a touch screen mobile so it is a good menu for your mobile site. So in this post I am going to share 4 different types of horizontal scrolling menus. Follow below steps to add any of the menu in your blog's mobile site. Live Demo  (Open In Mobile For Best Experience) How To Add Horizontal Scrolling Menu For Blogger Mobile Site? Step 1: Go to blogger and open Layout. Step 2: Add a gadget just above your " Blog Posts Gadget" as shown in below image and click on Html/Javascript. Note:  If you are not able to add gadget above Blog Posts then simply add it in sidebar and drag it above Blog Posts because

My recent post for  mobile blogging was about a slide down menu which is really appreciated by visitors as it got more than 1000 views so I decided to create another menu for blogger mobile site. Slide down menu was too simple and it didn't have other features like social media buttons and search box so I decided to create a menu which have these features and an exiting look. As responsiveness is also very important for a menu so i made it responsive too. You can read its major features below. For a live demo you can visit 101Helper's mobile site . I am sure you'll like this menu. Don't forget to give your feedback by leaving a comment below. Slideout Mobile Menu Features: ? Easy installation. ? Responsive design. ? Social media buttons ready. ? Fast(doesn't affect blog's loading speed). ? Low size. ? Responsive search box. ? Compatible with all smart phones. ? Scrollable tabs and floating on page scroll. ? It fits all screen sizes(ipad,iphone,tablets etc). ?

A successful blogger is that who knows the importance of a mobile site. As blogger has no gadgets for mobile site therefore you have to add them manually. Basic things which are important for a mobile site are a search box, a related posts widget and a menu. If your mobile site has these gadget then your site is ready for mobiles. In blogger page list is commonly used as a menu as it becomes a selector in mobile site. But it doesn't look professional and most of the visitors don't like it. So today I have a stylish jquery slide down menu for your blog's mobile site. It works on jquery so it works properly in all mobiles either it is iphone or Microsoft mobile or something else. But if you are using a phone which doesn't support javascript or jquery then this menu won't work on it. In this post I will share my first mobile menu for blogger and show you how to add it in your blog's mobile site. So follow below mentioned steps to add this menu in your blog you can

So far I have shared a slide in menu  for blogger and today I am back with a new menu, it is a slide out menu. You can see it how it works in the above image. It is very unique menu as you can see it has icons, a responsive search box and cool follow buttons. You can see a live demo of this menu here . It is designed with css and javascript qnd it is good for those blogs which are congested or responsive, good for congested blogs because it doesn't take space on blogs, it is hidden until the trigger is clicked and good for responsive blogs because of its responsive design. Because of icons it looks more good and it resembles to wordpress menus. In this post I will show you how to add this menu in your blog and also how to customize this menu. See Live Demo Follow below steps to add this menu in you blog: Step 1: Go to your blog and click on layout in the menu on left side. Step 2: Click on add a gadget and scroll down to Html/javascript. Step 3: Copy below code and paste it into Ht

The title " Slide in menu for blogger " expresses that the menu which I am sharing in this post must slide in when a button is clicked or hovered. Well, this menu is a unique type of menu designed with awesome colors and has a responsive design. How does it work? it is a pure css menu and when it is added to a blog the trigger of menu takes its position automatically no matter what is the blog's width. The trigger holds the top right corner position of blog and floats when the page is scrolled and when the trigger is hovered the menu slides in and covers the whole blog's page, now the blog page looks like it has fade away now only menu options are shown but if the background is focused only a fading background could be seen. Its a very interesting menu for those blog's which have responsive design. One more thing about this menu that rocks is when the menu covers the whole screen then on top left corner another trigger appears having a close icon. So when the clo