Showing posts with label HTML. Show all posts

Trouble Adding AdSense Code for Page-Level Ads? Learn how to fix it.

In order to add the Page-Level ads functionality from AdSense on your Blogger blog you are required to place a code that AdSense provides which is :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"/>

Unfortunately if you have tried placing the code in your theme you may have run into this error that states:

Error parsing XML, line n, column n: Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.


Adding AdSense Ad Inline With Post in Blogger

There are numerous tutorials and tips on increasing revenue on AdSense by using different ad placement techniques and practices, many of them work great, but Ads in the main body content is one of the most vital place.


Social Share Count Fluctuated After Custom Domain Change

If your are on Blogger or any other website being run on a sub-domain for example .blogspot.com or .wordpress.com you have the option to have your own purchased domain on it but if you have did it already then you would have noticed the share count on post are all reset.

Add Syntax Highlighter into Blogger to display codes

Syntax Highlighter is a widely used code highlighter on websites and blogs, almost every web developer, web designers or any people who want display codes on their pages. In this tutorial you will learn how to add it on your blog on blogger.

Listverse like Number Listing design for Blogger and Websites

Listverse, one of the most interesting site with collection of top 10 list on different topic. If you are also a regular reader of Listverse like me then you may know about it's list numbering design, it is what led me to create this tutorial.

Adding any thing under every post

Bloggers with less experience with some advance feature of HTML and Blogger will always end up adding 'Thank for reading this post' under every blog they post, but there is much easier way to add any thing, from normal text to good looking HTML elements below the post.

Text background appearing white when published post - Fix it


There are thousands of people out there using blogger templates with black post background and post editor we have got at blogger uses inline CSS style for applying styles to text or any elements, let's try to find why these makes the text background white sometimes which usually looks like a white bar.

Advanced Feedburner Subscription gadget for Blogger

Previously i posted a tutorial on adding a shiny Feedburner subscription widget. This widget is the 2nd version of that subscription gadget. This time it's very classic and looks clean. 

Apply CSS only on Post Page, Archive page or only a specific page on Blogger

This tutorial will help you learn how to render a CSS only on post pages or homepage, this is helpful if you want different design for home-page and post pages. 

Blogger Page Title doesn't show correctly for Dynamic templates in Firefox

Blogger's blog are facing problem to show the accurate Page Title on Firefox tab, instead of showing the Page Title, it's shows the Url

White Blank box showing up on my Blog page - How to fix it?

Are you seeing blank white box on your blog or website page, those box looks too weird on the our website or blog, so this tutorial post will show what it is and how to remove it.

Access Edit HTML in Dynamic Views Template

This short tutorial will show you how to access Edit HTML in dynamic views template

How to add CSS to your blogger blog

In this tutorial you will learn how to add custom styles to your blog with CSS on Blogger.

Facebook and other social media gadget for blogger

This tutorial will teach you how to create a good looking social media gadget for blogs

Good looking search bar for your blog or website

In this tutorial i will show you how to make a good looking Google+ style searchbar for your own blog or website with simple CSS and HTML codes.  

Remove empty space left on top after removing navbar from blog

This tutorial will show you how remove the empty space on top after you removed the navbar, the empty space on top after removing the timeline doesn't look so good and thus many people want to remove it as well, show let's start.

Make HTML document with linking a CSS file

This will teach you how to make an HTML document and also link a CSS file with it. For some blogspot users, who don't have any paid file hosting service they will also learn how to put CSS in their templates without linking any external CSS file.