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 Javascript, HTML And CSS Code Reader In Blogger

How to add code reader in blogger  | 101helper

Code reader is a program that reads html/css/java or any other codes. An example of it is the Html/javascript option which you can see at the time of adding a gadget in your blog. That program reads your java/html and css codes and display results. Similarly now a days a new kind of website is introduced that also do the same work(reading codes and processing results). May be you are thinking what is it for? or why should I read this post, it is not of my use if yes then let me tell you the reason for why do you need to read this post. If you own a blog which have demos or a blog similar to my blog(about blogger) then you surely need this iframe to show your demos within your posts so now you don't need to create demo blogs for demos. So lets start!

Step 1: Go to Codeopen and signup for a new account.

Step 2: Login to your codeopen account and click on New Pen on the top of the page.



How to add html/css code reader in blogger | 101helper

Step 3: Create your project or demo by inserting your Html/css/java codes and save your project.


Step 4: Now click on share on the top of the page.



Html/css/java code reader in blogger | 101helper

Step 5: Click on Embed.


code box for blogger | 101helper

Step 6: Customize your demo box using the tools and grab the code of your iframe.



how to show demos in posts in blogger | 101helper

Step 7: Now go to your post or layout to add your iframe.

Step 8: Add the copied code in post or as a gadget and save it.

Congratulations! you are done successfully.

As a demo I am adding my iframe in this post, see it below:


That's it! hope you like this post and you found it interesting and helpful. Follow and subscribe for more blogger tricks. Keep visiting 101Helper and share this post with others.

Search tags: Html/CSS/Java code reader for  blogger, How to add code reader in blogger, Demo box for blogger, how to show demos in posts in blogger, code box for blogger, 101Helper tricks for blogger.


See the Pen zxQvYQ by fahimraza (@fahimraza001) on CodePen.

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

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

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