How to make Blogger widgets visible in Blogger Mobile template (make Adsense visible in mobile template)?

In Blogger, the view on desktop computers and mobile devices are show differently. By default, the template on mobile devices are stripped down and responsive. Not all sections or widgets displayed on desktop computers are available on mobile devices. Most widgets manually added to Blogger will not be view-able on mobile devices. Adsense added from Blogger's Adsense widgets are visible however their display regions are only on the top and bottom of the page. Google Adsense code if added to the blog using Blogger HTML/JavaScript widget, it won't display on mobile devices. In order to show widgets visible only on desktop to also show on mobile devices, including Google Adsense widgets, do the following changes.

How to enable widgets to display on mobile devices?

Read more �

Read More

How to order, add new videos to YouTube playlist automatically and embed YouTube video playlist in websites and blogs

In this post we shall see how to order videos in YouTube playlist, add new videos to YouTube playlist automatically and embed YouTube video playlist in websites and blogs. As you might already know, videos uploaded to YouTube can be groups by playlists. Playlist settings can be configured to order the videos in a playlist, add videos to the playlist automatically by defining rules for the playlist. The playlist can then be embedded to websites and blogs and the order of videos is maintained as you desired. Likewise, even new videos uploaded are automatically added to the playlist by rules defined in the YouTube playlist settings.

Check out this video for the steps to order YouTube videos, auto add new videos to YouTube playlist:

Read more �

Read More

Blogger Video Bar broken? Displays "This content isn't available over encrypted connections yet."

Blogger has a gadget or widget called "Video Bar" which allows us to display YouTube videos on our Blogger blog. The video bar has few settings that allows us to specify whether we want to display Most Viewed Videos and Top Rated Videos from YouTube. Or we can also specify channel(s) and keywords to filter and display.

Read more �

Read More

How to resolve Twitter is not displaying any images twitted from your blog or website? Check this.

Trying to share a link from your blog or website to Twitter but images are not showing up on Twitter? This post would probably help you to resolve the issue. Follow the steps in detail given below to show images on Twitter. Is it important to show images in tweets? Well, yes. People are generally more interested in checking out tweets if there are appropriate images along with the text. "Picture speaks a thousand words" still is common around here.

Usually, when we share links from our blogs or websites to Twitter, we don't want just a bunch of texts, hash tags and the URL but we expect some image to show up on our posts. But I found out the images does not show up on Twitter. Since, you are here, I am sure you have found out and looking for ways to let image appear on Twitter. So, let's get on with it.

Images on Twitter tweets are what Twitter calls "cards". There are four types of Twitter cards:

Read more �

Read More

How to make "You May Also Like" Related Posts or Link Within widget appear on mobile devices?

Showing "Related Posts" on blogs is a good way to keep viewers engaged with your blog. Once they are finished going through a particular blog post, your visitors may want to browse related posts on your blog. If you have a "related posts" or "you may also like" section, they can easily check out other articles on your blog. This is also good for reducing bounce rates. In my previous post, I discussed about how to add a "you may also like" or "related posts" section on Blogger blog using a free service from "LinkWithin". If you have not yet added a "related posts" or "you may also like" section on your blog, you can check out my previous blog post here -How to add "you may also like" or related posts widget for blogger? Though the article is about adding "You may also like" or "related posts" on Blogger blog, you can also use the "LinkWithin" service for other blogging platforms or websites as well.

"You May Also Like" Related Posts or Link Within widget not appearing on mobile devices?

Read more �

Read More

How To Setup A Custom Domain For Blogger Blog

In this post, we will discuss how to setup a custom domain for a blog on Blogger. By setting up a custom domain, the blog on Blogger will be accessible using the custom domain. Example: "www.yoursitename.com" instead of "yourblogname.blogspot.com". The first thing required for setting up a custom domain for Blogger blog is to have a custom domain name. So, if you do not have one already then go ahead and buy one from any domain registrant such as Go Daddy.

Read more �

