Showing posts with label Tips and Tricks. Show all posts
Showing posts with label Tips and Tricks. Show all posts

Collection of HTML Color Code

March 9, 2012 | 16:00

March 9, 2012

Collection of HTML Color Code - HTML color coding is one very important element in designing a blog or website. HTML color codes are needed when going to design or to give color to the blog template, such as the display background, text, border, and on the other.

HTML color code can also be opened and viewed in Photoshop. This code can be combined to give the variation in seeing colors that appear, as well as an effort to beautify the look of blog or website.

The colors in HTML has its own code. For example, white color has a code #FFFFFF, black color has a code #000000, and so forth. The combination of colors in the HTML color code very much, so it is very difficult to memorize one by one. For simplicity, hopefully HTML color codes complete collection below can be useful to use.

Collection of HTML Color Code


Read More | Comments

Parse HTML Code

February 8, 2012 | 00:27

February 8, 2012

Parse HTML

Parse HTML code is a tool that can help you to parse the code in the script / javascript automatically to simplify installation. By parse this code, you can add HTML code into the post or for other purposes.

Method Usage: Enter HTML code that will be parsed into the box below and click Parse Script

© Webmaster Tools - Parse HTML
Read More | Comments

Tips to make the spirit in the Morning

January 24, 2012 | 01:19

January 24, 2012

If every morning activities we do are not excited, of course we can not ever to enjoy the day. For some people, sometimes the morning is a very scary thing.

This paradigm will make us lazy when morning came, and eventually will ruin our mood. Actually, there are secrets to improve morale, especially in the morning. The following are tips to make the spirit in the morning.

- Create a small note before bed, write a fun event in a day. Can also note that will be done in the morning or anything that comes to mind in the moments before falling asleep. When morning came, read the note again.

- Memorize the proverbial positive because a positive sentence allegedly could stimulate a sense of happiness. For example, "This is a new day and there is a chance for a great new beginning."

- Put the favorite quote in a small frame on a table or in a place that can be easily seen. So when the mood is not good, this can help fix it.

- Put a glass of water next to a bed that is ready to welcome the day when the morning comes. Water in addition to refreshing the body, can be a good start to start the morning.

- Favorite book can also affect the mood state in the morning. In addition, reading before bed proved to increase the intelligence of the brain. Because the brain activity of reasoning. In addition to improving intelligence, read actual books can also calm the mind.

- Try to create questions about the motivation to ask yourself in the morning, like, "How would I make this wonderful day?" or "What can I do to the spirit of this day?"

- When starting to feel a bit overwhelmed through the day, try to break from the activities being conducted at the time. Sweet snacks such as chocolate, are believed to restore mood.

Walking into the mirror and smile at the face in the morning when waking from sleep, may also spur to get the spirit in the morning.
Read More | Comments

The secret of being a great mother

December 10, 2011 | 05:40

December 10, 2011


A mother is a great woman because she has a big responsibility on his work, like taking care of her husband and her children, cooking, and so on. Although the mother was busy with activities for the family and his job, but he still has time to socialize with neighbors and friends.

How a mother can divide her time to do that?

1. Getting enough sleep
With enough sleep, certainly can make the activity and time becomes more productive.

2. Do not be afraid to ask for help
The worst thing you can do is try to be all things to all people. Never be afraid to ask for help when needed. No harm, though it should seek assistance from husband

3. Plan & Schedule
Every family should have a calendar with writing about all the important dates. For example, when there are events at the school, appointments with doctors, practice sports, and so on. Marking and writing important dates should be done, because it is not always a mother can continue to remember it. Use the help of reminders such date as the mobile phone owned.

4. Plan time to be with your husband
A great mom should never lose the sense of affection and relationship with their husbands or other family members. Plan time to be with your husband, at least every month. That way, would be able to enjoy time with your husband without any disturbance.

5. Relax
Give children the freedom to learn who he is, and learn from his mistakes.
Read More | Comments

5 Tips for Preventing Malware Safe on Facebook

August 22, 2011 | 04:14

August 22, 2011

Facebook popularity provoked interest in the cyber criminals to spread malicious programs on the social networking site. Sensational video titles often fooling users, but it's just a trap.

