Friday, February 19, 2010

Ban an IP Address From Server

.::Ibookus::..

Did you ever have a user that keeps hammering your FTP or trying to login over and over and over again that you just want to ban and never see again? We'll show a quick and dirty method to ban an IP address from the server.

how can i ban that Ip address from the server?"

Easy trick!

1) Login to the server as and su - to root.

2) If you are running iptables, you can enter:

iptables -A INPUT -s <IP> -j DROP

3) If you have APF firewall installed

apf -d <ip>

4) When you reboot this IP ban will be removed, meaning the IP will no longer be banned anymore.
If you have APF you can get around this by opening the deny hosts file.

pico /etc/apf/deny_hosts.rules

Scroll to the bottom and paste in the IP address.
Ctrl+X then Y to save the changes and exit.

5) Restart APF
/etc/apf/apf -r
Reply With Quote

SEO FOR BLOGSPOT TITLE MODIFICATION

Today, I want to share SEO tips part 2, tittle modification code,

Let's sign in to your blogger account, Go to Edit Layout Are than Edit HTML code.
this is easy, find this code bellow :
<title><data:blog.pageTitle/></title>

than change the code with this code bellow :
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

Save template, than Finish....!!! Okay... See you in Next tips SEO

SEO FOR BLOGSPOT

SEO META TAG FOR BLOGGER

Today, I want to share little Tips SEO for Blogger.
Did you know about Meta Tags, Okay.. I hope you are ready to know about META TAG, Meta Tag is very importance for search engine on Yahoo, Google, or MSN.

With Meta Tag you can description about your Blog to Search Engine, you can use Meta Tag code to put your keyword in blogspot. Okay. Let’s Direct to do it.

First, you have to log in into you blogspot account. When you ready in your DASBOR, click Layout


Click Edit HTML -> Find This Code bellow :
<b:include data='blog' name='all-head-content'/>
 than Put this code bellow after code <b:include data='blog' name='all-head-content'/>
<meta content='Description You Blog ' name='description'/>
<meta content='Keyword for Your Blog' name='keywords'/>
<meta content='Your Name' name='author'/>








Example :
<meta content='Place for Learn about Web Deveopment, HTML, PHP, SEO, Web Hosting and Domains tips' name='description'/>
<meta content='Web hosting, domains, HTML code, CSS, SEO Tips,' name='keywords'/>
<meta content='Rio' name='author'/>


Okay, this is just little tips... I want to give you Best tips for SEO in enjoy time... wait..!!!

About CSS

CSS is the abbreviation for Cascading Style Sheet. A style sheet simply holds a collection of rules that we define to enable us to manipulate our web pages.
CSS can be applied to our pages in many ways, however the most powerful way to employ CSS rules is from an external cascading style sheet. When used in this manner the full power of CSS can be brought to control the design and appearance of our work from a single controlling location, which makes it easy to update our site on a global basis.
It would be foolish, impracticable and probably impossible to write an article that covers all aspects of CSS. What I would like to do is take you on a journey, a journey that will begin with the simple things. We will look at how CSS rules are structured and how we can optimize our style sheets by using shorthand within our rules. We'll investigate many aspects of CSS throughout our journey. I hope you stick along for the ride.

Creating Cascading Style Sheets

Does that sound complicated? Well if it does, nothing could be further from the truth. A css file is merely a text file with a .css extension, it's as simple as that! We can create the file in DreamweaverMX or in something as simple as Notepad, it really doesn't matter.
There are dedicated CSS editors out there. My favourite CSS tool is TopStyle which, unfortunately, is only available for the Windows platform. It is a first rate CSS editor and I highly recommend it. If you're working on a Mac, take a look at http://www.westciv.com/style_master/, I have not used it but it should be worth a look as a TopStyle alternative. To be fair to DreamweaverMX, its CSS panel is greatly enhanced over previous versions but Dreamweaver is not a dedicated CSS editor, it just does CSS editing as well.
For the purpose of this section we'll create our .css file using Notepad rather than DreamweaverMX. I'm taking this route because Dreamweaver tends to hide things behind its CSS Panel and I want you to see the CSS rules as they are written.
I also want to teach you how to write your own rules and the declarations that they hold, this will help you to learn the syntax of CSS. If you understand the syntax it's easy to make corrections to your styles when needed. If you are working along and using a Mac, SimpleText is available on OS9 and TextEdit will be your choice on OSX.


Let's Begin

