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...

How To Add Facebook Page Plugin/Like Box In Blogger

How To Add New Facebook Page Plugin In blogger | 101helper

Facebook is the number one social network and has a global rank 2. It is used by every individual now a days. Facebook is good for chatting and also for small businesses like blogs or websites. It is used by most of bloggers to get in touch with their fans, so Facebook is used to create fan pages too. In the beginning Facebook provided a plugin called like box for blogs and websites but it will stop working from June 23rd 2015 as Facebook has upgraded this plugin to a new plugin called "Page Plugin".



Facebook new like box | 101helper

"Page Plugin" is much better than Like box due to its stylish look, share option, cover photo and professional look. As Facebook has deprecated the old plugin so now we should upgrade to new plugin in order to get in touch with our fans so in this post I will show you how to add Facebook "Page Plugin"  in blogger.


Don't Miss:
Follow below steps to add Facebook "Page Plugin" in blogger:

Step 1: Go to Facebook Page Plugin page.


Step 2: Replace https://www.facebook.com/facebook with your page's link.



Stylish Facebook new like box blogger blog

Step 3: Adjust width and height of your plugin(Minimum height is 130px and minimum width is 280 px and maximum width is 500px).


Stylish Facebook new like box blogger blog | 101helper

Step 4: Check or un-check other options according to your needs(Hide cover photo, Show friend's faces, Show pages posts).


Facebook like box new

You can see a preview of your plugin below the widget customization box.

Step 5: Click on Get Code(A pop-up window will be opened).

Facebook says to copy the javascript code and paste it after <body> or </body> but it won't work on blogger. Blogger will not accept your template so you have to do it in other way. So move to step 6.


Facebook new like box blogger

Step 6: Copy the javascript code and go to Blogger Dashboard > Layout > Add A Gadget > Html/javascript and paste the javascript .

Step 7: Go back to Facebook plugin page and copy the second code.


Facebook new like box blogger blog

Step 8: Paste this code(second code) into the same Html/javascript window in which you pasted the first code.

The overall code should look like similar to below code:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/facebook" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div>

Step 9: Click on save and you are done successfully!

I Hope you like this post and it was helpful to you. Follow by E-mail to stay updated. Keep visiting 101Helper and share this post with others. 

Give me your feedback in comments.

Search tags: Facebook like box, New Facebook like box, How To Add New Facebook Page Plugin In blogger, Facebook like box not working, Facebook like box for blogger. 

Comments

Popular posts from this blog

How To Install Emoji Reactions(Smileys) In Blogger

We all are familiar with emoji reactions because all of us use social networks and chatting and texting is incomplete without emoji reactions(smileys). These emoji reactions help us to explain our feelings about things and so I decided to create a post about it. So far I have seen in many blogs that they have emoji reactions in comment form and a emoji code is to be placed where emoji is to be shown but that's too old and most people don't like it. So I decided to tell you about these new type of emoji reactions that are placed in the bottom of post and show reaction of people to that post. Maybe you are thinking why should I add emoji reactions in my blog, it is useless but let me tell you that blogging is not just about growing blog more and more and earn money, but you must have something more which will make your blog special and these emoji reactions will grab attention of many visitors and will also tell them about how many people liked your post. Here is a picture of emo...

Blogger Not Accepting Javascript / Error Parsing XML - Solved !

If you are blogging for even 2 months you must have seen this error once when you tried to add a javascript in you blog theme. This error appears when a javascript contains some symbols like $ or & or sometime =. All these errors show error when theme is saved. and the error says "Error parsing XML, line number, column number: The reference to entity "version" must end with the 'example' delimiter" . As shown in above image, blogger is not accepting Facebook like button code and showing error. To solve this error I have to simply make this code acceptable by blogger. You might have problem saving codes of some ads like media.net ads, chitika ads, bidvertiser ads etc all these ads are sometimes not accepted by blogger so you can fix them by following this post and run ads or custom scripts. How to add javascript codes in blogger without parsing error ? Follow below steps: (1). Grab the javascript code which you want to fix in to a notepad or paste it in y...

Horizontal Scrolling Menu For Blogger Mobile Site

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 ...