Here are 5 tips to ward safe, cited by detikINET of Eset security company on Friday (08/19/2011).

1. Always use security software on a computer, equipped with high performing antivirus, and do not forget to always update it.

2. Always be aware if there is a suspicious conversation. Example, chat with a foreign language and a strange arrangement of letters.

3. Avoid clicking on strange links. Typically, related porn videos and other things it called sensational.

4. Adjust the level of security and privacy settings on social networking sites.

5. There are many applications that are published by third parties as a result of work of the suspected perpetrators of cyber crimes and go as spam in the user's computer. So you must not download applications that are not clear origin.

Source of quote:
(in Indonesian)
Source image: internet

Hopefully helpful!
Read More | Comments (12)

Install Google +1 Button in a Corner of the Blog

August 8, 2011 | 01:56

August 8, 2011

Previous already posted how to Install the Google +1 button on blogspot, and on this occasion I will share how to Install google +1 button in a corner of the blog at blogspot.

Install google +1 button in a corner of the blog serves to share in the home page, label, as well as posts, everywhere these buttons can appear, not as in the Google +1 button which previously, could only be to share in part in any post . Meanwhile, if installed in a corner of the blog, then Google +1 botton share will remain in place if the blog in drag upward or downward, as seen on this blog PapaTiti Online.

Well if you are interested in installing this way, please follow the steps on below.

1. Login to Blogger
2. Click Design and select Edit HTML
3. Search Code </head>
4. Enter the code below, just above the </head>

<script type="text/javascript" src=""></script>

Note: If you previously already activate this button, way 3 and 4 are skipped only.

5. Find this code ]]></b:skin>
6. Enter the code below just above the ]]></b:skin>

#G_plusone {
position:fixed;_position:absolute;top:10px; right:0px;
document.documentElement.clientWidth - offsetWidth); }

Top: 10px; = position G +1 button and the distance of the up or down
right: 0px; = position G +1 button and distance of the right or left
(Please arrange themselves according to taste)

7. Enter the code below just above the code </body>

<div id='G_plusone'>
<g:plusone size='tall'/>

Note: For sizes, please see here Install the Google +1 button on blogspot.

8. Save the template and see the results

If you feel that any article on this blog useful and liked it, please click the +1 button on the right sidebar this blog.

May be useful
Read More | Comments (5)

Install Google +1 Button on Blogspot

August 3, 2011 | 06:57

August 3, 2011

As has been reported in the crowded world of the Internet, Google has made a new feature of Google +1, which is a tool for visitors to the blog / web and search engines to provide an assessment for a blog page / website that has a value greater benefits.

The benefits of installing the Google +1 button is able to influence the search engine to get the best results on the basis of a lot or not Google +1 buttons provided by the visitor on our blog. If the search results on search engines put on the first page article, a visit will be even greater, so that it can affect the visitor traffic on our blog.

To install Google +1 Button, the following steps:

Method One:

For a default blogger template is a congenital blogger, this feature can be made easily through the page elements / gadgets edit, because this feature has been officially added to Blogger. see on the picture below:

Google +1 Button, can be easily displayed by checking the "Show Share Button". Sign in to your dashboard > design > then click edit post on the template, and will appear as shown above.

Method two:

To modify a template instead of the default templates, the feature "share button" usually has been deleted. Therefore, it needs editing HTML templates to add the Google +1 Botton.

1. Edit HTML on the template and search <head> code, then copy the code below and put it under the code <head>

<script type="text/javascript" src=""></script>

2. Then the next step is to put a Google +1 Button on your blog, whether in the sidebar or on the post area, it's up to you, just enter the following code in the position you want.

<g:plusone size="small"></g:plusone>

<g:plusone size="medium"></g:plusone>

<g:plusone size="tall"></g:plusone>

<g:plusone ></g:plusone>

If there are not clear please visit the official website, here

hopefully help.

If you feel that any article on this blog useful and liked it, please click the +1 button on the right sidebar this blog.
Read More | Comments (8)

Eliminating Password in a PDF File

There are many ways to reset passwords on PDF files, one which I think is simple, easy and free way is to use PDF Unlocker. As for how this information I found on the Informasi Di Dunia Maya.

