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/