Posts

Showing posts from September, 2017

How to Add Automatic Page Scroll Widget to Blogger

Image
Do you know you can enable the auto page scroll effect in your blogger posts/pages with play and pause button? Whether you may know it or not, but I must say that automatic page scroll widget is impressive. You have the free options to choose the widget placement anywhere in your template. You can align the widget to the bottom left corner, bottom right corner or just next to the post title. Don't confuse yourself by  Scroll saw . Read Also: How To Disable Text Selection On Blogger With CSS How Does Auto Scroll Widget Works? When you land on your blog homepage or post page, the page scroll widget will start showing. I have used the two buttons to control the play and pause functionality likewise in blogger media player . As you press the play button , the page will start the scrolling automatically from the top to the bottom until you hit the pause button. If you press the scroll icon twice or thrice, the scrolling speed will get increased dramatically. In this way, you can stop ...

How to Add Schema.org Markup to BlogSpot Blogs

Image
Here is a handy guide to help you optimize the technical data of your BlogSpot blogs. By adding the schema markup to your site, you are helping the search engines identify data on your blog. Great search engine optimization requires plenty of detailed work , and that is a foundation that you will need to achieve the goals. If you would like credit for your  creative work, then you have to describe your content to Google with more efficiently. You may have noticed that Google pulls your contents in search results @ 2%. Don't be panic this usually happens when you do not consider the schema.org markup as the primary source for your blog SEO. We just publish the blog post in a manner that Google never know what they are or how they relate to a user query. Check out: SEO Strategies to Rank Higher Your Blogs Is Schema.org a Ranking Factor? Schema.org markup is not a ranking factor, but it is the technique to influence on the site ranking and becoming increasingly important to ran...

How to Add Facebook Chat Widget to BlogSpot Blogs

Image
Now facebook made it easy to get in touch with your blog readers through its chat widget in active conversation. Being in touch with your blog readers is a surefire way to collect the information from the visitors. The information includes the questions, queries, suggestions, and feedbacks. If you visit pro bloggers, they strategically offer many options to stay tuned with their readers. So, why you are chewing food improperly? You may have seen the third party chat widgets and plugins on various sites, but you could hardly find threaded comment enabled chat widget. Facebook chat plugin has many powerful features like conversation notifications. In this way, you don't need to add the contact and feedback form separately. Facebook chat plugin will do this job for your blogger blogs. Just log into your Facebook account, and there will be notifications of conversations that people have had with you. Real Also: How to Add Preloader to BlogSpot Blogs Demo Click here How Does Faceb...

How to Add Preloader Spinner to BlogSpot Blogs

Image
Have you seen a website that displays an animated object before page rendering? Yes, you may have seen this type of site that shows a Preloader before showing its contents. In my previous post, I showed you how to Add jQuery Tabs set and Accordion to BlogSpot. But today, we will learn how to install a preloader to your Blogger theme. This gadget is developed with CSS and a piece of jQuery code. You need to install those snippets to your theme by following the steps mentioned here. How Preloader Spinner Work? When you visit a preloader enabled web page, an animated object appears for a few moments, and during this time, the site contents remain invisible. When preloader completes its loading process to the marked time, it fades away, and the contents of the site become visible. Check out: How to Load Google Fonts Faster In Blogger Template This spinner loader can be shown anywhere on your Blogger blogs. You can choose the only homepage, only post pages, only static pages and only on a...

How to Add jQuery Tabs and Accordion to BlogSpot Blogs

Image
You may have seen jQuery Tabs and Accordions on different sites, where you need to click the accordion to reveal the hidden data in every tab. You can use this jQuery accordions to hide the data/text on each accordion tab. In this way, you don't need to worry how to keep all the entered text hidden behind the tabs. You can create the multiple tabs as per your requirement by repeating the HTML markup. Don't confuse yourself by musical instrument . How Do Blogger Tabs and Accordion Work? This jQuery Accordion contains a set of div sections. When a user clicks the HTML heading elements of the section, the content inside the section will reveal, and other parts which were previously visible will become invisible. Read Also: 22 Outstanding Marquee Text Effects For Blogger In this plugin, we have used two different div classes one for content section, and second for making the toggle effects  on the particular part. In the HTML headings, we will be creating the Tabs and Accordion na...

How to Load Google Fonts Faster in Blogger

Image
Have you ever encountered a website that makes you would like to leave instantly because of its loading problem? When that kind of reaction takes place on your site, you are going to lose your visitors. In the past years, there were three types of professionals who used to create a blog/website. No. 1 Web developer, 2. Web designer and No. 3 SEO analyst . But today, a web developer as well as web designer must know the basic SEO element to get started with web creation process. Google has stated that website speed is an essential aspect that they want webmasters to pay attention to. Website design plays a crucial role in increasing the site value. In this era where website designing tactics are deeply related to its ranking, one should check out thoroughly whether his site is suitable for search engine algorithm or not. It has become vital for small businesses to develop a website to establish an online identity to gain the reputation and loyalty from readers. Check out: Disabling The...

AeroMag - Magazine Blogger Template For Free

Image
Are you looking for Premium Aeromag for free? If you have recently joined the blogger platform to start your blog, then I recommended you to get started with a free template. Here I am going to offer you one of the best theme called Aeromag. Aeromag is fully responsive and magazine style blogger template which is coded by the themelet to make sure optimum performance. Not only in Desktop but on mobile too. If you are looking for the core concepts of SEO , natively coded theme, then aeromag is the best choice to fulfill your all requirements. It is high speed, lesser response time and yet a good looking flat design theme. Here i am going to share three different styles of AeroMag. AeroMag Default, AeroMag Dark and AeroMag RTL. Demo Click here Download Click here AeroMag is a news and magazine blogger template. It comes with many brilliant features such as responsive design, clean and modern look. Side panel, custom contact form, Ajax Search, sitemap, beautiful contact form, ne...