Create a folder in C:\ or wherever you wish. If you are going to follow this series of tutorials you may want to name the folder to associate it with CSS. You can then make sub folders within it to work along through the series.
Open Notepad and in the "File name:" box delete the default info and type mycss.css. Save the file in your folder.
To check that the mycss.css file has been correctly saved, go to the file menu in Notepad and click open, in the "Files of type:" drop list select "All Files" and you should be able to see your mycss.css file. It's an empty file but it is a CSS file and it's just waiting for you to bring it to life by adding content to it.

Our First CSS Rule

What is a CSS rule? A CSS rule is simply a statement that consists of a selector and a declaration. Let's look at this a little more closely. We'll begin by looking at the h1 tag. The default size of an h1 tag would make it virtually unusable, it's huge! With our CSS rule we'll change the tag to make it take on a totally different appearance. This is known as "redefining" the tag. The great advantage in redefining tags is that you maintain the structure of your document. This is important as not everyone uses a visual browser. Think of the visually impaired - the browser that they use will need to read your document and the h1 tag will let it know the value of the text it is reading, but that's for much later!
Right, back to our h1 tag, type the following into your text editor:

h1{
font-family: Georgia, "Times New Roman", Times, serif;

The rule above can be broke down into two sections, the selector, which is the h1 tag, and the declaration, which is everything between the curly brackets, (parentheses).
We have just created our first rule. We will want to add to this rule in a little while, but for now let's stop and evaluate what is what and what we have declared

h1 

This is the selector, this rule will therefore be implemented on every occurrence of the h1 tag on every page our mycss.css file is linked to.

font-family:

This section of the declaration is known as the property, the property ends with a colon.

Georgia, "Times New Roman", Times, serif;

This section is known as the value, the value begins after the property and ends with a semi colon. The final value of the last property in your rule does not have to be closed with a semi-colon, but I find it preferable to close it. It does not cause a problem in any way to close the final value and IMHO it makes sense to keep our work consistent. So, throughout all the CSS work we do here we will close the final value of each rule with the semi-colon.
You will notice that we have declared a font-family. The family contains three fonts and a font type, namely serif. The browser will read your style sheet and the first font choice will be used if it's available on the user's machine, if it's not available then the browser will look for the second choice and then the third if the second is not available. Finally, if none of our declared fonts are available, the browser will implement the default serif font on the user's machine. This at least gives us the correct font type and ensures the headings wont be rendered with, for example, Verdana which is a sans serif font.
You will notice that each font is separated by a comma and if you look carefully you will also notice that Times New Roman is surrounded by quotes. This is necessary if the font name consists of more than one word.
So, we have successfully redefined the h1 tag so that our choice of font is used. Let's move on again and investigate how we can resize the h1 tag to suit our needs. Add the font-size declaration as shown below.

h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
}

We have added the property of font-size and given it a value of 15px, very straight forward and not a lot to explain there. However the sizing of fonts and the unit of measurement used to size them is a much debated subject!
I would stay away from "points" as a unit of measurement. They are for print and should remain so. I like pixels for their consistency but they have a major drawback in that any visually impaired person using IE on the Windows platform cannot resize the text, which may leave them unable to read the information on your site, not very helpful! I would recommend you look at the size options. You could use ems or a percentage value. I would also recommend you test thoroughly in various browsers whatever your choice. No guarantees are given that one browser will render them the same as another. Yes I know, same old story.....
Let's move on from the font-size debate - it has the potential to rattle on for some time to come - and let's add a color to our h1 tag.

h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #666666;
}
By adding the new property of color and giving it a value of #666666 we are giving the h1 tag a dark gray color. With the color added we have a functional h1 tag that covers all the basics. We have:
  • Added our choice of font
  • Added our desired font size
  • Given the h1 tag our chosen color.
We redefined the appearance of the h1 tag. We have changed its default appearance and manipulated it to suit our requirements.
In the next section we'll open DreamweaverMX, create an index page and attach the style sheet so we can see our redefined h1 tag in the browser.

Introduction CMS

Definition :

A web site's content is a combination of different components like texts, graphics, images, scripts, embedded files such as flash animations, audio/video streams or downloadable files. All of these may be components of one document (or HTML page in case of a web content management system).

Content management systems (CMS) are computer software systems for organizing, displaying and facilitating collaborative creation of this content.

One principle of many content management systems is, to separate the content from the layout, which makes it easier to preset the same content in different layouts for different media ("cross-media publishing") like webbrowser and printer. Separating content and layout also enables website designers to concentrate on the presentation, while others attend the content.

This can be achieved by storing the content and the layout in different ressources and dynamically merge them together to the final document.