Read More

Resolved: Blogger Labels Not Displayed on Mobile Devices

If you are a regular Blogger user then you might have noticed that Blogger "Labels" are not displayed on Mobile devices by default. But why is it important? Labels or "tags" are a quick way to let users access related content on your website. It also reduces bounce-rate of the site if the user find the article interesting and want to continue reading related articles. Labels do appear on desktop browsers (unless disabled by the admin), but it does not appear on Blogger Mobile templates by default.

Labels on Blogger Blog

You can enable them though. Here is how.

How to enable or display Blogger Labels in Blogger Mobile Template?

Read more �

Read More

Customizing Blockquote Style in Blogger/Blogspot Without Background Image

As a blogger, sometimes we want to insert quotes where the text of the quote is placed between double inverted quotation marks. It is good to have quotations stand out from the regular text on the web page. Blogger allows addition of "Blockquote" but the default style is dull. Luckily, we can revamp the Blockquote style using our own CSS code. In this post, we will see some simple customization of Blogger Blockquote without using any external image backgrounds.

What is a Blockquote?
Blockquote is an HTML tag used to define long quotations. According to the W3C HTML5,

Blockquote element represents a section that is quoted from another source.

How to add a quote in Blogger?
To add a quote in Blogger, use the Blockquote tool from the toolbar. Select a text and click the Blockquote or in a new line, click on the Blockquote tool and start typing.

Where to place the CSS code to customize Blogger Blockquote style?

Read more �

Read More

Google+ Comments vs Blogger Comments: Should you enable Google+ comments on Bloggers?

Google introduced Google+ comment for Blogger, which is not enabled by default so it has to be enabled by the administrator. Enabling Google+ comment system on Blogger has it's pros and cons. Let's see the advantages and disadvantages of enabling Google+ comments on Blogger and you can decide whether to use Google+ comments or not.

Read more �

Read More

How To Create Static Home Page Website with Blog using Blogger?

Blogger is a blogging platform from Google and is meant for blogging. Quite obvious, right? So it has the typical front page that displays list of posts published from newest to oldest. If you are asking how to create website using Blogger, read on.

Read more �

Read More

How To Create Categories Pages In Blogger?

In this Blogger Tips post, we will see how to create category pages in Blogger. As we know, Blogger uses categories called "labels". When we click on a particular label, a page is displayed that had all the posts with that particular label. We can use this feature to create category pages. This will let us show a page in Blogger that corresponds to particular Blogger category or label. This URL of the category page can be used in the "Navigation tab" to let users access different categories in your Blog.

Check out this short video how to create category pages in Blogger:



How To Create Categories Pages In Blogger?

Read more �

Read More

How To Setup and Direct Blogger To Custom Domain Name?

By default, the URL of a Blogger blog look like: http://yourblogname.blogspot.com. Technically, Blogger blog is a sub-domain under the main domain "blogspot.com". If you are using Blogger to host a site professionally or representing a brand, it will be better to get a domain name so that it can be accessed using an address like "www.yoursite.com". You can then redirect Blogger to the custom domain name so that it can be accessed using the domain name.

Read more �

Read More

Show Blogger Next and Previous Post Titles in desired locations (Above Post Title, Under Post Title, Below Post Body, Above Comments)

When viewing a single blog post on Blogger, "Next" or "Newer" and "Previous" or "Older" post links are displayed to let the user navigate to other posts in the blog. The default placement of the above links are way down, and user have to scroll down to find it if there are multiple comments on the blog post. To make it more visible to the reader, it is better to place the "Next" or "Newer" and "Previous" or "Older" post links in more visible locations such as- Above Post Title, Under Post Title, Below Post Body, Above Comments. Here in this post, we will see how to move Blogger's "Next" and "Previous" Post Titles and show Above Post Title, Under Post Title, Below Post Body, Above Comments.

Read more �

Read More

How to create Facebook app and add Facebook page like box in Blogger or Website?

