What is the Social Web?
The Early Days of the Internet & Web 1.0:
When the Internet first became a household word, the World Wide Web was very one-sided with most websites providing static information. From the mid-1990s to the early 2000s, the Internet remained fairly one-sided with primary offerings including informational & transactional (online shopping) websites.
The Internet Becomes Social with Web 2.0:
The second generation of the Internet came about in the early 2000s & was called Web 2.0 or the social web. No longer were people satisfied being talked at. Instead, they wanted to join the conversation & have a say in the World Wide Web. The evolution of the social web began with user-generated content. Personal websites, forums & online chats became just a few of the standard features of Web 2.0 & made way for blogs, social networking, social bookmarking & more.
Popular Tools of the Social Web:
- Blogs
- Social bookmarking: Digg, StumbleUpon, Reddit, etc.
- Social networking: MySpace, Facebook, LinkedIn, etc.
- Groups: Google, Yahoo, etc.
- File sharing: YouTube, Napster, etc.
- Wikis: Wikipedia, Google's Knol
- Virtual worlds: SecondLife
- Instant messaging
- Online chat
- Forums
Blogging & the Social Web:
Blogging is an integral part of the social web. A blog's success relies heavily on its community of readers. That community is typically built through online networking and promotion through the various tools of the social web. From bookmarking important posts to participating in relevant forums, a blogger's online activities within the social web can make/break a blog's success.
Read more.....
Where to Find Linkbait Blog Post Ideas
How do we know topic for making linkbait post? Did you’ve ideas? If you don’t know what will you write in linkbait posts, you can visit thee 5 site sto find out your topic & begin to write it. Enjoy yourself!
1. Google Trends
Google Trends provides a quick snapshot of what people are searching on through Google at any given time. The top 100 search phrases are displayed with links to news articles & blogs that mention those phrases.
2. Yahoo! Buzz
Stories that appear on Yahoo! buzz are compiled through search results, emails & user votes. It's a combination of a site like Google Trends & a social bookmarking site like Digg.
3. Digg
Digg is one of the most popular social media sites where users submit content they like & want to share & other users digg that content if they like it, too. Hot topics typically receive a lot of diggs driving them to the front page of Digg.
4. Technorati
Technorati is the most popular blog search engine tracking nearly 113 million blogs & over 250 million pieces of tagged media. Hot topics are typically shown on the front pag. When you click through to view more about a topic of interest, you'll find blogs that link to the original post listed as well to help you clearly see the online conversation about that topic.
5. Twitter
Twitter is a microblogging tool that allows people to write short blurbs (called tweets) & publish them real-time. Register for Twitter & sign on to follow popular bloggers in your niche. Doing so will almost certainly help you keep up with the hot topics related to your blog.
Read more.....
Link Building vs. Linkbaiting
To build success blog, we’ve generate incoming links which boost important ratings, such as Alexa Rank, Technorati authority & Google Page Rank. Some bloggers have resorted to using linkbait to generate incoming links. Is linkbaiting a good idea?
Background
As the blogosphere becomes more competitive, bloggers are constantly looking for ways to grow their blogs. One important measure of a blog's success comes from the number of incoming links to it, particularly links from other popular blogs and websites. Search engines such as Google and Technorati use incoming links as a factor in determining how popular a blog is with the thought being, more popular blogs are more authoritative and should be ranked higher in search results.
Rankings on sites such as Google and Technorati affect bloggers in several ways. First, advertisers typically look at those rankings to gauge the popularity of a blog, which affects the amount they're willing to pay to place advertisements on that blog. Second, higher rankings typically equate to more traffic simply because search results often deliver results from higher ranking sites first. With those factors in mind, bloggers pursue many avenues to increase the number of links to their blogs. Some bloggers resort to writing posts deemed as "linkbait". In simplest terms, linkbait posts are those written primarily because they are likely to generate traffic. Typically, linkbait posts are written about hot topics (think Britney Spears), which might have nothing to do with the blog topic. However, the blogger hopes to get a boost in traffic by writing about the linkbait topic. The question many bloggers ask is whether or not linkbaiting is a good idea. The pros and cons of linkbaiting are discussed below to help you make an educated decision before you write a post for linkbait purposes.
Pros
Linkbaiting usually works in terms of driving short term traffic bursts to your blog. A hot buzz topic that people are actively searching for online will undoubtedly drive traffic to your blog. If you're one of the first bloggers to write about a buzz topic before it truly catches fire across the Internet, then you're likely to have a lot of other blogs and websites link to your post as reference. That means a boost in your Google and Technorati rankings thanks to those links. Linkbaiting works in that it drives new visitors to your blog who may not have found it otherwise. The hope is that some of those visitors will turn into loyal readers and return again and again. It also works in terms of getting your name out there across the blogosphere and helping you gain a reputation.
Cons
Linkbaiting drives traffic, but most of that traffic is usually short-lived. The vast majority of people who arrive at your blog through linkbait won't return. However, if the linkbait topic is directly related to the subject of your blog and you have something useful to contribute to the linkbait topic, then you do stand a good chance of driving some conversation on your blog and some repeat traffic. Additionally, linkbait not only brings short-lived traffic, but it also brings the wrong kind of traffic. In other words, the people who arrive on your blog via linkbait might be very different than the audience you want to visit your blog. Linkbait can often bring visitors who don't know you and your blog community and may leave offensive comments or attack your loyal readers.
Outcome
The bottom line about linkbaiting is this - use linkbait with caution and use it for the right reasons. For example, don't write a post about a buzz topic strictly to drive short term traffic unless that topic is related to your blog and you can bring something new and useful to the topic. Don't annoy your loyal readers with linkbait posts that are useless to them. Also, don't annoy new visitors by writing a linkbait post that doesn't deliver information they are likely to be interested in. In other words, your post should still be compelling and relevant even if it's linkbait.
Read more.....
11 Tips for Blog Promotion
You want to grow your blog? Then it's critical that you take many times to promote it. Unfortunately, the old theory, "if you build it, they will come," doesn't apply to blogs. With over 100 million blogs being tracked by blog search engines such as Technorati, publishing compelling content isn't enough to drive awareness & traffic for your blog. Instead, you need to invest in some old-fashioned sweat equity to give your blog a traffic boost. The 11 free blog promotion tips below will help you get started.
1. Comment on Other Blogs
An easy way to give your blog a promotional boost is by commenting on other blogs. Each time you comment, enter the same name & URL in the corresponding fields in the blog comment form. Doing so will help your search engine optimization efforts over time. When you leave relevant, interesting & useful comments on other blogs (particularly those that are related to your own blog's topic), people will notice & follow the link back to your blog to learn more about you & read more of what you have to say.
2. Post Frequently
Posting frequently can boost your search engine traffic. Each new post acts as a new entry point for search engines to find your blogs. Writing with search engine optimization in mind can also boost the potential each of your posts has to lead traffic to your blog.
3. Participate in Online Forums
Join forums related to your blog topic & become an active, contributing member. Include a link to your blog in your forum signature, so it's always available to other members.
4. Use Social Media
Leverage the promotional opportunities that the social web provides. Join social networking sites like Facebook & LinkedIn and include links to your blogs & recent posts in your profiles. Join social bookmarking sites like Digg, StumbleUpon & Delicious and submit great content (not just your own). Additionally, consider jumping on the microblogging bandwagon & join Twitter. All of these efforts will increase awareness of your blog & give it added exposure.
5. Link to Other Blogs in Your Own Posts
Try to include links to other blogs in your own blog posts. Refer to other blogs you enjoy reading or specific posts you found particularly interesting. When those other blogs have the trackback feature turned on in their blogging software programs, you'll automatically get a link back to your own blog in the comment section of those posts. At the very least, the other blogger will see the incoming links from your blog in their blog statistic reports, putting you and your blog on his or her radar, and that means more exposure for you.
6. Include Your Blog Link in Your Email Signature & on Business Cards
Basically, include your blog URL everywhere you can. Your email signature & business cards are 2 of the most obvious places to promote your blog with a link or printed URL, but don't be afraid to think out of the box. Promotion is key to success when it comes to blogging. Don't be shy about tooting your own horn!
7. Hold a Blog Contest
Blog contests are a great way to attract new visitors to your blog. The most important thing to remember when using a blog contest as a promotional tool is to get the word out about the contest by announcing it on contest websites.
8. Join a Blog Carnival
Blog carnivals are an easy way to get links to your blog in front of a lot of people. The more closely related to your blog topic that the carnival is, the more traffic you'll get from it.
9. Guest Blog
Offer your services as a guest blogger for other blogs in your niche, particularly ones that get more traffic than yours does. Guest blogging is a great way to get links to your blog & your own thoughts & writing in front of people who are likely to be interested in learning more about you and your blog.
10. Write Multiple Sites & Link Them Together
The more blogs or websites that you write, the more interlinking is possible. That interlinking can be used to promote your blog through different channels that might attract different audiences. Create an integrated blog marketing plan by aligning your promotion efforts across your various blogs & websites to reap the biggest rewards.
11. Submit blog to search engine
By submitting your blog(s) to search engine, you will get more traffic form here. Many blogger promote their blogs for first time in search engine. As they think, search engine is a great place to get traffic because people search something in search engine. Read Submit Blog to Search Engines for more information.
Read more.....
Make a Favicon for Your Blog
What’s favicon? Favicon (short for favorites icon), also known as a shortcut icon, URL icon, website icon/bookmark icon is an icon associated with a particular website/webpage. A web designer can create such an icon & install it into a website/webpage by several means & most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar & next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title. The Microsoft Windows Shell uses favicons to represent "Internet shortcuts" to web pages.
For Blogspot, the favicon default like this: 
If you'd like to change the favicon with your favicon own, the ways are easy. Follow step by step.
1. First you create picture (GIF, JPG, ICO and so on) with size 24x42 pixel until 32x32 pixel.
2. Login to Blogger > Layout > Edit HTML
3. Copy code below between tag <head> & </head> or put it after tag <head>
<link href='http://photobucket/134755/computer.gif' rel='SHORTCUT ICON'/>
Replace http://photobucket/134755/computer.gif with your favicon URL from your webhost.
4. Then save template & look your favicon.
Read more.....
How to Make Tab View Menu?
At this article I want to tell you the way to make tab view menu step by step. What’s tab view menu? Tab view menu is menu that showed in the form of tab, you can create a few menu as you like. Tab view this menu is very useful because by using it you can save many space in your blog. Ok, if you want to know description of tab view menu, It’s like this:
Do you like it? If you’re interesting, I will tell you how to make it.
1. Login to Blogger, Layout > Edit HTML
2. Then search code ]]></b:skin> (search by Ctrl+F & enter
]]></b:skin> to search)
3. After you found it, copy code below & put it before ]]></b:skin>
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* top main menu width */ text-align: center;
height: 24px; /* top main menu height */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* top menu border color */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* top main menu font */
font-weight: 900;
color: #000; /* top main menu font color */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* /* top main menu background color */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* main box boder color */
overflow: hidden;
background-color: #FF9900; /* main box background color */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
5. Look at red text, these’re explanations for tab view menu setting. For knowing color code you can download here.
6. Next, copy code below & put it before tag </head>
<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>
7. Then save template
8. Go to Layout > Page Elements > Add a Widget > HTML/Javascript
9. Copy code below & put it on HTML/Javascript widget
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Note:
· Blue number shows height & width of tab view menu
· Green code shows text on main menu
· Red code shows content of tab view menu. You can fill it by link, script, banner, picture & so on.
· For adding menu again, you can add it after the last tag <div class="Pad"> by adding Tab 3.4 <br />
Read more.....
How to Make DTree Menu?
What is dtree menu (D-tree)? Dtree is menu that has structure likes branches of tree, like if we open Windows Explorer. For more detail it’s description of dtree:
This dtree menu is very useful if you’ve a lot of blog posts, because by using this dtree menu so you can save space that exist in your blog. You want to know how to make it? Ok, let's begin.
1. Login to Bogger > Layout > Edit HTML
2. Copy code below & put it before tag <head>
<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>
3. Then click Save Template
4. Next, copy code below & add to your sidebar (Layout > Page Elements > Add a
Widget > HTML/Javascript)
<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>
Note:
§ Change “link.html” with your post link
§ The first number must be unique & nothing same number (d.add(1,0,’Node 1’,’link.html’)
§ The seond number is branch of the first number (look at the numbers that have same color)
§ You can change icon by your icon own, the script will be like it:
d.add(10,0,’Profile’,’link.html’,’’,’’,’http://www.photobucket/i3lh4m/dtree/trash.gif’);
Replace http://www.photobucket/i3lh4m/dtree/trash.gif with your image (icon) link.
Read more.....
62 Free Tools for Your Website/Blog
There ‘re a lot of tools that can you wear for your website/blog. This tools’re very useful because by using them you can increase performance, speed, know your statistic and more. This article will gives you free tool for your website/blog.
This tool for analyzing speed, improving performance of your website/blog.
This tool for compressing your CSS to increase loading speed & save on bandwidth as well.
3. CleanCSS
This tool for cleaning CSS code that’s not useful.
4. Website Spell Checking Service
This tool for reviewing your entire website & helping you keep it free from all text errors.
5. JPEG Wizard Online Image Optimizer!
This tool provides highly optimized JPEG compression.
6. Pagetest
This open source tool for measuring & analyzing web page performance right from your web browser.
This tool for optimize your gifs, animated gifs, jpgs, & pngs, so they load as fast as possible on your site.
This predictor tool does what it says, it predicts your future Google PageRank.
This tool for checking a website's Google PageRank on major Google datacenters instantly.
10. Backlink Checker
This tool for finding backlinks linking to a website & their URL information.
This tool supplies the same results as the Rank Checker tool, these‘re the PageRank & Alexa Rating. You can use this tool for multiple domain check-ups.
This tool for finding out how fast your website loads. Too slow? Perhaps you need to optimize the page/move to a faster
13. Rank Checker
This tool for viewing the ranking of a specific website. Find out how popular a website is to users & search engines.
14. Link Popularity
This tool for finding how many links a domain has on the most common search engines.
This tool for searching domain names hosted on your IP address. Just enter a domain/an IP address to get a list of domain names that share the same IP address.
16. Ping Test
This tool for testing the presence of an active connection.
17. Cloaking Checker
This tool for comparig how search engine sees it as opposed to a real web browser.
This tool for analyzing your domain with Google search to detect if the domain is banned.
This tool for searching keywords/phrase through different Google data centres.
20. Index Checker
This tool for searching though search engines to determine how many pages from a specific website is present on a search engines index.
This tool is useful for helping webmasters achieve optimum keyword distribution.
This tool for displaying up to 10 popular keywords matching your initial keyword.
This tool for checking your search engine positions on Google Search Engine.
This tool for creating a preview of how your website will appear on Google, MSN & Yahoo Search.
25. Spider View
This tool for viewing the perspective of a search engine spider, from the website you require to view.
This tool for determining if the redirect you have created is Search Engine Friendly.
27. Visual PageRank
This tool for viewing all the links along with the pageranks on the page that you require to view.
This tool for converting your long & dynamic address into a short & search engine friendly URL.
This tool for predict changes in your earnings depending on Impressions, Click Rate & Cost Per Click.
30. Link Shortener
This tool for making a long web address short & easy to remember link for that web address.
31. List Cleaner
This tool for cleaning & removing duplicates from a list in a matter of seconds.
32. Md5 Encrypt
This tool for encoding any inputted text to md5 encryption.
This tool for finding out your IP address & hostname, your browser details (User-Agent, Cookies Enabled, Java Enabled, JavaScript Status, Screen Width & Height, CPU class/type, Screen Colour Depth, Window Width & Height) & browser headers.
This tool for viewing & comparing Alexa Traffic charts.
This tool for checking for Broken Links on a website.
36. Domain Look-up
Retrieve a number of information about a domain including age of domain, speed, Dmoz listings, Current PageRank, Predicted PageRank, Alexa Ranking, Backlinks, Listings on Google/MSN/Yahoo & Website's competition.
37. Domain Whois
This tool for finding all the information you need on any domain name.
38. IP Location
This tools helps you determine the Country of an IP Address.
This tool for calculating the approximate amount you should be paying/charging per month for a link of a specified website.
This tool for viewing all your link partners who are still linking back to your site.
41. Server Status
This tool for checking the status of a website easily by using this tool.
42. HTML Encrypt
This tool for hiding all your HTML source code simply with this HTML encrypter.
43. HTML Optimizer
This tool for removing all the extra white spacing in your HTML website. This will optimize your sites for faster load speed.
44. HTTP Headers
This tool for extracting the HTTP Headers of a server.
45. Link Extractor
This tool for extracting links from a specific web page with associated anchor text, HTML code, attributes & Google pagerank.
This tool for viewing a site's meta information, you can also copy & paste the tags onto your website.
Meta-tags are used frequently by most search engines. They identify your website content using your meta-tags. This simple tool will allow you to configure them easily!
This tool for researching appropriate words & phrases to include in your webpage's body text to aid in promotion.
This tool will read the page you specify & give a report on what words are used & how many times they are used.
50. Search Engine Spider Simulator
This tool for striping out the HTML tags from the page you specify & showing you how the page would look to search engine spiders.
This tool allows you to query a number of PPC (Pay Per Click) engines to see what the top bids are for a certain keyword or phrase.
This tool will reads the page you specify & cleans a lot of the un-needed code created by Macromedia Dreamweaver.
This tool will reads the page you specify & cleans a lot of the un-needed code created by Microsoft Frontpage.
54. Drop Down/Sitemap Menu Generator
This tool for creating your own sitemap menu / drop down menu.
This tool for creating a customizable popup window on your site.
56. Class C Checker
This tool for finding out whether some sites are hosted on the same Class C IP Range.
57. Domain Age Check
This tool for finding the age of a domain.
This tool will remove any duplicate entries & re-order the list alphabetically.
This tool for generating a simple robots.txt file for your website, which allows you to hide files/directories that you don’t wish to be spidered.
This tool for getting all kind of statistics of your competitor’s domains.
61. Copyscape
This tool for searching for copies of your page on the Web.
62. Translingo
This tool for making your site multilingual.
Read more.....
Make Blog & Website Template By Yourself
If you’re not satisfied with template design & website or don’t want to wear free template that it’s person product and you want to make template design by yourself easily without need knowledge of CSS, (X)HTML or blog template tags & expert at web programming language, so the template generator is what you need, because easy to use with basic structures that easy to understand. They’re the 10 template generator review for you.
1. CSSEZ
CSSEZ is an online based CSS authoring tool specialized for blog design. Users can create free blog themes & templates for multiple blog systems such as Wordpress & Movable Type simultaneously. They support Wordpress, Movable Type, Livedooor & Ameba blog.
2. Dotemplate
dotemplate provides 17 template XHTML & CSS free basic compliant that can you choose by yourself. You can choose one of them & then customize it by changing colour, font, text, text position & others in background, container, footer, menu & box. Beside, you also can add effect like to drop shadow, gradien & round corner. This service is very attractive because doesn't need knowledge of HTML too much to use it, beside there’s choice to upload your picture.
3. Firdamatic
Firdamatic™ is an online tableless layout generator that allows you to create & customise layouts easily only by completing forms, making creating skins for your Firdamatic-based layout a breeze. This tool is available for free for personal/non-commercial use only & comes with no technical support as my interest in web design has died down. Use it at your own risk.
4. PsycHo
This online template generator can be applied in platform Blogger, Persian Blog & blogfa. You can regulate page title, background colour, body template, background title, description, text, spacing & choose up to 4 column choices. You also can preview your template & keep the code. This service is easy to use without knowledge of HTML.
Read more.....