Advantages of Content Management Systems
  • CMS facilitate the collaborative creation of websites. People can concentrate on the content while others care for the template to present the content. Also many CMS provide systems to enable users to add or modify content via their webbrowser
  • CMS make it easier to display the same content in different ways, like a normal view for webbrowsers and a printer friendly view
  • CMS make it easier to create new documents as one can concentrate on the content and do not have to care about the layout
  • CMS make it easier to modify the layout of a website as one only has to modify the template at a single source instead of having to modify each single page to reflect the change
  • CMS often can automatically create additional content like menus, sitemaps etc.
  • CMS often provide methods to find content, for example by providing search functionality on the content
  • Praveen has Edited This.

Different Types of Content Management Systems
There are a lot of different Content Management Systems available, and beside the main common feature of offering the division between layout and content, the modes of operation can be very different.

Flatfile vs. Database-driven CMS
Flatfile-CMS
On a flatfile-based CMS, the content is (usually) saved in clear text files. Depending on the concept, layout elements can be saved in separate text files as well, dividing layout and content, and having the CMS put those two together on accessing the page (or any other defined action).

Database-managed CMS
With a database-managed CMS, all data is saved in a database and will be requested from there. Using such a system therefore requires a database (including the rights to modify it).

From a technical point of view, using a database has the advantage of a better scaling system on really huge amounts of data - provided that the database is properly accessible. On the other hand, a flatfile-based CMS can be much faster with a moderate amount of data, just because the database communication is not needed. This can be especially important in a shared-host environment (one server, multiple domains hosted), as server load and reduction thereof directly influences the website speed.

Portal systems

Portal systems still are very popular, and there are a large number of different systems (especially in the open source sector). The main advantage of those portals is often their main disadvantage: Using such a system, you can easily (and in a short time) build a complete portal that can be changed in look and feel using "themes" and "skins" (prepared layouts).

On the other hand, those "themes" and "skins" make portal systems quite inflexible when it comes to own enhancements, modifications and changes. Especially regarding the page design, a user has only very limited options. Additionally, nearly all portal systems need a database, and most are a bit on the slow side. Those who just want to set up a portal quickly might be well advised to use such a portal system, but if you have specific ideas or need special functionality, you might find portal systems lacking some flexibility.

Wednesday, February 17, 2010

HTML BASIC

Hey Guys.. This article is continuation of ABOUT HTML
Okay, at The HTML basic Let's we learn some basic code about (html headings, paragraphs, links, and html images)

HTML Headings Code

HTML headings are defined with the <h1> to <h6> tags.

Example :
<h1>This is a heading</h1>

The result form those code is :

This is a heading


Heading have 6 type and more high the value, Basicly the text in the heading code is also more large.

HTML paragraphs
HTML paragraphs are defined with the <p> tag.

Example :
<p>This is a paragraph</p>
<p>This is another paragraph</p>

Those code will show 2 paragraph (This is a paragraph and This is another paragraph)
and if you wanna change line in a paragraph you can use code <br />

HTML links
HTML links are defined with the <a> tag.

Example :
<a href="http://ibookus.co.cc">This is a link</a>

The result from the code above is :
This is a link (you can try to click that)

Note: The link address is provided as an attribute.(You will learn about attributes in a later chapter of this tutorial)

HTML images
HTML images are defined with the <img> tag.

Example :
<img src="http://www.w3schools.com/html/w3schools.jpg" width="104" height="142" />

The Result :
Note: The name and the size of the image are provided as attributes.(You will learn about attributes in a later chapter of this tutorial)


Okay, That's all about HTML Basic Code... See You in HTML Element Topic.!!

Tuesday, February 16, 2010

About HTML

Hello guys..I want to Describe about HTML...(Source:w3schools)
this is Description for Newbie... !!! if you are the master... you can leave to another topic!!Okay, Lets begin form basic..!

Start form What is HTML? (I got this description from w3schools)

HTML is a language for describing web pages.
  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • A markup language is a set of markup tags
  • HTML uses markup tags to describe web pages

HTML Tags, HTML markup tags are usually called HTML tags

  • HTML tags are keywords surrounded by angle brackets like <html>
  • HTML tags normally come in pairs like <b> and </b>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • Start and end tags are also called opening tags and closing tags

HTML Documents = Web Pages

  • HTML documents describe web pages
  • HTML documents contain HTML tags and plain text
  • HTML documents are also called web pages
The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph</p>
</body>
</html>


Example Explained :
  • The text between <html> and </html> describes the web page
  • The text between <body> and </body> is the visible page content
  • The text between <h1> and </h1> is displayed as a heading
  • The text between <p> and </p> is displayed as a paragraph
Ok, That's all is Introduction about HTML. See You letter on another Code, Still about HTML