How to create Facebook app and add Facebook page like box in Blogger or Website?
Adding Facebook Page Box using Facebook Social Plugins helps visitors to like your Facebook Page directly from the website and also see your Facebook Page posts from the website itself without the need to open Facebook.

Check out this short video tutorial explaining how to create a Facebook app and add Facebook Page Like Box on Blogger. The same method can also be used to add Facebook Page box on any website.

Read More

How to add Blogger widgets only for mobile template?

A situation may arise when we want to add widgets in Blogger template that should appear only on mobile templates and not on web browser templates. In that case, follow the steps below.

Scenario: We shall take the following example to explain how to add Blogger widgets only for mobile template. I added an "AddThis" mobile sharing toolbar that should appear on top. When it appears, it blocks the title of the Blog. So I wanted to push down the header region a bit lower so that the "AddThis" widget does not block the blog title from view. So, I thought of adding a simple HTML widget and write "Loading...", and place it above the "header" widget. That will push the header a bit lower and every one can be accommodated happily.

Usually, we can't add a widget in the header section. But you can do the following edit to enable and add a widget in the header region. In this exercise, we shall -

Read more �

Read More

Async Error when saving Google Adsense code in Blogger?

Async Error when pasting Google Adsense Code to Blogger:
This error is encountered when attempting to put Google Adsense Code to Blogger template.

Example Google Adsense Code:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-XXXXXXXXXXXXXX",
enable_page_level_ads: true
});
</script>

Error Message Like:

"Attribute name "async" associated with an element type "script" must be followed by the ' = ' character."

Solution:

Read more �

Read More

Android Apps For Blogger: Blog On The Go!

If you are a Blogger user + Android user, and you would like to blog on the go, the there are Android apps out there you can use to blog on the go. Of course, we can also blog on the go by opening Blogger.com from the phone's browser, but blogging from an app may be more convenient. Google has its official Blogger Android App on Google Play Store, which is pretty neat. One can view blogs, publish blog posts from phone, save drafts online, attach pictures and add tags/labels to the post. But with the original Android Blogger app, we cannot edit the permalinks and edit HTML of the blog post. But with the other Blogger apps, some one these are available. Not all apps has al the above features. Nonetheless, you may try them out and decide what is best for you.

List of some Blogger Android Mobile apps:

Read more �

Read More

Social Media Sharing Tools for blogs and websites (Add This)

Social Media sharing tools are a must-add tools for any blogger. With the widespread use of Social Media such as Facebook, Twitter, Google Plus etc., bloggers should be able to allow their visitors to share content from the website easily on Social Networks to increase traffic as well as to increase Social Media presence. The way Social Sharing tools are added to websites varies for native websites, CMS and blogging platforms. For native websites, the social sharing code has to be included in the source code of the web pages.

Read more �

Read More

How to add Facebook Page widget on Blogger blog or website?

For those who blog and also maintain Facebook Pages, it may be a good idea to add Facebook Page Widget to Blogger blog or website, so that visitors can know, like the page, share and easily see contents posted on the page without the need to visit Facebook. They could also visit your Facebook page easily from the blog. Facebook provides various Social Plugins to easily integrate with any kind of website.

Check out a tutorial video: How to create Facebook App and add Facebook page box to Blogger/Website?

How to add Facebook Page on your Blogger blog or website?

Read more �

Read More

How to Fix "Error Parsing XML" in Blogger When Adding Facebook Like Button, Facebook Comment, Facebook Page and other Social Plugins?

If you are looking for a way to integrate Facebook Social Plugins - Facebook Like, Share, Comment, Page -on Blogger, check out my previous post "How to add Facebook comment box to blogger?". The post is about adding Facebook Comment in Blogger but the process is the same for other Social Plugins. In this post, we will see how to resolve the XML Parsing error that we get when we integrate Facebook Plugins in Blogger.

How to resolve the XML Parsing error when integrating Facebook Social Plugins in Blogger?

Read more �

Read More