LATEST STORIES

Showing posts with label blogger tricks. Show all posts
Showing posts with label blogger tricks. Show all posts

Text Resizer For Blogger: Resize Font Size in Blog Posts

image
I came across an excellent jQuery based text resizer script for blogger blogs that lets your visitors to change or resize font size of the text in your blog posts. This decreases or increases the text size providing your visitors with better readability. Its useful especially to those with weak eye sights and for those with display issues. Fluid Text Resizer widget has been designed by mybloggertricks and script is adopted from dynamic drive. It will appear just below your post titles and will allow your visitors to toggle the text size to their comfort. Text size on your entire blog will be zoomed in and zoomed out. From sidebars till footer, all text will be maximized. It also includes a Reset link that toggles the default font level. Lets get to work then!

It can adjust the text size of a particular section of your blogger blog, such as just the primary content area or comment section, or the entire document in general.

More

Hide or Remove Blogger Attribution Gadget - 2 Methods

Remove Blogger Attribution GadgetThere are two standard ways to remove Blogger Attribution Gadget. The First one uses simple CSS to hide the text "Powered by Blogger", the second recommended method simply deletes the Attribution Gadget from your BlogSpot layout. We will discuss both in detail today.

If you are new to Attribution Gadget, then it is the widget that blogger adds to your layout by default when you setup your blog. You can display your copyrights or credit links here. Unlike other widgets this gadget is locked by default and it has no "Remove" button that could help you remove the gadget from your layout.

More

Use Human Readable "Date Format" in Blog Posts

Change Date Format of Posts in BloggerThis is probably the most request posted on blogger Timestamp and Date header format. This simplest trick of converting date formats in Blogger blogs is thus first time shared online using Data Layout Tags. The date inside BlogSpot posts are displayed in the format "MM/DD/YYYY" which is a non-readable formatting for mentioning the publishing time and date of an article. If you see the date format in MBT posts (i.e. Nov 21, 2015) you will observe that the formatting is done in a more human readable and visual way where Month and Day are comma separated from Year ( i.e. Month Day, Year ). The month is written in short abbreviated way followed by day and then year. A reader gets a clear idea of when the post was published by looking at the date at a glance instead of getting confused with the Western and Asian Date formatting of "MM/DD/YYYY" and "DD/MM/YYYY" respectively. In this tutorial we will use the simple technique of replacing the Timestamp layout tag inside posts with Date Header tag. In our JSON Tutorial series we will discuss a more advanced JavaScript approach to better control the styling of each element in the date formatting.

More

Auto Update Credits Info in Template Footer

autoupdate credits info in template footerIt makes a lot of sense to always add your website name along with Copyrights Date/time in Footer credits to let your users get accustomed to your brand identity and also know that you reserve full copyrights of the content you share on your blog. A credit link consists of mostly your Trademark/benchmark name (i.e. Blog Title) and the Time interval for which you deserve full ownership of your Blog resources and of its use and distribution. When we design Blogger templates we often add Credit links or attribution links at the bottom of the blog footer to let everyone know who designed and developed the template.

More

How To Manually Add Disqus Comment Widget to Blogger?

Disqus
In a previous post, we talked about integrating Disqus comments in a Blogger blog. That is just one of the ways to add this commenting system to your blog. If you're the geeky type, you'd want to do it manually, just so you know you can control it and customize it to your liking. It can also come in useful when the Disqus gadget installer isn't working. So today, we'll look at a manual way of installing the Disqus commenting system on your blogger blog.
More

How To Automatically Add Disqus Comment Widget to Blogger?‏

Disqus commenting system
One of the most common problems bloggers face is comment moderation. If you want to get serious in the world of blogging, you'd do well to get set up with a good commenting platform, because you need one - managing the comments on your blog can be a real pain, and will consume a lot of your time. The Google Plus commenting system is good, but it has its downs. One of the most popular commenting systems today used by Bloggers around the world is Disqus.
More

What are Enclosure Links in Blogger and How to add them?

