Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Error parsing XML in Google Adsense code [Solved]

0
Error parsing async src of XML in Google Adsense code

Sometimes blogspot blogger blogs show an unexpected error when blog owner tried to integrate Google Adsense codes. You may called it "async error". I could not find the actual reason behind it. Blogger and Google Adsense both are product of Google. Adding code in blogger xhtml template should be easier and hassle free. Google should make a solution for it. But alas! We have to solve it by our self.
A regular Google Adsense (asynchronous) Code looks like this
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-00000000000000", enable_page_level_ads: true }); </script>

and the error message on Blogger/Blogspot blog looks like this-
Error parsing XML, line 161, column 1: Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.

The solution is suggested on the error message itself. It said
Attribute name "async" associated with an element type "script" must be followed by the ' = ' character

It means Blogger xhtml wants an equal sign (=) after the word "async"

So, the solution is easy. Just add ="async" right after async in the first line of Google Adsense code.

The original Google Adsense code should change like this way

Original adsense code:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Chnge it to
<script async='async' src=

Error parsing XML in Google Adsense code [Solved]
Error parsing XML in Google Adsense code solved

Don't worry to do this change in Google Adsense, because it is an allowed modification of AdSense code.
Read More »

Active Energy Saving Mode on Blogger blog

2
Active Energy Saving Mode or screen saver on Blogger blogEvery minute visitors browsing websites emit 1.2kg of CO2 into our atmosphere. We conscious people should not do this intentionally. So, conscious webmaster like to add a script on their blog which reduce some CO2 activating an energy saving mode on their blog. 'OnlineLeaf.com' site set a campaign for Green Website. They create a standby engine which make a website greener then other. After adding a code snippet on your blog you can will convert in a less CO2 emitting website. It is very easy to implement. You do not need to know and environmental science to make your site environment friendly. Read more at www.onlineleaf.com.

Today we will learn how to make our blogger/ blogspot hosted blog a environment friendly website. Our blog will reduce CO2 on environment and will neutralize our CO2 footprints. This will work actively for 24 hours and will count every second. Do not doubt it activeness. It is a famous web tool to make this world more greener with the help of online.

What they say on their site:
The standby engine is a project developed to reduce power consumption, when generating and displaying a website, without changing user experience while using the website. This is done by covering the site in a stationary, black color, which hides visual effects making the visitor's computer use less energy generating and displaying these.
It might not seem like a lot of difference, but after all every little bit does count.
Ok, lets start....
Read More »

Add welcome pop up message on Blogger blog

16
Add welcome pop up message on Blogger blog home page
Today we will learn how to add a welcome message on a blogger blog which will show itself on blog load. Using a simple script you can give your every visitor a warm welcoming message. The better side of this code is your welcoming message will show only on HOME page, not on other article page. So your visitor will not get annoying see same massage everytime. Now, lets start pasting the simple code.

  • Log in to blogger account.
  • Go directly to Design> Edit HTML page.
  • Search </body> and paste the code below just before it. You can find this </body> at the last line of a blogger blog html page.
<b:if cond='data:blog.pageType == "index"'>
<script language='JavaScript'>alert("Warm Welcome To My NetGator Blog")</script>
</b:if>

Look at the image below
Add welcome pop up message on Blogger blogYou should paste the code above as shown on this screenshot.
  • Now click on SAVE TEMPLATE button and you have done.
Read More »

Blogger blog is not open for ip problem

0
blogger blogspot blog is not openBlogger blog is not opening normally.
For somedays my Netgator.blogspot.com blog is not opening. I am using Grameen Phone mobile broadband internet service. When I found that my blog is not open then I tried to launch another blogger blog. Result is same. Any blogspot blog failed to open from my side. I tried Hidemyass.com and understand that it is a ip problem. Blogger authority might find any illegal operation caused from Grameen phone ip (internet protocol) address, so they blocked it. For this security issue I am facing this kind of problem
blogger blogspot blog open with hidemyass proxyblogger blog open with the help of hidemyass.com proxy
I think blogger authority should understand that all of their user from Bangladesh is not criminal.
Read More »

I have enable mobile view of my blogger blog

