1. langkah pertama (1):

<link rel="stylesheet" href="css/easy.css" media="screen" />

<link rel="stylesheet" href="css/easyprint.css" media="print" />

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/easy.js"></script>

<script type="text/javascript" src="js/main.js"></script>

tuliskan script itu sesudah tag <head> dan atau sebelum tag </head>

  1. langkah kedua (2):

<a href=”#” class=”tooltip” title=”tentang blog ini”>about this blog</a>

<a href=”#about” class=”popup”>about this blog</a>

lalu tulis id sebagai targetnya,

<div id=”about”>tentang blog ini</div> atau, <p id=”about”>tentang blog ini</p>

jika id tersebut hanya bisa dipanggil/muncul ketika dipanggil oleh fungsi popup saja, maka bisa menambahkan style css, contoh:

<div id=”about” style=”display:none;”>tentang blog ini</div> atau,

<p id=”about” style=”display:none;”>tentang blog ini</p>