Posts

Showing posts with the label Blogger Widgets

How to Create Separate AMP Pages On Blogger [AMP Plugin]

Image
Today, I am going to share an awesome technique by which you can install AMP version on your responsive blogger template. By doing this, your responsive theme will not get disturbed because with this method, you can add AMP snippets to the mobile version (m=1) instead of upgrading your whole template to AMP. So let get started! As we know, people are upgrading their responsive themes to AMP themes and this method has badly impacted their blog layout. But in this article, we will be learning to create a separate AMP page in a native manner that will keep your responsive design up. So creating a separate AMP page on Blogger's mobile URL m=1, we need to have valid AMP snippets in our Blogger template. Then we will make some minor changes to make AMP on mobile URL m=1. How to Easily Add Hreflang Tag to Blogger Steps to Add AMP Pages On Blogger Mobile Redirect URL Creating a separate AMP page in Blogger is not a difficult task as you think. In today's article, I am going t...

How to Add Multiple Column in a Blogger Post

Image
A brilliant writer is one who writes the excellent posts with a stylish look to make them more eye-catching to both search engines and readers. As you know, every writer tries to publish the blog posts by putting the energy into thinking to compose a  spectacular article that grabs the reader's attention. However, sometimes it is not enough to include the actionable words without having a pro look. We should give our posts new and unique design by applying the different methods, and one of the modern ways is to break the text into multiple columns. You can not only add the columns to a blogger template but in posts as well. Check out:  How to Create Magnify Glass Effect In Blogger We often publish  textual contents by using the simple and one column method. However, have you ever wondered how to write your articles in  multiple columns? You can compose your blog posts in various columns like two columns, three columns and even in four columns just with a piece...

How to Create Magnifying Glass Effect In BlogSpot

Image
When it comes to BlogSpot design, we use jQuery and CSS3 to develop advanced widgets and plugins for the specific functionality that already exists in Blogger. BlogSpot has many excellent features . One of the impressive features is magnifying glass effect that offers zooming functions in tiny objects like images and texts to draw attention to a particular part of an image. Check out: How to Add Automatic Page Scroller Widget to Blogger You might have seen product images on E-commerce sites they use magnify plugins to see the product images in detail. The plug-in brings the actual size of the image on mouse hovering that lets a user enlarge the small photos without affecting the image quality. Demo Click here How Does a Magnifying Glass Widget Work? A small piece of jquery and CSS3 makes your little images large and readable on hover. The widget does not enlarge entire a photo at once, but it magnifies the parts of photos where we hover the mouse. It contains a set of...

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

7 Best Notification Bar Widget For BlogSpot Blogger

Image
When newbie bloggers launch their blogs they are always looking for some useful widgets and plugins to make their blogs more attractive. When it comes to a professional design it seems a bit harder to find a matching design for your online business. But as you know BlogSpot is one of the best platforms where you can install any widget and plugin of your choice without paying a dollar. We've published many useful widgets and plugins for blogger lovers and today we are going to share another useful widget called Notification Bar which gives you an opportunity to display your favorite links and texts at the top/footer of your blog. Check out: How to Add Onclick Toggle Search Bar to BlogSpot The notification bar can be placed either at the top of your blog or at the bottom. Blogger notification bar can be used for displaying the important announcements and messages. For example, you want to offer a service or have a message for your clients or read...

Design Tip: How to Add Onclick About Us Page to Blogger

Image
When visitors go to your website, blog or social media profiles, the first area they arrive at your homepage. If they have an interest, they will likely navigate to your About Us page to learn more about you and your business. The About page becomes a way to give various reasons to keep coming back and a way to develop a greater appreciation of the website. It is the only way where you really have a chance to tell your readers what your website/blog is all about and what makes you unique from your competitors. Want to make probably the majority of your About Us page? Here is the tutorial for you by which you can design yours about us or about me page with stunning social media profiles . In my recent post, I showed you how to add onclick popup search box for Blogger blogs. But today I am going to share how to add Css3 Onclick About Us/About Me Page for your BlogSpot blogs. Read Also: Creating a Sticky Navigation Menu When Scrolling on Blogger Why It's Important to Have an Abo...

How to Add Onclick Toggle Search Bar to BlogSpot Blogs

Image
A website search bar is the most important element for our site visitors as they use it to perform their required search terms within our site search form. In my past tutorial, I mentioned 9 Responsive Search Box Widget For BlogSpot Blogs , but you need to be a bit technical to get them worked on different custom templates. Importance of Website/Blog Internal Search Bar In today's arena websites and Blogs are more complicated than ever before as they have an extensive collection of contents . Many contain a huge number of data which visitors can use to answer their queries and learn what they need to know before staying a long time on your website. But with all the stuff and features loaded into many of today’s websites, it can also be more exhausting for your visitors to, first of all, determine whether or not a site will contain the data they need  and then find it on the website/blog. Installing a search box widget can present a vast of advantages to help your site visitors...