0
I just enable mobile view of my blogger blog 'netgator.blogspot.com'. You also can enable this on your blogspot blog easily. Look at the image right side of this post. This is my 'NetGator' blog's snapshot but quite different in view and arrangement. Yes, this is called mobile view. If you have a smarter mobile phone (modern mobile device powered by latest mobile operating system) then you can see my blog in this style. You can view it when you have no desktop pc/ laptop/ netbook in your hand. Say, you are visiting country side by bus or foot or hiking a mountain. In this kind of abnormal place (where you can not use desktop/ laptop/ netbook) a smartphone can feed your blogsite reading hungry.

Do you have a blogger/ blogspot blog? Want to enable mobile view on your blog?
  • Log In to http://draft.blogger.com site.
  • On Dashboard, directly go to Settings.
  • Now click on 'Email & Mobile'
  • Click to mark the radio button next to the sentence "Yes, On mobile devices, show the mobile version of my template."
  • Click on 'Mobile Preview' blue text button to see a preview.
  • Click 'Save Settings' at the bottom of this page.
  • You have done.
  • Remember that, it is a beta effort. So blogger do not give any guarantee to work it perfectly.
By the way I have not any smartphone. So I can not check the actual view of my blog. I publish the screenshot taken from 'Mobile Preview' option.
Read More »

Print-PDF button on blogspot blog post

0
Print save as pdf button on every blogspot blog postSometimes we want to add a 'Print' button on every blog post. But there is no option on blogger.com blog dashboard. You can not able to add any 'Print' or 'Save as PDF' button on every blogger blog posts, via its own controlling system. You may add a 3rd party tool to do this job perfectly. Today I am publishing same kind of webtool for your blogger, wordpress blog or for your static website. Now, you can add a print button / offer your readers to print every blog post or save them as pdf. I think if you write well and your reader want to read your ideas later then printing a web page or save them as pdf will serve properly at offline.

A newly published online service will do this job for you with a smart way. You can peak your desired one from a range of design or add a simple text link to print every blogspot blog post.
printer friendly textlink blogspot post
You can offer your readers to do print related various job with more functional way with this great feature rich webtool. Your readers can print an optimized version of that specific blog post.

What it can do?
  1. It can Print.
  2. It can print / save as PDF.
  3. It can send that page as email.
  4. You can change text size.
  5. You can remove picture to reduce inkcharge.
  6. You can delete any specific paragraph clicking once.
  7. and Undo everything which you done wrong.
  8. What's more....
How to add it on blogger blog?
Just follow the instructions one after another.
  1. Login on your Google account.
  2. Go to blogger's dashboard.
  3. Go directly to Design > Edit HTML
  4. Search for <div class='post-footer'>
  5. Just after this texts, paste the supplied codes
  6. Save template.
You can get this 'Printer Freindly' button code from 'Printer Friendly.com' site. (Click the sitename and visit that site to grab the HTML code)
choose a button design from various many printerfriendly buttonYou can choose from several design or just get a text link based print button like the snapshot/ screen-shot above (green colour). You can choose from 6 design or use your own customize text or image file, instead of supplied print button image. You can add your own text later.

If you feel happy getting this webtool or get worried for any problem, please don't forget to leave a simple line to let me know it.
Read More »

Newton's third law on your blog

0
add Newton's third law flash gadget on blogger blogspot blog sidebarNewton's third law flash gadget preview

Add a gadget in your blog's sidebar, which represent newton's third law. If you love physics, like to share science with others, then this fantastic gadget might satisfy you. Put the codes below in any Html/ Javascript gadget and save the changes.
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?up_numBalls=6&up_speakerColor=999999&up_barColor=A9AAB0&up_stringColor=ECF078&up_bgColor=1D2C8F&up_ballColor=FCA9CD&" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?up_numBalls=6&up_speakerColor=999999&up_barColor=A9AAB0&up_stringColor=ECF078&up_bgColor=1D2C8F&up_ballColor=FCA9CD&" /><param name="AllowScriptAccess" value="always" /><param name="wmode" value="opaque" /></object>
I will be very happy if you found this simple gadget as a educational tool for your child.

