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....

Inset and outset text/elements on web design

Hello there, i just want to update a mini post :D. So i was wondering about 3D, i don't know how to make a 3D, i tried to use shadow, or gradient or the others, but now i got it, i got the trick suddenly sended to my brain xD. Maybe this post's not very important for a web designer, but i just want to share for people who don't know about this.

Outset/3D

The 3D actually is just an illusion, but this is my theory, the light is normally come from above, so if the element is 3D its must has a brighter color on top of the element. Then with logic, the color of the main element must be darker than the top, and but must be brighter than bottom. The bottom must be darker than background, element color, and the top light. So like this image:

Inset

The inset is easy, you just need to exchange the light and the dark border/shadow place. Just like this:

So just like that, i made the image with photoshop xD (sorry if it's not good).

Apply it with CSS

With css you just need to copy a code xD.

Demo: inset text & outset/3D text

INSET

OUTSET

Demo: inset & outset/3D element

INSET

OUTSET

Got it?, so that is, i'll update later :D

Termaximalist responsive html5 simple fast template (beta1)

So... first i just create a dummy blog with a css template, then i gave the link of that dummy to my friend, for get his feedback, then he said the template is very good, and then i make it more better, then i ask to another friend, and then he said "coool, i want it :D", that means (maybe) my template is good. So i've got an idea to share my template but premium xD. Many of my friends are complain to me, they said that they want this template for free not a premium, hmm (i said), but if i share it premium, i'll be..... But then more friends said that i must share it free, so i decide to share it free for you xP.

WARNING!!

This template is created by Damar Zaky. Before i want to make this template is premium and must pay for get it, but because so many who wants this template, so i share it for free. But with a prerequirement, it is: YOU MUST DO NOT DELETE OR REMOVE THE CREDIT LINK TO DAMZAKY, except if you edit it totally different from before. No more, just that ;D.

PERHATIAN!!

Template ini dibuat oleh Damar Zaky. Sebelumnya saya sempat berpikir akan membuat template ini berbayar, tapi karena banyak kawan dan lawan yang sangat ingin memiliki template ini, akhirnya saya membagikanya secara gratis. Tapi dengan satu syarat, yaitu: ANDA TIDAK BOLEH MENGHILANGKAN LINK KREDIT YANG MENUJU BLOG DAMZAKY, HARGAILAH KARYA ORANG!!!!. Kecuali kalau anda mengubah template itu sampai sangat berbeda dengan sebelumnya. Hanya itu saja hehe ;D.

Some feature of this template

Download template SUPER SEO FRIENDLY for blogspot with this feature. Only these....

• SEO friendly
• Valid HTML5
• Valid CSS3
• Simple and very elegant design xD
• Fast loading
• Valid microdata (google richsnippet)
• Responsive design
• Easy navigation
• Auto-readmore (without javascript)
• High quality home post image thumbnail
• Available in several color
• Mobile template
• First post highlight
• Full CSS3
• Pure CSS3 dropdown menu by Damar Zaky

Disclaimer

This template maybe looks like Mas Sugeng premium template, but i never copy anything from that template, the menu? that's created by me 100%. I don't like cloning and copy CSS+HTML, so this template is pure by me.

Instructions

1. Not valid HTML5

Problem: "& did not start a character reference. (& probably should have been escaped as &.)"

Cause: This problem maybe caused by widget quickedit fonction.
How to fix it:

1. Go to blogger.com, go to template section, backup your template for safety, then go to edit HTML
2. Tick the expand template widget
3. Then search (CTRL+F) this code:<b:include name='quickedit'/>
4. Delete that code (this code not always one, maybe you'll found more)
5. Save template

Note: if the error still exist, try to search that code and delete it untill you don't found that code. If the error still exist, contact me.

2. Deactivate mobile template and use the responsive template

You can follow the instruction here for understanding, then follow this instruction:

1. Open blogger.com, go to template section, then click the mobile settings
2. On that lightbox, check the No. Show desktop template on mobile devices.
3. Then just click save

Demo

DEMO

Download

Before download, please help me:

Click here to download

Enjoy it man :D

have a problem?, ask on the comment here:
http://damzaky.blogspot.com/p/comments.html
or
 http://proyek-template.blogspot.com/2013/04/termaximalist-responsive-html5-simple.html

New blogger XHTML, post first image (thumbnail)

When i edit my blog template, i found a code that i never seen before. That code is post  first image. The code it's like an old blogspot code data:post.thumbnail, but the old code resolution is 72px, but this new code's resolution is like the src image resolution. So this is very good for a template post thumbnail.

The code

I will no give a tutorial, i just tell you the code
<data:post.firstImageUrl/>
That code will only work in the 'blog post' widget.

About one-line sitelink on SERP

I was wondering about one-line sitelink on the google results page. Wait-wait-wait, do you know what is sitelink?, sitelink is links that based on the results page below the main link. The sitelinks usually 6 maximal below the main link. Ok back to the topic, i don't know very well about this but, i think this is the explication. Actually this thing is all about keyword and main title.

Know the normal sitelink

If you want to know the normal sitelink, go to google and search with this keyword: Damzaky .Then look the 6 links below the main link (damzaky.blogspot.com). So that is the normal sitelink.

Know the one-line sitelink

Ok now for the one-line demonstration. Go to google and use this keyword: damzaky.blogspot.com. So that is the one-line sitelink!

My idea about this

My blog title is: "Damzaky", then if the keyword is Damzaky, so the keyword and the title is matching. Now, if you use the second keyword that is: "damzaky.blogspot.com", that is not matching with the title. So one-line sitelink is about this. And not always that, the links are pages that is always clicked and visited by visitor everytime the visitor is visit the site.

How to get one-line sitelink?

It's easy for me xD. This trick will not always work to any blog/site, but if you're blog/site is famous and many visitor, you might got this one-line sitelink. So my trick is easy, just create a menu, on that menu put pages that you want to be showed on the sitelinks. Then don't change it, keep that menu on. After 2 weeks or a month, maybe that sitelink is applied. For try it, on google search your blog with your blog title but not very like the title, i mean sometimes the blog has title like this: "Blog of Bogg | tutorial seo | tutorial blog", if you have a blog with title like that, try to search your blog with example: blog of bogg. Hope you are succes ;D.

My template cloned?

I create this template so hard, i redesign it very hard, but.... cloner always win, they always want to copy style steal my style :(. Why you all always cloning? have you another idea?, use ctrl+u, use inspect element, what is that?. But i don't care about this, because my template is not very good, and if my template is cloned by many blogger, it means my blog is famous and awesome :D. For the momment, i've found 20 blog+ who clone the template and found 60+ who use my CSS+HTML combination creation, 70+ who clone and stealed my blog style, and 75+ who copy style the button, font style, text-shadow style, responsive style etc. For you, what is that means? :D.....

Can't focus blogging when the design is not good

That is my problem, i don't know why, but everytime i want to posting an article to this blog, i always want to design the template first, but the design is never finnish, because i don't know what to do. So that's why i'm very rare to post some article to this blog. Maybe someone else also have this problem?, i think yes :D. But i can solve this problem, just forget the design and posting normally, or finnish your design, if you haven't inspiration, just blogwalking to a blog that is using a good template, or for a while use an instant template that is good, then posting, if you then have an inspiration then just redesign again!. Good luck......

Only first name on facebook (single name)

This time i want to share how to change the facebook account name. I'm not a hacker or anything, but because some of my friend want to know how, so i share it on this blog. But how is it?, what is single name or only first name on facebook?, yeah you know if some facebook account have only one name it means also one word. Ok now go to the point xD.

The example of single name on facebook

This account
That is my friend on facebook who have only one name because he is indonesian

Know why

In indonesia, many people who don't have a family name. And also there is many people who have only one name/single name. So facebook allowed indonesian facebook account to have one name. So the logic is be an indonesian xD.

How to

This trick is not very good, but i just want to tell you that you can be blocked by faceook team. Ok the real logic is using indonesian IP and language, then change the name.

WARNING!, this trick can make your facebook account banned and if you have change your name many times, then after you change your name now, maybe you can't rechange your name anymore, so be sure that you want to change your name.

This is the trick:

1. For better, use mozilla firefox web browser
2. Open and login to your fb account
3. Go to account settings
4. Change your language to indonesian
5. Then come here, and search some IP, example: 203.176.183.198:8080
6. Then if you have got an IP, on the firefox menu, go to options
7. Click tab advanced, network the configuration
8. Then just add the IP and OK
9. Then fill your name on the first name, and don't fill anything on the last name, on the account settings
10. Then save
11. Go to options again and then check the Use system proxy settings
12. Hope you're success

If you are confused, look on this image below:

Ok that's all.....

Mayanringan v1-1 super simple template for blogspot

Hoho, hello there, i never use this blog anymore xD. Actually i was created a template, that called "Mayanringan", in indonesian, it's mean a simple and fast template. I was released the v1 of mayanringan, but that template is very bad, so now i share a new template for blogspot that is seo friendly, valid HTML5, valid CSS3, valid microdata for google, very simple and fast load, elegant design, responsive and many-many others. Ok that's all, you can download after read the instruction below xD.

WARNING!!

This template is created by Damar Zaky. Before i want to make this template is premium and must pay for get it, but because so many who wants this template, so i share it for free. But with a prerequirement, it is: YOU MUST DO NOT DELETE OR REMOVE THE CREDIT LINK TO DAMZAKY, except if you edit it totally different from before. No more, just that ;D.

PERHATIAN!!

Template ini dibuat oleh Damar Zaky. Sebelumnya saya sempat berpikir akan membuat template ini berbayar, tapi karena banyak kawan dan lawan yang sangat ingin memiliki template ini, akhirnya saya membagikanya secara gratis. Tapi dengan satu syarat, yaitu: ANDA TIDAK BOLEH MENGHILANGKAN LINK KREDIT YANG MENUJU BLOG DAMZAKY, HARGAILAH KARYA ORANG!!!!. Kecuali kalau anda mengubah template itu sampai sangat berbeda dengan sebelumnya. Hanya itu saja hehe ;D.

Some feature of this template

Download template SUPER SEO FRIENDLY for blogspot with this feature. Only these....

• SUPER SEO friendly
• Valid HTML5
• Valid CSS3
• Simple and elegant design
• Fast loading
• Valid microdata (google richsnippet)
• Responsive design
• Easy navigation
• Auto-readmore (without javascript)
• High quality home post image thumbnail
• Available in several color
• Mobile template

Instructions

1. Not valid HTML5

Problem: "& did not start a character reference. (& probably should have been escaped as &amp;.)"

Cause: This problem maybe caused by widget quickedit fonction.
How to fix it:

1. Go to blogger.com, go to template section, backup your template for safety, then go to edit HTML
2. Tick the expand template widget
3. Then search (CTRL+F) this code:<b:include name='quickedit'/>
4. Delete that code (this code not always one, maybe you'll found more)
5. Save template

Note: if the error still exist, try to search that code and delete it untill you don't found that code. If the error still exist, contact me.

2. Deactivate mobile template and use the responsive template

You can follow the instruction here for understanding, then follow this instruction:

1. Open blogger.com, go to template section, then click the mobile settings
2. On that lightbox, check the No. Show desktop template on mobile devices.
3. Then just click save

Demo

DEMO

OR

DEMO

Download

Before download, please help me:

PASSWORD (if needed):

http://damzaky.blogspot.com

PASSWORD for fullpack edition unlocked xD (if needed):

http://damzaky.blogspot.com/404

Download

Download

Download

Download

Download

Download FULL PACK

ENJOY IT ;D, if you have any question write on comment in the template demo page ok?.....

CSS text effects collection tutorial

Now i'll share about CSS text effect. It's many code for css text effect, i mean text effect is not a property or value, but it's an effect in css for text. What i share is some of text property that i used, and i think that effect is important to modify your site. Maybe an article like this has already shared in some blog, but because my blog is not up to date, now i just want to share to someone that doesn't know about all of this text effect. So here is the effects.

Text Shadow

Text shadow is a text effect with a shadow. But you can create a creative shadow with this property. If you're creative, you can make like 3D effect, a glowing text effect, a text looks like created by photoshop and many others. The rule is like this: text-shadow: 1px 1px 5px #000;. The red color is the text shadow property, the blue color is the x-offset or the position of the shadow horizontally, the green color is the y-offset or the position of shadow vertically, the pink color is the blur radius of the shadow, the yellow color is the color of the shadow.
Try it yourself!

text-shadow: 0 0 5px #ff0000

Example:
click this link: http://damzaky.blogspot.com/2012/12/css3-text-shadow.html

Text Transform

Text Transform is just an automatic transformation for text, with this property, if you had write something in a div without caps, but you want that text is caps or uppercase, you can use this property.

Example:
capitalize

text-transform: capitalize

uppercase

text-transform: uppercase

lowercase

text-transform: lowercase

Font Variant

Font Variant is not very famous, but this property is very pretty, i like this property. With this property, you can make a small-caps font. Small caps is just like, the first letter of the text is uppercase, but the lowercase will be uppercased with a different size. Confused?, look this example below....

Example:
Small-caps

font-variant:small-caps

Letter spacing

Letter spacing is not a text effect, but you should know this, because if you want to make a beautiful text maybe you need this. Letter spacing is just a space size between the letter.

Example:
Letter spacing 1px

letter-spacing: 1px;

Letter spacing 2px

letter-spacing: 2px;

Letter spacing 3px

letter-spacing: 3px;

Letter spacing 4px

letter-spacing: 4px;

Letter spacing 5px

letter-spacing: 5px;

Text decoration

Text decoration is just a standard CSS value that always used in any site. But i just want to tell you.

Example:
Text decoration: underline

text-decoration: underline

Text decoration: overline

text-decoration: overline

Text decoration: line-through

text-decoration: line-through

Another text effects that i don't want to explain, just copy the code XD.


Font-weight: bold

font-weight: bold;

Font-style: italic

font-style: italic;

line-height: 30px

line-height: 30px

Maybe i forget to share some property, so i'm so sorry, and sorry for not explain the last property.

Blogspot tld country redirect affecting SEO

Huuh, i'm a blogger but rare to posting XD. Okay to the topic, blogspot top level domain country redirect affecting SEO, what is tld country redirect?, and why it's affecting SEO?, tld is top level domain, in country and, top level domain in country redirect means, like this: if you try opening your blog with domain blogspot, it's like http://ourblog.blogspot.com, but if you're in india, or in some specific country, the domain wil redirected to http://ourblog.blogspot.in . In domain is a top level domain in India. This things can affecting seo because, your URL will be changed in specific country, and it means, your blog have unique URL and visitor, just like google, Google in some country has a specific domain, and check in alexa ranking, the rank is unique, in alexa you'll found your blog with unique domain. So this thing is very annoying, because your blog SEO will be bad, and other thing is internal and external linking, if you use a script for disable country redirect, your blog is .com, but the blogger XHTML will still .in, .be, .co.uk, so that is very affecting, and also for google pagerank. So conclusion buy a top level domain! XD. Just joke, the only one thing for save your blog SEO is use script for disable country redirect, but it will affecting to internal and external linking on your blog. If you want the script, just place this script after code <head> on your blog html.

The script

Copy this code, and paste after <head> tag on your blog HTML, don't forget to backup your template, for safety.

<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf(&quot;.&quot;));
if (ctld != &quot;.com&quot;) {
var ncr = &quot;http://&quot; + blog.substr(0, blog.indexOf(&quot;.&quot;));
ncr += &quot;.blogspot.com/ncr&quot; + slug;
window.location.replace(ncr);
}
</script>

List of dofollow site high pagerank 2013

Dofollow is a blog who gives a backlink to a an external link of that site. Now i share the dofollow list and still working untill now. But attention, spamming is not good for your site reputation. Dofollow blog can give you backlink, and can make your blog have a high pagerank. Ok now for the list....

The list....

http://links.org.au/
http://blog.greens.org.nz/
http://filipinolibrarian.blogspot.com/
http://www.currybet.net/
http://newcritics.com/
http://blog.mofuse.com/
http://socialtimes.com/
http://eartheasy.com/blog/
http://weblogtoolscollection.com/
http://justintadlock.com/
http://blog.lendingclub.com/
http://www.grokdotcom.com/
http://www.educause.edu/blog
http://dig.csail.mit.edu/breadcrumbs/blog/4
http://pressblog.uchicago.edu/
http://blogs.nyu.edu/fas/dri/aidwatch/
http://delong.typepad.com/
http://www.communityspark.com/
http://focusorganic.com/
http://www.layercake.net/
http://www.hobo-web.co.uk/seo-blog/
http://justaddwater.dk/
http://www.krisbuytaert.be/blog/
http://blog.dmbcllc.com/
http://therenegadewriter.com/
http://www.iayork.com/MysteryRays/
http://www.lifeinthefastlane.ca/
http://elleeseymour.com/
http://profitsfinancesite.com/
http://newcritics.com/blog1/
http://www.uncommonphotographers.net/
http://links.org.au/
http://www.knrn.org/
http://blogs.cetis.ac.uk/asimong/
http://www.seobythesea.com/
http://www.oilman.ca/
http://andybeard.eu/