Umesh Yellaboina

13 Oct 2016

How to redirect 404 error page (Page not found) page to other page - Blogspot/Blogger

✔ Unknown Thursday, October 13, 2016

In this tutorial, I will show how to redirect 404 error page (page not found page) to other webpage in a simple steps.

Step 1:
Copy the below code.

In the above 3rd line of the code, replace the URL to which you want to redirect your error page.

Step 2:
Open the blogger and go to Settings>Search Preferences>Custom Page Not Found>Edit and then paste the above copied code here and hit the 'Save Changes' button.

To test this, try to search a non-existent page on your blog and see this magic. First the 404-error page loads and the page automatically redirects to the other.

Hope this will help you. Feel free to ask any doubts in the comment section.

10 Oct 2016

Painting

First Painting with Camel Soft Pastels (Basic Colors)

✔ Unknown Monday, October 10, 2016

Aum (Painting) by Umesh Yellaboina with Camel Soft pastel colors.

AUM - Art by Umesh Yellaboina

Hello friends, this is my first artwork-painting, did this work during Durga Navarathri celebrations after completing the 'Ma Saraswati pooja. Here I used 'Camel' soft pastel colors, simple A4-size paper, and a drawing pencil.

Aum - Artwork by Umesh Yellaboina using Camel Soft Pastels.

Aum - Artwork, Camel Soft Pastels.

23 Sept 2016

Blogger Tips

List all the posts in 'Tabs-Layout' according to the Labels - Blogger Tip

✔ Unknown Friday, September 23, 2016

In this tutorial, I want to show you guys how to list your posts in the tabs format according to the labels as shown in the above pic. Here in this when you click on the labels, it will view only the posts which belonged to that particular label in the format as shown in the pic.

Follow the below steps to create your own.

Step:1
Login in to your blogger and open the template editor, and place the below code before the
]]></b:skin> or </style> tags.

Step:2
In this step, copy the below code and place before the closing head tag.
i.e </head>

In the above code, at third line, you can make changes at "max-results=20" as per your requirement. i.e you can change the number of maximum posts in the tabs.

Step:3

Copy the below code-caller and place it in between the opening and closing body tags (i.e <body> and </body>) where ever you want to show our posts in tabs style.

In the above code, replace the 'YOUR LABEL NAME' to your actual label names.

Step:4
Finally save the template and view your blog now.

Demo: http://bit.ly/2ctaXcG

Okay friends, If you have any doubts regarding this tutorial, feel free to ask me in the below comment section. And if you find this tutorial useful, please share this post and subscribe to my future posts by typing your e-mail below or click on follow button at the right side down.
Thank you.

17 Sept 2016

Blogger Tips

Change 'Back To Top' Button to Moving Rocket Effect on Blogger/Blogspot

✔ Unknown Saturday, September 17, 2016

In this tutorial I want to show you 'How to give/change normal 'Back to Top' button to Moving-Rocket effect as you are seeing on my blog.

Step:1
Go to Blogger> Template > Edit HTML, Find the below code
]]></b:skin></style>
After finding the above code, place the below code before the above code.

Step:2
After the above step, copy the below HTML and J-query codes and place them before the "</Body> tag in template editor.

Step:3
Click on the 'Save Template' button to save. And open your homepage to view the result.

Have any questions about this tutorial, feel free to ask me in the below comment section.
Feel free to share.

15 Sept 2016

Blogger Tips

Installation of '+Follow' Floating-Slide Button on Blogger (Tutorial)

✔ Unknown Thursday, September 15, 2016

In this tutorial I will show you how to install '+ Follow' floating and slide out button as in my blog (Can find the right side - down corner.), however the Blogger is providing a simple '+follow' button, but without the sliding option. But no problem, with this tutorial you can learn it now.
This button can be seen easily by visitors and slightly tempts them to click on it. Moreover if the visitor is interested in your article or content, and want to follow your blog, then he can click on this button and can perform this operation without getting out of your article.

Follow the below simple steps to install the button.

Step:1

Open blogger, and click on the layout. i.e

Blogger > Layout > Create a new widget (Html/Java Script widget),
Copy the below code and paste in the new created widget.

Step : 2
In the above code line number 26, replace the Blog-ID with yours which you can find on your blog's dashboard's URL as shown in the below pic.

Step:3
Save the above widget. and reload your homepage.

You can also customize the code to change the layout and the design of this 'Floating Slide Button' according to your blog's theme.

If have any questions/doubts, feel free to ask me in the comment section below.

14 Sept 2016

Blogger Tips

Specific Marking For a Label On The Tag post Using Conditional Tag (Lambda Expression)

✔ Unknown Wednesday, September 14, 2016

Demo of the 'Lambda Expression in Blogger.

Demo of the 'Lambda Expression Effect'

As we know, with the latest updates by the Blogger, blogging activity is becoming more interesting. And the new feature ‘Lambda Expression’ is saving us from writing huge code by adding this feature to the templating language which works with conditional tags.

In this tutorial I will show you how to implement this feature to the advance level, by adding the marking to the post on the Index page (blog feed page) as a label by using conditional tag.

Here we can add text, image or any icons as a label. I will use fontawesome icons as shown below.

Not only for a single label, can use this markings (lambda expressions) for as many labels as we want to the specific labels. If we assign a marking (lamda expression/icons) to a specific label once, then we can apply this label to as many posts as we want.

Step 1:

Copy the below code and paste it before the closing head tag ( </head> ) in the template editor. i.e
Blogger>Template>Edit Html

The code in the above 8,12,16,20 and 26th lines can be changed according to your requirements.

Step:2
After that copy the below code caller.

After copying this, find the below code in the template editor, and insert the above code in between the below provided code opening and closing tags.

Or the code can also be inserted between the below opening and closing tags.

Step:3
To get a more attractive look, we can add our own CSS as following.

The code here works as a marking label for a particular post. It automatically brings up the icon as shown in the below provided demo link.
Demo: http://bit.ly/2cnt1pP

Okay friends, if have any doubts regarding this post, please comment your question below. And if you tried this on your blog, provide a link in the comment section to your work.
If you like this, feel free to share on your social profiles, and subscribe to my blog by entering your e-mail id below to get my latest updates.

12 Sept 2016

Blogger Tips

How to Implement Syntax Highlighter in Blogger or Blogspot Post.

✔ Unknown Monday, September 12, 2016

To implement Syntax Highlighter function in Blogspot /Blogger's post, follow the below step by step procedure.

Step 1:

Open Blogger and go to template section and click on 'Edit Html' button.

i.e

Blogger> Template > Edit Html

Then copy the below code and paste it before

</style> tag.

Step 2:
After the above step, copy the below three codes and paste before the </body> or </head> tags.

Save the template.

Step 3:
When you create a new post, apply the below callers on the Html tab of post in Blogger.

Source: https://bit.ly/2cRwSap
Have any questions, feel free to ask me in the below comment section.
Feel free to share.