Oh! what Newton said on his third law?
For every action there is an equal and opposite reaction.
More explanation can be found on Wikipedia
Read More »

Mobile view of blogspot blog enabled

1
Now, you can view your blogger.com blog on any smartphone mobile device. You can view and visit blogspot blog from any smartphone viewing default web layout. But mobile template is fully different then original view. Blogger or any original web template has a common problem. When anybody trying to read a blogspot blog from mobile phone s/he might feel some disturb, when s/he has to always scroll through the screen. Mobile template is free from this kind of hassle.

My 'NetGator' blog on mobile view
My 'NetGator' blog on mobile view

How to enable mobile view on blogger.com blog? This is very easy. Just follow the suggestions below:
  • Login 'blogger.com' dashboard with corresponding user id and password.
  • Directly go to 'Settings> Email & Mobile'
enable mobile view blospot blog from draft.blogger dashboardSelect "Yes, On mobile devices, show the mobile version of my template." on 'Show mobile template' area of "Mobile Template" section. Click on 'MOBILE PREVIEW' to check your blog's mobile view.

If you use default new 'Designer' templates then you will get 6 more template to suit your blog. If you use customize blogspot template then you might get only one mobile view template. I publish my 'NetGator' blogs mobile view screenshot on this post.

I wish this new mobile view feature will bring your blog's visitor (who are visiting from mobile phone) to a new portable blogger horizon.

Keep in mind that this feature is still in 'Beta' version'. So, active this feature on your own risk. Things might happen different. Then you can not blame anybody. Blogger.com or I wont take any responsibility or your valuable loss.

At last click on 'SAVE SETTINGS' and Enjoy!!
Read More »

Blospot or Blogger.com Blog Feed URL

0
Each blospot.com or blogger.com blog has 4(four) type of feed. I am publishing the type list here for your regular use.

You can use any of the feed url link as your blog feed.
(Atom Feeds)
http://BLOGNAME.blogspot.com/feeds/posts/default
http://BLOGNAME.blogspot.com/atom.xml

(RSS Feeds)
http://BLOGNAME.blogspot.com/feeds/posts/default?alt=rss
http://BLOGNAME.blogspot.com/rss.xml
Usage of the blog feed url link:
  • Recent Posts Gadget
  • Recent Comments Gadget
  • Table of Contents Gadget
  • Your posts gadget on a friends blog
  • Feedburner
  • Yahoo Pipes
  • Other Feed aggregators
  • Blog List gadget depends on Blog Feeds.
  • Reading List on your Followers' Dashboard
Read More »

Twitter blog using blogger blog

0
Twitter blog using blogger blogI have just visit blog.twitter.com and found that it is using blogger.com hosting blog. I am gettng surprise to see that they have not put any link to blogger.com. I guess if they use wordpress blog then they must use a phrase 'Proudly powered by wordpress'.

My question is why twitter authority have not mention any acknowledgement to blogger. They should write a single line like me. I wrote a single line at the bottom of my blog "Powered by Blogger." This is a common courtesy to using any free service online, but twitter failed to show it.
Read More »

Add Floating Facebook, Twitter Button on Blog

0
floating facebook, twitter, forum link button blogger.com blogToday I have add a floating image button on my blogger.com blog. I linked it to my Twitter page. How can I do this? Yes, friend, I am going to tell you the trix.

Just add this code below in a html/javascript gadget box on the dashboard of blogger.com blog. Save it. A lovely button will start to float on your blog.
<a style="position: fixed; bottom: 200px; right: 10px;" href="http://www.twitter.com/netgator" target="_blank"><img style="border: 0pt none; width: 50px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSBx7hQM7axrG_P7qRb-FIEdIttId-I74WunpvkcfiEbDNY5qMBZ91wHbwxELIiUkcH0q05MiQRqERdUZuTJDzE81V9pwmN4z5SI1-Yf5YcJnMQTVikgJKZww8MwOoLpNzkFCHg56HI4o/s320/follow-me-twitter.jpg" /></a>
Follow me twitter floating button blogger blog html codeI add my twitter link on that button. You can add any external link here. Change position changing the blue numbers. If you wish, you can change image link . Replace red link with yours.

