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.