Skip to main content

Tips To Get Sitelinks In Google Search Results - Blogger

Sitelinks are some links that are showing below site in search engines. Its not just in Google search results but in Bing, Yahoo and also in Yandex. There is no idea how to get sitelinks, even Google says that sitelinks are automatically generated links to help visitors reach important pages of your site. Also you have no control over which page you want in sitelinks and also there is no code which can do it. You might be thinking that if nothing is known about sitelinks, how am I going to get it for my site ? Well, the answer is simple you will get it as I got them ! What Are Google Search Result Sitelinks: Above is the sceenshot of sitelinks of my blog. If you search "101helper" oon Google you will see the sitelinks live. These are featured links from my blog and are shown to visitors to help them reach deeper pages or help them to reach the content of interest on a site. Note that sitelinks never remain the same they change time to time and we have no control over it. Goog
Post a Comment

Jquery Slide Down Mobile Menu For Blogger

jquery-stylish-slide-down-menu-for-mobile-blogger.gif

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 see a live demo of this menu above.

How To Add Stylish Jquery Menu In Blogger Mobile Site?

Step 1: Go to blogger dashboard > layout and click on "add a gadget" below header.


Step 2: Give a title to your gadget e.g mobile menu. Because it will help you in finding this gadget in your template in coming up steps.

Step 3: Find Html/Javascript and click on it.

how-to-add-html-javascript-in-blogger

Step 4: Copy below code and paste it into Html/Javascript window.

Tip: Click inside the code container and use Ctrl+A to select code and Ctrl+C to copy it!



how-to-add-mobile-menu-in-blogger

Step 5: Click on save, go to template and click on Edit Html.

how-to-edit-html-in-blogger

Step 6: Click inside the code and search for the name which you have given to your menu in step 2. I am searching for Mobile Menu as I've given it to my gadget.

You can also use jump this gadget to jump to your widget but its possible only if you have ID of your widget.

You Might Also Like Reading: How To Find ID Of A Gadget In Blogger

how-to-add-mobile-menu-in-blogger-101helper

Step 7: Type mobile='only' beside locked='false' and click on save template.

how-to-show-a-gadget-in-blogger-mobile-site-view

Thats it! you are done. Now open your blog in your phone and try your menu.


How To Edit This Menu?

You can't edit this gadget as you do others because after adding mobile='only' you have commanded blogger to show this gadget in your blog's mobile view only so if you check your layout now you will not see any gadget below header as it is shifted to mobile site. So to edit this menu and add your custom tabs in it follow below steps.

Step 1: Login to your blogger account first and then go to your blog's mobile site using below link:

https://yourblog.blogspot.com/?m=1

Step 2: Now find the edit image(wrench and screw driver) below your menu as shown in below image:


Step 3: Click on it and Html/Javascript window will be opened, now you can make changes in your gadget. Click on save after making changes and you are done.

Customization:

You can change its color font, font-size and every thing if you know CSS but I recommend you to use it as it is. Do only slight changes like font color or font family.

The important thing which needs customization is adding new tabs and links or removing existing tabs. So read below to add or remove any tab.

To Add A New Tab:

You can add a new tab using below piece of code:

<li><a href="Your tab's link">Your Tab's Text Or Name</a></li>

Replace Your tab's link with your link and Your Tab's Text Or Name with your tab name. For example:

<li><a href="https://101helper.blogspot.com/">Home</a></li>

To Remove A Tab:

Remove its code from <li> to </li> for example to remove Home button I will remove:

<li><a href="https://101helper.blogspot.com/">Home</a></li>

Important Note: Add or remove a tab between <ul> id="nav" style="display: none;"> and </ul> in the given code.

Menu Not Appearing?

You might face a common problem of gadget not appearing in mobile view so for that you have to use custom mobile template. If you haven't switched to custom mobile template yet then go to blogger dashboard template and below the mobile template click on the edit icon. Now switch to custom template as shown in below image;


I hope you like this post and this menu is working properly in your blog if not please ask me by leaving a comment below. Share this post with others. Follow and subscribe for more blogger gadgets, menus, tutorials etc. Thanks for visiting 101Helper.

Search Tags: Mobile Menu For Blogger,Jquery menu for mobile site,Blogger mobile view gadgets,Blogger slide down menu for mobile site,101helper menus for blogger blogs,iphone mobile menu.
Labels:

Comments

Post a Comment

Popular posts from this blog

Addthis Pop-up Social Sharer Widget For Blogger

We all know that popups are really beneficial to get followers, likers and traffic and thats why tools like Hellobar is used by many. I also use Popups because my visitors give response more to popups rather than sliders or fixed content. Similarly its very hard to get content shared so popups work for it too. And its important to get content shared because more sharing equals to more traffic. Popup share buttons are not new, many of use have used them but popup have either 5 or 6 buttons so visitor is limited to share content only to some social networks and may be he or she is not using any of these networks so it will be a waste of time you will not get content shared. So I brought you a new idea, Why don't we use addthis popup sharer, it has all social buttons plus it doesn't need long coding and too many scripts so it doesn't slow down our blogs. So in this post I am going to share addthis popup sharer along with some customization. So you can get popup by the time whe
Post a Comment
Read more

5 Sites To Submit Your Posts To Boost Traffic Instantly

New bloggers often search "how to boost or increase traffic instantly" and don't find any answer or usually get answers that are not satisfactory. So they head towards fake traffic or seo. Fake traffic is obviously useless because you don't either get money and that traffic is limited because same visitors visit your site again and again for points(traffic exchange) and there is no ad network that pay you for ordinary traffic. So fake traffic is not beneficial that's why bloggers optimizes their blogs for search engines to get traffic that is organic and unique, but the fact is that once your blog is optimized for search engines you will not get traffic in one day but you have to wait for months or for year. Actually it depends on your blog's topic e.g if you have a blog about making money you will get more traffic in less time because every 2nd person is surfing on internet to earn money. So this post is about how can you increase your blog traffic instantly.
Post a Comment
Read more

How To Show Star Ratings In Google Search Results - Blogger

Google rich snippets allow you to make your site's search results view better to get maximum visitors. And it is seen that sites with rich snippets enabled get more visitor specially sites selling products or sites about review of any ad network or site with cooking recipes. Among Google rich snippets most popular are search box in search results and star ratings widget because most of sites are able to show them for their search results but not all! other rich snippets like logo of company or organization or social profiles in search results appear only for big companies or organization. So in this post I am going to show you how to show star ratings for all posts in Google search results. How to add Google Rich Snippet schema for star ratings in blogger? Step 1: Go to blogger dashboard, go to template and edit html. Step 2: Search for below code: <div class='post-footer'> You will find this code 2 times paste the below code above the second one. Step 3: Copy below c
Post a Comment
Read more