With this code you can add another blog, Facebook, Forum, profile, image gallery or any kind of online site or file link.
Read More »

Blogger 'Blog posts' gadget is not loading

0
Blogger 'Blog posts' gadget failed to load screenshotAfter publishing last post, when I refresh my blog (opened on another tab), I found that my blog's 'Blog posts' gadget was not load. Look at the image I used here. Everything is fine but 'blogposts' is not showing themself. Right sidebar links work perfectly, but on homepage there is no 'blogposts'. What a peculiar type of peoblem on blogger.com blog??!@!@#!!?
Read More »

Create search box on Blogger.com blog

1
Today we will create a search box for our blogger.com hosted blog. This search box can able to search your blog context. Add this search box in a HTML/ Javascript gadget box.

First code:
<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Go" type="submit"/></form>

This search box will look like this:



Here is an another code for a search box.
<p align="center"><form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text"/><input id="search-btn" value="Search" type="submit"/></form></p>

It will look like this one:



I wish these search box will serve as your wish.
Read More »

Add link on Pagelist menu

0
personal link on blogger.com blog pagelist menuMy personal link (Ubuntu Tips) on blogger.com blog pagelist menu

You may know that there is no any way to add any customise link on Blogger.com blog's pagelist menu. Only page links are show on this menu. But if we so much curious to add a link here then try a little as described below.

  • Log in blogger.com account with google id and password.
  • Go directly to Design> Edit HTML
  • Tick on 'Expand Widget Templates'
  • Now search for 'PageList1' widget.
  • On the 14th line of this widget you will get </b:loop>
  • Add your preferred link just after this code.
  • Creat a link like this
  • <li><a href='http://netgator.blogspot.com/search/label/Ubuntu'>Ubuntu Tips</a></li>
  • Preview it and SAVE TEMPLATE
Read More »

Easiest MenuBar on Blogger blog

0
Many of us like to use a menu-bar on their blogger blog. You may know that you can not add any customised link on default blogger's page-list menu. So we may want to create a customised menu for our blog. There are many way to make a menu-bar for top-place of blogger.com blog. Today I am giving the codes of a simplest, easiest but very effective, speedy customisable menubar.

  • Login to blogge.com blog with your google id and password.
  • Go directly to Design> Page Elements
  • Create a HTML/ Javascript gadget clicking on "Add a gadget"
  • Now paste the code below on this html gadget.
  • <div style="background-color:#DBF2FB; float:left;">
    <a href="URL 1">Link 1</a> |
    <a href="URL 2">Link 2</a> |
    <a href="URL 3">Link 3</a> |
    <a href="URL 4">Link 3</a> |
    <a href="URL 5">Link 3</a> |
    <a href="URL 6">Link 3</a> |
    <a href="URL 7">Link 3</a> |
    </div>
  • Change background color as per your wish.
  • Change URL 1, 2, 3, 4 as your need. Change Link 1,2,3, 4 and add prefered words.
  • Save the changes, You have done.

Read More »

Creat dropdown label gadget blogger blog

0
Today we will create a dropdown label gadget on our blogger.com blog. Look at the images below. First picture is a normal state of a label gadget. We will change it as the second image.
normal label gadget lookNormal label gadget look like this

dropdown, popup, hacked label gadget on blogger blogCustomised dropdown/ popup label gadget.

Why we do this? Why do we changed that label gadget? Only for one reason. Because the new dropdown or popup like label menu will save space on sidebar of a blog. If you use many many tag, label or category for your blogposts, then I must suggest you to do it. This is not much hard as you think. Just change a line of code in blogger blog's template (Html Page).

