FREE Directories to Submit Your Blog or Site

Submitting your blog or site to FREE directories is a good idea to increase your traffic.  Here's a list of FREE directories I have searched so far.   If I missed any, please inform me so I can add it. 
NOTE: Don't forgot to confirm your links via email sent

1. http://www.dmoz.org/ 
2. http://www.somuch.com/ - with reciprocal
3. http://www.txtlinks.com - with reciprocal
4. http://linkcentre.com/ - need to create a FREE account 
5. http://www.viesearch.com/ -with reciprocal
6. http://www.exactseek.com/ -need to create a FREE account
7. http://directorywind.com - with reciprocal
8. http://www.freewebsitedirectory.com/ - with reciprocal
9. http://www.jayde.com
10. http://www.directory.ldmstudio.com/ 
11. http://www.directory-free.com
12. http://www.blogs-collection.com
13. http://www.wikidweb.com 
14. http://www.turnpike.net/directory.html
15. http://www.netinsert.com-must insert metatag (can't get it to work with blogger)
16. http://www.littlewebdirectory.com - with reciprocal
17. http://www.infignos.com/
18. http://www.pegasusdirectory.com/ - with reciprocal
19. http://www.directoryarchives.com
20. http://www.webworldindex.com/

Read More

How to insert or embed pretty code snippets on blogger

Sometimes, we want to share and blog about code snippets but unfortunately blogger doesn’t offer this function.  Good thing there are a lot of ways to insert or embed code snippets on blogger.


1. Classic method of wrapping the codes in tags and pasting them in post HTML view such as:
<pre> </pre>
<blockquote> </blockquote>
Your code with just be acceptable to blogger for publish but in plain text
2. github:gist
Simply log in to github:gist to sign up
Paste your code and choose Language
Click Create Public Gist button
Click on Embed
Copy the Script
Paste Script to blogger post HTML view (Note you won’t see the code until you publish)
You code will be presented within a code box with colorful text codes for easy identification
3.  SynthaxHighter
Go to Blogger Dashboard>Design>Edit HTML
paste the following code either below the “]]></b:skin” or above </body> (NOTE: always back up template first)
?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!-- Add Current CSS styles -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/> 
<!-- Add Current JS scripts -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js' type='text/javascript'></script> 
<!-- Add Current Brushes -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script> 
<!-- Call SyntaxHighlighter -->
<script language='javascript' type='text/javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.all();
</script>
when posting you need to add the <pre> tags still and identify the class after “brush:”see list of class
This offers more functionalities like being able to view source,copy to clip board and print.  The code lines are also identified by numbers.
4.  Google Petrify
 Go to Blogger Dashboard>Design>Edit HTML
paste the following code above </head>
modify <body> to <body onload=”prettyprint ()”>
 when posting you need to add the <pre class =”prettyprint” > tags
?

1
2
3
<pre class="prettyprint">
your code here
</pre>
Your code will be presented within a code box with colorful text codes for easy identification similar to github:gist
The method you choose depends on your preference.  I prefer github:gist for convenience but it you like your code to be prettier then better 

Read More