Register / Create blog / get content

RegisterBack to top

Go to http://hatforrent.com/register to signup

Type your information in the form and check your E-mail to complete registration

Register

Create BlogBack to top

Choose the type of your website : wordpress or blogspot.

Create wordpress website

Type your wordpress's url, username and password into this form to login, then click "check information"to check your information to be correct.

Note : username must edit or post new articles.

If the information that you provided is correct. Your website will have the new aritcle with new name : "testing post from hatforrent".

Then click "Create" to create your blog.

Create wordpress website

Create blogspot website

Type your blogspot's url, blogspot's ID, username and password into this form to login, then click "check information"to check your information to be correct.

Note : username must edit or post new articles.

Click here if you don't know how to get blogspot's ID.

If the information that you provided is correct. Your website will have the new aritcle with new name : "testing post from hatforrent".

Then click "Create" to create your blog

Create blogspot website

Get auto contentBack to top

After create the blog, click on the blog's name to begin adding content.

Type a data into the "Url" and the "Selector of Title Link" in the section "Get source information".

The url can be "html" or "rss", you can type the url, our system will be auto to detect. The best choice is HTML

Example : We want to get new fresh content in "iptips.org"

Type "iptips.org" into the "Url" field. The system will detect this url is the "HTML" format. If you type : "iptips.org/feed", the format will be "Rss". In this case, we choose the format is "HTML"

Note : You can get the articles in each category of the website by : "http://iptips.org/category/iphone/" (category is the iphone category that you want to get content)

Go to "iptips.org", "Inspect Element" and select the title of article, you will see the html-structure of your documen.(In here, we use the firebug on the firefox to inspect element)

Type value of selector into the "selector of title link" by using hatforrent's selector. Click here to clear understanding about it.

The selector of title link is : ".item .title a"

After fill the data, click the "check seletor" to view the link that you want to get to be correct

You will see the form to get the content

Meaning of Parameters

Link : Set type of the link is follow or nofollow (default is nofollow)

Source : Choose yes if you want to display the source. it will be displayed at the bottom of the article (default is yes)

Source type : The format of source when display. (Display as text : http://iptips.org/ - Display as link http://iptips.org/)

Category : Type the category that you want to create, each category will be separated with the comma. You can create these category in your wordpress admin / blogspot admin (in blogspot, category is a label). If you are using the wordpress website, these category will be listed on the right side. If your website is blogspot, no category listed.

Selector of Title : Type the selector to get the title of the article

Selector of Content : Type the selector to get the content of the article

Selector To Remove : Type the selector to remove the tags or the part of content that you don't want to get.

Now, go back on the iptips.org, click to see the detail of the article, using firebug to get the seletor of title :

You can see that the article's title is in the tag h1 with class "title", so the value of selector of title will be : ".title" or "h1.title"

The article's content is in the tag "div" with class "content", so the value of selector of content will be : ".content" or "div.content"

Note : if selector that you get is class, you use "." before class name. And if selector that you get is id, you use "#" before id name.

There are some tag that unnecessary (tag "script" and the tag "div" with class "addthis_toolbox"), we will type this tag and this class into the "Selector To Remove" to remove them out of the article. Separate them with the "space" key. the value to remove will be : "script .addthis_toolbox"

Click to preview this article

As you see in the result, there is the tag "textarea" (the red rectangular). The cause is the tag "textarea" is inside the div with class "content", so when we type ".content" into the parameter "Selector of Content", it will get the "textarea" too.

To remove it, you can type "textarea" into the parameter of "Selector To Remove" or type : ".content .clearfix". When we type ".content .clearfix", the system will retrieve the whole content in the tag "div" that contain both class "content" and "clearfix".

Click "Preview Article" again to see the result. Then click the "submit" button to submit the link.

Get special contentBack to top

In some case, we only want to get some articles that you want. It's the time to use this function. Just copy the article's url and paste into the "Link get special content".

Note : The way to "Get Special Content" be same "Get Auto Content". If you got contents at your sources existed, you can use "Older Selector" that don't input each the selector again.

Then, use firebug to get the right selector.

Assuming that we want to get this article : http://iptips.org/2012/05/31/new-improved-mac-app-interfaces-for-osx/. Copy and paste the url into the "Link get special content". Because we have taken the content at the site "iptips.org", so just click on the "Older Selector", the system will display the older selector that used previously. Click "use" if you want to use them or you can type the new selector. Click "submit" button to finish.