Semakin banyak plugin didalam blog kita, semakin beratlah blog tersebut. Ia seperti komputer kita jugalah. Semakin banyak aplikasi yang ada didalam komputer kita itu, maka semakin besarlah saiz RAM dan lain-lain yang diperlukan didalam komputer kita itu.

Oleh itu, untuk memaparkan apa-apa Code HTML, Javascript (JS) ataupun Code CSS didalam entri kita, seseorang pengguna WordPress itu sudah pasti pada pendapat saya akan “install” plugin untuk memaparkan code-code didalam entri mereka.

Plugin didalam blog saya sekarang ini semuanya sudah kurang daripada 10. Oleh itu, saya akan menggunakan web lain untuk memaparkan coding HTML + Javascript (JS) di bawah ini tanpa menggunakan sebarang plugin.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(‘http://4.bp.blogspot.com/-uvE6ag18BVs/TYzpBcGQafI/AAAAAAAAA60/3DX4pJx2vXM/s380/SEXY%2BADS.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

</div>
<br />

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Untuk memaparkan sebarang code didalam entri anda, anda bolehlah menggunakan laman web ini untuk menjimatkan ruang database wordpress anda itu. Text > HTML Entities Encoder