Enclosure Links in Blogger
Do you have a Blogger blog and run, or want to run a regular podcast? Well you're in luck, because Blogger makes distributing your podcast very easy. You can use a blog post on your Google Blogger blog to deliver your podcast through an RSS feed. This is done by using Enclosure links, a lesser known feature that has been around for quite some time. In this post, we'll talk about enclosure links in Blogger, and how to enable and use them.
More

How To use Blogger API v3 to use Blogger content in Client Applications?

Blogger API v3
Are you a developer who likes to blog? You can use the Google Blogger API to create amazing Blogger client applications of your own! The Blogger API v3 allows external applications to view and update Blogger content. Your client application can use Blogger API v3 to create new blog posts, edit or delete existing posts, and query for posts that match particular criteria. You can use this API to create desktop and browser apps and create a whole new user-base of your own.
More

17 Best 'Label' and 'Feed' Search Techniques in Blogger

search techniques in bloggerToday we will discuss various interesting ways of doing effective search in BlogSpot blogs. You will learn how to do search by category, by query or even doing effective search inside feeds. You will also learn how to run a query for searching posts with multiple labels and you will discover how to search for a particular keyword inside posts tagged under a specific label using its Feed data. We will also learn how to sort search results by Date and index count. There is too much learning today!
In wordpress we call labels as Categories and sub categories as Tags but in blogger we are limited only to Categories which are termed as Labels.
More

Automatically Open all External Links in a New Window in Blogger!

automatically open links in new windowJust today a client requested us that he wish to open all his external links in new window or new tab when clicked and he is not willing to manually do it for each post by adding target="_blank" inside each hyperlink. We wrote down a simple jQuery script that will check all hyperlinks inside your blog pages and will only add the target="_blank"  attribute to links which are external links. It wont  put any effect to internal links of the blog. The script will only detect external hostnames and the moment it finds one, it will insert into the html a target attribute that tells the browser to open the link in a new window. Thus preventing your blog readers from leaving your blog and also helps in increasing your overall pageviews and bounce rate. We thought we shall also share the script with all of you. 

UPDATE: A more updated version of this script has been released. Find how to stop internal links from opening in new window and only open external links in new window.

More

How to Set Cookies In Blogger Using HTML5?


setup cookies in BloggerSaving data inside cookies in blogger blogs is probably the most untouched topic because we often avoided talking about internet cookies due to its privacy concerns. There are many cookie plugins available such as this jQuery Plugin by Hartl which monitors and stores user activity. But neither will we use any such plugin nor will we run bulky JavaScript on front end. We will rather use HTML5 LocalStorage, the most efficient new technology that is rapidly embraced by developers across all platforms. Unlike web cookies, LocalStorage doesn't save data as text files on your hard disk, instead it saves them on your browser and only the website which stored data in the browser can access it, that's the most interesting part of it that has vanished possibility of all security threats forever. You can now easily control the display of widgets on your BlogSpot blogs using this method.
More

Embedding Google Maps in Blogger - [Full Guide]

Embed Google Maps to Blogger
Integrating maps with your web projects can offer your visitors a more interactive experience of your website and assist with the understanding of events and places. As a Blogger, you might write for many different reasons, but no matter the genre of the subject matter, there will come times when area maps relevant to your posts may enhance the experience for your readers. In an earlier post, we learned how to embed Bing Maps to a website, and to add interactive features with it such as real-time Tweets on Bing Maps. Let's now take a look at embedding the most popular map application to a webpage - Google Maps.
More

How To Display Tweets on Bing Maps?

Embed Bing Twitter Maps to website
Maps are a cool way to find places. But you know what's cooler? Finding people on a map, and looking at what they're doing! Yep, that's right! With the power of Twitter and Microsoft's Bing Maps combined, you can view and embed maps with Tweets that are relevant to your business! For example, hotels can highlight tweets from people enjoying recreational places nearby, or event planners can help attendees connect with each other and highlight nearby gatherings and meetups. With maps on your website showing Twitter activity in real time, you can engage with your audience on a whole new level. Let's take a look at how to embed Bing™ Twitter map to your blog, website or social media network!
More

How to Embed Bing Maps on Blogger Posts?

