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

How To Add "Embed Post Button" In Blogger

how to install emded post button in blogger 101helper

What Is Embed Post Button?

Embed post button is a button which embeds a post in the form of a link by making a link with certain text or certain link or it could be better called a piece of code which displays link of a post that takes you to a post. It is a kind of sharing button but it helps you to get more backlinks.

How Do "Embed Post Button" Works?

Embed post button is created with Javascript. When it is clicked a pop-up window is opened which contains a code that is to be copied to clipboard. It grabs a pic of the article too which is shown where it is embed.

Embed post button is powered by Embedly and works in wordpress, blogger, tumblr or any other site. It is free and easy to be installed. No registration is needed to use Embedly button except if you want analytics of your data(how many of your posts are embedded so far).

Also Read: How To Get Quality Backlinks For Blogger Seo

Features And Screenshot:

how to install emded post button in blogger
  • It is free of cost.
  • No need of registration unless you want analytics of your data.
  • Easy and quick installation.
  • It doesn't affect site loading speed.
  • No render blocking scripts.

How To Install "Embed Post Button" In Blogger?

Embed post button can be installed in a minute, you don't need any signups or logins just put the codes by following below steps and you are done!

Step 1: Go to blogger dashboard and open layout.

Step 2: Click on add a gadget and select Html/Javascript option.

Step 3: Copy below code:
<a class="embedly-button" href="http://embed.ly/code" data-theme="light-round">Embed</a>
<script>!function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b,d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}}(document);</script>

Step 4: Paste it into the Html/Javascript window.

Step 5: Click on save button and you are done!

You might want to show embed button only in your posts. So for that read How To Show Or Hide Widgets On Specific Pages In Blogger

How To Add Embed Post Button Below Post Title Or Above Post Footer?

Adding Embed Post Button Below Post Title:

Step 1: Go to blogger dashboard > Template and Edit Html.

how to edit html in blogger

Step 2: Search for below piece of code:
<div class='post-header'>

You will find two pieces of codes like this, stop at the second one.

Step 3: Code below code and paste it below the above code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class="embedly-button" href="http://embed.ly/code" data-theme="light-round">Embed</a>
<script>!function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b,d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}}(document);</script>
</b:if>

Step 4: Save template and you are done!

Adding Embed Post Button Above Post Footer:

Step 1: Go to blogger dashboard > Template and Edit Html.

Step 2: Search for below piece of code:
<div class='post-footer'>

Step 3: Paste the below code above the above one.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class="embedly-button" href="http://embed.ly/code" data-theme="light-round">Embed</a>
<script>!function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b,d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}}(document);</script>
</b:if>

Step 4: Save template and you are done!

You can generate your own style Embed post Button at Embedly!

I hope you found this post helpful, if yes share it with others and if no then read other posts :p Follow and subscribe for latest blogger tutorials in your inbox. Thanks for visiting 101Helper, keep visiting us!

Search Tags: Embed post button,embed blogger posts button,generate quality backlinks for blogger,text area with window link javascript,text area with post link,post embed button for blogger,boost site traffic, 101helper, 101 helper.
Labels:

Comments

Post a Comment

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...
7 comments
Read more

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...
Post a Comment
Read more

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 ...
Post a Comment
Read more