PDF Unlocker is a simple and useful application that can remove all sorts of restrictions on a PDF file. It works by removing the password that restricts access in the two regions.

• First to password restrict several functions such as printing a copy and paste.
• Second is the password that can prevent you from accessing or open a PDF file.

The trick is as follows:

1. First of all, first download the software here.
2. Then install to complete.
3. Open explorer and find where you store an existing PDF file is password.
4. Pull (PDF file that password) to the icon on your desktop (PDF Unlocker)

Then there will be two files in your folder, the files XXXX.pdf is an existing password, while XXXX_noPW.pdf, there is not password.

Hopefully Helpful
Read More | Comments (1)

Using Read More In Pictures

July 21, 2011 | 05:43

July 21, 2011

Read More in a blog is a line of words that are used to shorten the text in your blog or website. Function of the Read More is to showcase some of the posts on the main page of a blog / website or divide two pages on a post and when clicking on read more, the article displayed in full.

In previous posts had exposed how to make read more, and on this occasion, I will share about how to create read more in pictures.

To make the read more read more in pictures, do as follows:

1. Log into
2. Click Layout --- Edit HTML
3. Click the Download full template, just in case if there is an error editing the HTML
4. Check the boxes next to the words "Expand Widget Templates"
5. Find the code read more previously been made as below:

<b:if cond='data:blog.pageType == "item"'>
<a expr:href='data:post.url'>Read More</a>

6. Change the Read More red in the above code with this code:

<IMG SRC=''/>

The image to be used can be made with your own creations, by first making the desired image and then upload it to the provider directory and use the link / code from the image.

7. When finished save the template, and the results are as used on this blog.

May be useful

(source image/code read more: internet)
Read More | Comments (2)

Restoring to a NoFollow Blog

It has been previously posted on the definition of a blog NoFollow and DoFollowdifference between Dofollow and blog NoFollow, changing into dofollow blog, as well as ways to find blog NoFollow or DoFollow.

And in this occasion, I will share how to restore to a NoFollow blog based on what I know. By default, access Nofollow bloggers there are 3 settings:

1. Backlink url
2. Comments url

To restore a NoFollow blog, we just restore the settings as before.

As usual, download full template first, then on the menu templates check expand widget templates:

1. Returns NoFollow on BackLink url, find the code zippy, then the code 'data: backlink.url', then add the code rel ='nofollow'

<dt class='comment-title'>
<span class='backlink-toggle-zippy'>&#160;</span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>

2. Returns NoFollow Comments url, find the code 'data:comment.authorUrl', then add the code rel ='nofollow'

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><></a>

3. Returns NoFollow on Followers, find the code followers, the 'data:follower.displayName' and add the code rel ='nofollow'

<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>

Hopefully this can be useful for those who want to return to NoFollow blogs.
Read More | Comments

Installing the ShareThis Button at the Post

July 19, 2011 | 21:10

July 19, 2011

Install a widget or of the ShareThis button on web/blog is useful to facilitate the visitors who want to share articles via facebook, twitter, etc., on this ShareThis facility. The advantages of the widget or button of this is that we can know the amount of each post that has been distributed. Examples like the picture below or at the end of each post that is on this blog.

If interested and would like to install or use the ShareThis widget or button like the one on this blog, follow these steps. But before, download full template first to keep from error.

1. Login blogger
2. Layout, Edit HTML,
3. Click the Expand Widget Templates
4. Find the code below:




5. Save the following code below the code you're looking for before:

<div style='padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>

6. Save the template and see the results.

Note: If you've used readmore, this button will look and perform the full post.

May be useful.
Read More | Comments (2)

Making a Background Color in Blog Postings

June 4, 2011 | 06:00

June 4, 2011

Make or give the background color on the post is a way to enhance your blog. And of course also be an attraction itself on the post.

To make or give color to the background, easy enough. If ingnin trying to please follow the steps below.

1. The first step before writing a post, click edit HTML and add the following code below

<div style="background:#fffff3; border:1px dotted #F5003D; padding:5px;">

on the edit HTML, please write an article or code in the text

2. after you finish writing the article, add the code </div> as a cover.

Examples like the following:

<div style="background:#fffff3; border:1px dotted #F5003D; padding:5px;">Write an article or code here ... </div>

