Sabtu, 4 Mei 2013

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

Ahad, 21 April 2013

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

Sabtu, 13 April 2013

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

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

Ahad, 24 Mac 2013

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.

Sabtu, 23 Mac 2013

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.

Rabu, 20 Mac 2013

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