How To Embed Bing Maps to website
Bing Maps, Microsoft's answer to Google Maps, is becoming popular ever since Microsoft decided to overhaul it, and added hundreds of Terabytes of satellite imagery to its inventory. As a result, Bing Maps now puts up a pretty decent fight, and even surpasses Google Maps in some aspects. Maps can be infinitely useful when giving directions, and when embedded to a website, can give your visitors a lot more information about your business (if you have a physical location). They can be used to add many other cool features as well, such as IP/location tracking of the users etc. Today, we'll show you how to embed Bing Maps on Blogger Posts. These maps can be embedded on any website, and not just on Blogger. But we'll use the Blogger post editor for the purpose of showing you how to embed Bing Maps in your blog posts.
More

How To Create, Delete, and Change Labels in Blogger?

How To Manage Labels in Blogger?
Maintaining a logical category structure on a blog is extremely important, as it not only helps keep things organized, it also helps with user-friendliness. A category navigation makes it easy for users to find your articles, and also helps them discover similar titles on your blog. In Google Blogger, categories are named Labels, whereas in WordPress, category navigation is maintained by Categories as well as Tags. Managing Labels in Blogger isn't as straightforward as in WordPress, but it is fairly simple. In this post, we'll look at how to create, edit, or delete labels in Blogger.
More

How To add a "Click to Tweet" link to Quotes within your posts?

Click To Tweet - Create Customized Tweets
Tweet buttons on a website allows users to tweet the link to a post or page, along with its entire meta title. But the title isn't always what you want users to tweet, since it is designed with SEO in mind, and could look unseemly and out of place on Twitter. Instead, you might want users to tweet about an interesting fact, a quote or an opinion. Wouldn't it be cool if users could simply tweet that specific quote or fact by just clicking on a link or button? Check out how to create "Click to Tweet" links for quotes within your posts or pages.
More

Replace Threaded comments with Google+ Comments in blogger

Google Plus commenting system
You might be familiar with the latest commenting system Google has introduced that integrates Google+ comments with Blogger blogs. This new commenting system is a major improvement over the default Blogger system, and it supports threaded comments. It also looks a lot better. We earlier shared a tutorial on how to enable this new Google Plus commenting system for Blogger blogs. But some people still have problems implementing it on custom templates. For them, we have compiled this short tutorial on how to effectively implement and use this new improved commenting system.
More

Install GooglePlus Comments Widget on custom Blogger Templates

Google Plus comments on Blogger
Blogger recently implemented Google Plus comments on their Blogger platform, and we know that many bloggers like you have gone ahead and implemented this new functionality to your blogger blogs. But a lot of our readers have been asking us how to add Google Plus comments, or Google Plus comments API  to Blogger custom templates? This feature turns on and off smoothly for default templates. But most bloggers don't use default templates. For them, we have compiled this short tutorial on how to implement Google Plus commenting system on custom Blogger Templates.
More

Add Google Plus Followers Gadget To Blogger!


Google Plus Followers' Widget

One of the best perks of using Google is, it has products that seamlessly integrate with each other to provide an easy and comprehensive interface to users. For example, Google Drive can be used to attach files with emails quickly. You can +1 posts outside Google+, and share search results on Google Plus. You can even auto-publish your Blogger blog feed to your G+ profile. And that is by no means the end of it. In fact, Google just announced a brand new feature, the Google Plus Followers gadget for blogger blogs! This new Google Plus followers' gadget for blogspot blogs will provide another layer of integration between your Google Plus profile and your Blogger/Blogspot blog.
More

Reposition Navigation Buttons in Blogger!

reposition navigation links in bloggerThe navigation buttons or links that are displayed at the bottom of each comment section in BlogSpot blogs enable visitors to switch between new and old posts or move from one post page to another ordered by date and time. These buttons become less of use when number of comments increase too much. Normally readers do not even observe the navigation deep down and this results in loss of precious pageviews. I have always emphasized that value pageviews more than unique visitors because it is indeed pageviews that turns into revenue generating page impressions both for AdSense or any other Ad Network.  You might have seen the More, Next and Previous button showing inside the top black sticky bar on MBT homepage and post pages. It is really not possible to shift a Post data item to any other widget section in blogger. Doing such results in "Data variable not found in dictionary" error or similar.

More