Description: #fffff3 is the background color code, please change as you wish
Read More | Comments

Tips for Avoiding Fatigue Eyes in Front of Computer

June 3, 2011 | 00:13

June 3, 2011

Some of us would have the habit to work for long in front of a PC monitor, either to work or doing other things like playing games and browsing. As a result the effects of eye fatigue and dizziness head was unavoidable.

While many consider this fact not entirely true, but in reality it is still affecting the health of our eyes. The effect we sometimes a little difficult to focus the object of view, and so forth. This of course caused a radiation monitor for too long when we work.

Here are some tips to avoid eye fatigue in front of the computer:

1. Keep your distance from the monitor

Being too close to the monitor is a bit dangerous for our eyes. We should maintain visibility into the monitor.

2. Get rid of CRT, Switch to LCD

Monitor tube (CRT) does give a worse effect than the LCD, in addition to the energy required is also greater. Try replacing CRT monitors with LCD.

But the price of LCD monitors are more expensive than CRT. It's good we buy anti-radiation filters. This is the solution to reduce the pain from the eyes linger in front of the monitor, but with a cheap price.

3. Set the monitor settings

Some monitors are now many provide pre-set display modes, to allow users to change the display settings. Pre-set these settings to give different levels brightnes, to adjust the conditions of use of the monitor.

For example settings such as, 'text' or 'internet' will feel much cooler in the eyes, when we use for typing or browsing. Setting 'game' or 'movie' will look much brighter when used.

4. Use anti-radiation glasses

Although it costs a relatively more expensive, but it's good to have enough money, we buy anti-radiation glasses. In addition you can take them wherever we work, these glasses are not only useful when we work in front of the monitor, but also protect the eye from the car light, radiation, TV, and so forth.

In fact the anti-radiation coating on the glasses, very useful for our eyes. Because the layer automatically reduces the effects of pain in the eyes of radiation due to excessive light.

5. Rest my eyes for a moment, on a regular basis

The easiest way to avoid eye fatigue due to radiation monitors are mengistirahatkannya periodically. Try to rest eyes for about 5 minutes every hour. We can use it to take 5 minutes see the sights, washing face and so forth. The important thing away from the monitor.
Read More | Comments (2)

How to Divide Labels List Becoming 2 or 3 Columns

May 5, 2011 | 00:46

May 5, 2011

Usually if there is a lot of labels on the blog. And if you select the label list, not a cloud then it will take a lot of places and the labels will look very long. So that the label does not look too long, we can change the label using the label list scroll divide into 2 or 3 columns. And on this occasion papatiti will share tricks to split the label that shaped the list into 2 or 3 columns, such as labels that exist on this blog, which papatiti divided into 3 columns.

If you are interested, please follow the following steps:

1. Login to your Blogger account
2. Click Design
3. Click Edit HTML
4. Put the following code above the ]]></b:skin>

# Label1 ul li {
float: left;
width: 33%;


Width is the width of the column. If the width was 33% as above, then the widget label will be divided into 3. If you want to divide it into two, just change its width 45%.

Selection # Label1 may vary, but by default, the label widget, if you only have one, then the code is correct. However, if you have more than 2 labels widget, then you will have the ID widget label 1, the widget label 2, and so on.

5. Click Save Template

Good luck and try it useful.
Read More | Comments (2)

Create Archive Blog With Scroll Function

For those who have a blog and often post articles using the blog archive display innate, of course, the look in the archives of these blogs will be long and if this disturbing, the way that can be done is to install a scrolling function on the file, as this papatiti blog.

On this occasion I will share experiences on how to create a blog for the archive has the function of the scroll. The steps are as follows:

1. Log in to acount Blogger
2. Select Layout
3. Click Edit HTML
4. Tick the Expand Widget Templates used
5. Find this code <div id='ArchiveList'> or word Archive
6. Add the green code below as scollnya, or
7. Details as below:

<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:150px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
<b:include name='quickedit'/>

8. Figures 150px is the height of the scroll box, please adjusted
9. If so click the Save Template and see the results.

Hopefully useful.
Read More | Comments (2)

How To Know Blog Nofollow or Dofollow

April 14, 2011 | 17:27

April 14, 2011

