The disadvantage of using google+ comment on blogger

Google has give a new feature for blogger comment. That feature is google+ comment system but can be used on blogspot. Some of the advantage is the framework VALID HTML5, that's very nice for SEO (i think). But did you know?, the blogger commenter don't always have google+ account, some of people is just browsing and when wanna asking something, he must sign up or login to google, but how if the browser don't have google+ account?, they can't comment of course and you can't know what is their message and comment, so that's it, the normal visitor can't comment, that's the disadvantage....

Google ban several blogspot domain

I don't know why, but recently this 3 month, many blog of my friend is banned by Google. Some of my friend says, the blog is banned by google because the blog content is too much spam and too much ads. But why google hate spam and over ad display?, i think for spam is normal because it's disturbing the web, but for too many ads, i think it's because too many ads it's like not a normal website, or it's just like a spam, because when visit the site with too many ads, it makes that website looks like focus to the ad and not focus to the content. Conclusion, my opinion, if you have blogspot, don't add too many ads to your site, just add some ad maximal 10, don't do copy paste from another blog, don't posting an article more than 5 per days.

Blogspot image host secret

Blogspot image secret is only a URL secret not the image. And actually the image is not secret but the Image url. The secret is only the resolution of image, we can change it like we want. This secret maybe you already know, but i share just for people who don't know.

How to change blogspot image resolution

So it's very easy, look at this image below:

The URL of that image is https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZXeKn20q1BaJWZ09C5jelpgGWPJVa3nazBF3kmwDGXnDfWNwnXv9SUOJLqWWjZqNgJwdubw8rkzhopeDl3QXh7cEfoappMJ18SwoDRH18d7CCCKLmoZDNwygBd4Q-EDik7MHzZjWRHe9/s320/400955_2375618285276_2146237091_n.jpg, then just change the s320 red code, with another resolution, but maximal resolution is s1600.

CSS float property problem

CSS float property is very important in web designig. What is float property in CSS?, the float property is a CSS property for placing element to 2 column in basicaly. But sometimes float property is a problem on web designing, the float property is make a floated element is placed outside of the element. How to solve that?, read this article about float problem.

Demo and example

Float property makes the ELEMENT1 is placed in outside of his parent, like this example.

ELEMENT1

Solved float property is like this example.

ELEMENT1

So how to solve that?, it's easy you just need to add clear: both before and after the floated element and inside the parent. Like this example below.

Before:

<div style="background: #ccc; border: 1px solid #999; padding: 5px;">
<div style="float: left;">
ELEMENT1
</div>
</div>

After:

<div style="background: #ccc; border: 1px solid #999; padding: 5px;">
<div style="clear: both;">
</div>
<div style="float: left;">
ELEMENT1
</div>
<div style="clear: both;">
</div>
</div>

Or like this if you have two floated element in a row

<div style="background: #ccc; border: 1px solid #999; padding: 5px;">
<div style="clear: both;">
</div>
<div style="float: left;">
ELEMENT1
</div>

<div style="float: right;">
ELEMENT2
</div>

<div style="clear: both;">
</div>
</div>

you just need to add clear both, remember that!

About using CSS in 2012

CSS or we can say cascading stylesheet, if you're a blogger or a personal website, you must know it. CSS is can be used for design, style, ornament, decoration in a web page. But sometimes, web designer use CSS too over, or using too much in their web page, so what's the problem?, there are no problem but if you know CSS has a level 1, 2, 2.1, 3. So what?, the problem it's just the browser supportable. So, CSS3 it's start supported in -+ June 2011, with the updated browser. Then how about using CSS3?, maybe CSS3 will supported in the new browser, but if in the world, there are people who still using the not updated browser software, so what happen?, in your browser you'll view like you want, but how about in another computer?, in another computer of course not like your view. And CSS will still updated because actually CSS3, CSS4 has released, but the problem is only the browser supportable. No browser, No CSS. And untill now the updated browser also still need the prefix tag like: -moz-, -webkit-, -o- or others.

Conclusion

Don't use too much CSS3 in your web page, because in another computer the layout will be different, so use with variation like combinating CSS level 1, 2, 3 and better use CSS level 1 and 2 more than CSS level 3 on your webpage.

But if you're not agree, do like you want, this just my experience......

How to remove blogger widget javascript

If before i've posting about how to remove the blogger CSS reset, now i'll posting about how to remove the blogger widget javascript in before body tag. But i don't know the fonction about this script so maybe there are a risk if removing this code. But many of my friends yesterday asking about how to remove this, so now i'll share it. But remember this tutorial is ADVANCED tutorial not recommended for newbie coder.

How to remove <script type="text/javascript" src="//www.blogger.com/static/v1/widgets/1708301263-widgets.js"></script> in blogger?

WARNING!

Removing this code maybe can make your template destroyed, if you use official widget from blogger, the fonction can be totally changed. If you're don't understand about this code, don't do this. This tutorial is ADVANCED tutorial, not recommended for newbie or intermediate coder.

Explanation

This tutorial is simple, just like my post before, i just add a HTML comments before </body> tag and the javascript of HTML will converted to HTML comments, so browser will ignore them. This tutorial will be effected to Gtmetrix.

Ok now for tutorial.

Tutorial

1. Open blogger, edit HTML, and backup your template for safety.
2. Edit HTML, proceed, then CTRL+F this code: </body>
3. Replace that code with:
   
   &lt;!--<div id='by Damar Zaky http://damzaky.blogspot.com do not remove this text if you are a real blogger'/></body>--&gt;&lt;/body&gt;
4. Then save template.
5. You're finish!

Checking

Open your blog, then CTRL+U,  if you found the <script type="text/javascript" src="//www.blogger.com/static/v1/widgets/1708301263-widgets.js"></script> turning to green and below that code all are green, that means you're succes.

Or you can open http://www.gtmetrix.com then type your blog in the form, if the site finish checking, you may found the tab 'Minify JavaScript', if you click, and you not found this code http://www.blogger.com/static/v1/widgets/1708301263-widgets.js , it means you're succes.....

Ok i'll update later, if you have any question or problem, you can ask in comments.

Profile picture not showing in google search result

In 2012, if you search something in google, in the result you should found the profile picture of someone. And now many people has show his profile picture in google search result. But why my profile picture is not showing up, but i've waiting for five days to see my picture showing up in google search result. Now i'll tell you some solution for why my picture is not showing up in the google search result.

1. Incorrect linking code

Incorrect linking is an error in the HTML code or in the google+ profile, ok simply, maybe you need to change the code. If you have correct code, in the rich snippet testing tool, you will found like this picture:

I have verified and my picture is showing up in rich snippet, but why in the search result still not showing?, OK just continue reading....

2. Profile picture

What's the problem with the profile picture?, this is my exprience, in the third day after i put the rich snippet code in my blog, the profile picture is showing up in google search, but i change my profile picture, then what happen in the fifth day after i put the code?, my picture is not showing up again, so what's the problem, then now i know the problem, before, i use my real picture in google+, but when the picture is showing up in search result, i change it with my close up photo but photoshoped, so what's the problem, the problem is the picture, your picture must your close up picture and your REAL face, i know all about picture is from google plus profile picture rules, you can see the rules here: http://www.google.com/+/policy/content.html

Ok maybe just that all, maybe i will update later.......