How do we change our normal label gadget to a dropdown menu.
  • Log in blogger.com with google id and password.
  • At first create a 'Label gadget' on 'Page Elements' tab.
  • Now directly go to " Design> Edit Html"
  • Remember that : Don't tick on "Expand Widget Templates"
  • Now find the code below:
  • <b:widget id='Label1' locked='false' title='Labels' type='Label'>
  • Delete this line. Paste the codes below in this empty place. That means paste the codes below instead of the line above.
  • <b:widget id='Label1' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <br/>
    <select onchange='location=this.options[this.selectedIndex].value;' style='width:200px'>
    <option>Label Gadget Name</option>
    <b:loop values='data:labels' var='label'>
    <option expr:value='data:label.url'><data:label.name/>
    </option>
    </b:loop>
    </select>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
  • Preview your blog. If everything is normal then you will view a preview of newly customised dropdown or popup label gadget menu.
  • If you satisfied, then 'SAVE TEMPLATE'.

  • Customisation:
  • Change 'width:200px' to any number as per your blogs sidebar width.
  • Change Label Gadget Name as your choice.
  • Don't write any name on gadget's title area. Look at the second image I uploaded in this post. The name "Labels" still remain. We normally don't except it here.
  • Thanks. I wish you can make it with no hassle.
Read More »

Sexy Conky on your Ubuntu or Mint Machine

0
sexy conky on ubuntu linuxmint peppermint osI know you have much knowledge about 'Conky'. It is a really very sexy, attractive, prity, essential desktop tool for every curious computer user.

See the image I upload above. A list of information is displaying on the wall of desktop. It is not any kind of floating window.

To get my design you must follow my instruction below.

copy past this command at terminal
sudo apt-get install conky-all curl hddtemp lm-sensors python-statgrab
This will install a sensor for watching hard disk drive tempateture.

Now enter both lines below in terminatl and hit enter
$ sudo chmod u+s /usr/sbin/hddtemp
$ sudo sensors-detect
As a result you need to select 'Yes' everytime.
configur hard disk temperatureNow download "92328-conky_colors.tar.gz" (Source file) file from Gnome-look.org (or get it from my collection, but original source is better for updated information). Now put the newest downloaded conky colors.tar.gz file on desktop and enter the following commands.
$ tar -xvzf 92328-conky_colors.tar.gz
$ cd conky_colors
$ make
$ make install
Now this iconpack will install successfully.

It is time to configure a little. just download this text file from this link and copy all data inside it and paste them on the file named .conky on the home folder.

This method will work on all newer ubuntu version. That means it will work on Ubuntu 10.04 and Ubuntu 10.10 both of them.

How to run conky:

First method:Just type 'conky' on terminal. It will start instantly.
Second method: Press 'Alt+F2'. Type 'conky' and hit enter.
Third method: Create an launcher on 'Startup Applications' at 'System>Preferences>Startup Applications'. Adding a customise launcher will start it automatically every times when system start.
Read More »

bX-onifmk error on blogger.com blog stats

0
bX-onifmk error on blogger.com blog statsRecently I am going to visit my blogger stats information. I just want to know something more about my visitors info or data collecting by Google itself. I am looking for more and more information and digging deep to stats. But suddenly a message appear infront of my eye.
Something went wrong (bX-onifmk). Our best people are working on that.
I don't know what should I do now. Just trying to get / visit more page on blogstats section and reading this message again and again.
Read More »

Can't comment on blogger blog

0
comment problem on blogger.com blogI am facing this kind of problem since yesterday. When I trying to comment on any blogger.com blog on internet I found that comment as section is not workable. Actually I can not input my name in the identity field and even nothing happen when I press on "Post Comment" button. I don't know If you are facing same problem like me or not.
Read More »

Delete "Newer Posts" and "Older Posts" Links from Blogger blog

2
Today, I will tell you how to delete or remove or hide "Newer Posts" and "Older Posts" links from the bottom of the posts on blogger.com blog. If you want to show your blog like a website then you might looking for this kind of blogger.com blog hack. This hack is very easy to implement. Just add a one line and your desire will comes true.

Log in to your blogger dashboard. Go directly to Design> Edit HTML and search for the text below:
#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}
Now change a little on the above code with this code I written below:
#blog-pager-newer-link {
float: left;
display: none;
}

#blog-pager-older-link {
float: right;
display: none;
}

#blog-pager {
text-align: center;
display: none;
}
You might understand that we are actually hiding those link with a simple line "display:none:". It don't delete the links. If you really want to delete those 'Newer' and 'Older' Posts links from your blog then delete the first code from your blog html page.

If you want to get back those link again. Then just remove the simple line "display:none" from blogger html page. Links will be visible in your blog again.
Read More »