Many ways can be done to find out the status blogs, blogs status nofollow or dofollow, depending on the browser we use. On this occasion, I will share an easy way to view the status of the visited blog, nofollow or dofollow by right-clicking on Mozilla Browser. This method is quite easy, simply by using the right click on the blog in question.

Do the following:

1. Open blog in existing pages comments
2. Then block the name / link commentator, then right click and select view source selected text
3. For the nofollow usually writing, rel = "nofollow" on the page that appears, as below.

<a href="" rel="nofollow">papanya_Titi</a>

4. For the dofollow, don't have any posts rel = "nofollow", the page that appears, as below

<a href="">papanya_Titi</a>

My advice, we do not need to think about whether the blog is nofollow or dofollow, which remain important mutual friends, and visit other, good luck and greetings bloggers.

Hopefully useful.
Read More | Comments (3)

Change Nofollow Become Dofollow Blogs

Previously been posted on understanding nofollow and dofollow blog, please see here, as well as differences nofollow and dofollow blog, please see here.

At this time I will share how to change nofollow blog become dofollow blogs. As for how something like this:

1. Log in to your Blogger account
2. Click Design
3. Select Edit HTML
4. Check the small box Expand Template Template
5. Find the code below, for ease of use Ctrl + F

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><></a>

6. Delete the code in bold, so look like this:

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><></a>

Each template has a different code. Typically, the standard template from google has more than one word nofollow. If the template you have more than one word nofollow, do the above on all nofollow in your template HTML code.

Hopefully useful.
Read More | Comments (2)

How to Change the Name of Blog Authors

April 9, 2011 | 00:25

April 9, 2011

In this post in a blog we will see the name of the author of this post. But there are also some from the blog owner does not want to display the name in a way eliminate or replace it with another name.

For those who have the desire as above, is easy enough because I've tried it. The steps are as follows:

1. Log in to blogger
2. Select Layout
3. Select Edit HTML
4. Click the small box on Expand Widget Templates
5. Find the code below:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<span class='fn'><></span>

6. Replace the red code with a chill like the example below:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<span class='fn'>desired name</span>

Description: delete the red text if you don't want to show it

7. Click the preview, save your template if is appropriate.

Hopefully useful.
Read More | Comments

Creating Animation Links

April 1, 2011 | 02:38

April 1, 2011

Animation links are links that will change color and enlarged when the mouse is directed to serve targeted links. To make the animation link, the following steps:

1. Log in to Blogger
2. Click Layout on the dashboard menu
3. Select Edit HTML
4. Do not forget to click the Expand Widget Templates
5. Search codes a:link { or the code can also be a:visited { and replace the code below with the following code:

a:link {
font-size: default;

before the modified or original:

a:link {
color: #660000;
text-decoration: none;


a:visited {
font-size: default;

before the modified or original:

a:visited {
color: #660000;
text-decoration: none;

6. Search codes a:hover { and replace the code below with the following code:

a:hover {
color:# 454DF0;

before the modified or original:

a:hover {
color: #660000;
text-decoration: underline;

Green color code can be replaced in accordance with desired color code, while the red color code depending on the color code in your template and may not be the same color code on the top.

7. If so, click Save Template, and see the results.

Hopefully useful.
Read More | Comments

How To Copy Images Displayed On Computer Screen

March 30, 2011 | 13:57

March 30, 2011

To copy an existing image or display on a computer screen there is one simple trick that should be used. this trick is better known as the print screen. Print Screen is a copy or a process of "shooting" the current state being displayed on the computer screen. For example, we are now facing a computer screen or when we are online on the internet and reading articles or seeing images on the computer, we can automatically mengabadikannya in the form of images.

Trick or easy way to do it by pressing the Prt Sc SysRq, see picture below:

How to use it:

1. Select a picture or article to the capture time is running computer.
2. Then press the Prt Sc SysRq or Print Screen SysRq
3. Open your paint application
4. After entering the paint application and paste it over there or press ctrl + v

In addition to paint, can also paste into ms offiice, except acces, and corel draw, abode photoshop, etc.

Hopefully useful.
Read More | Comments
Free Page Rank Tool
Copyright © 2010-2012. PAPATITI ONLINE . All Rights Reserved.
Template modify by Creating Website