Tips to make "staff instructions" for the blog

{Ji Nguyễn} Do you like when on a certain blog that a "guide" cute show you some information on the blog that you are seen? Today Ji will post an article about a pretty funny little tricks for blogs that Ji collected. With these little tricks, whenever guests visit your blog, the blog appears a little frog introduce visitors to know some basic information such as where they are, is whether any article, article was published on time, .... 

 Demo illustration 

I started doing:
Step 1: In the ACP's blog
Step 2: Select the Widgets for the Design of Wordpress or Blogspot.
Step 3: Drag - Drop Text into a column tag that you like (Wordpress), or click on the Add a Gadget and choose HTML / JavaScript (on Blogspot).
Step 4: Copy the code below and paste into the tag you just created

<script src="http://teenprovn.info/forum/echcon/jquery.142.js"></script>

<link href="http://teenprovn.info/forum/echcon/titlealt.css" rel="stylesheet" type="text/css" media="all" />

<!--[if lt IE 7]>

<style>

#x_tip{position:absolute;bottom:auto;clear:both;top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1);}#software_need{z-index:9999;}.tip{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipTop.png', sizingMethod='scale');background:transparent url();}.tipMid{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipMid.png', sizingMethod='scale');background:transparent url();}.tipBtm{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipBtm.png', sizingMethod='scale');background:transparent url();}

</style>

<![endif]-->

</head>

<div id="x_tip">

<div id="x_tiptext"><div class='tip'><div class='tipMid'></div><div class="text">Tôi là hướng dẫn viên</div><div class='tipBtm'></div></div></div>

</div>

Code red file is made​​, you can download and up to a hosting another to replace itin order to avoid dependence and slowing the blog. Code blue colored text is aquestion that you can replace as you wish.

Step 5: Save and you simply roasted rat owners see your achievements.

Wish you happy!