Demo:


Cách làm:

Bước 1: Vào Modules -> Javascript codes managerment -> Tạo mới 1 file javascript, Placement thì check vào "In the topics". Nội dung như sau:

Code:

$(document).ready(function() {
$(".quote").parent().addClass("quote_area");
$(".code").prev().append("<span class='genmed' style='float:right;'><a href='#' onclick='SelectContent(this); return false;' title='Select all the content'><b>Select Content</b></a></span>").parent().addClass("code_area");
});

function SelectContent(a) {
a=$(a).closest("dl").find(".cont_code,code")[0];
if(window.getSelection){
var c = window.getSelection();
if(c.setBaseAndExtent)
c.setBaseAndExtent(a,0,a,a.innerText.length-1);
else {
window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.setStart(a.firstChild, 0);b.setEnd(a, a.childNodes.length);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())
}

Save lại.

Bước 2: Thêm vào CSS đoạn dưới sau :

Code:

.quote_area {
  border:1px solid #0bbced;
  padding:5px 8px 8px 8px;
  background: #d8f6ff;
  box-shadow:2px 2px 4px 1px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.quote_area .genmed {
  font-size:12px !important;
  color:#0bbced !important;
}

dl.codebox .quote {
  font-size:12px;
  background: #d8f6ff;
  padding-top:5px;
  border:none;
  border-top:1px solid #0bbced !important;
}

.code_area {
  border:1px solid #009908 !important;
  padding:5px 8px 8px 8px;
  background: #e5ffd8 !important;
  box-shadow:2px 2px 4px 1px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.code_area .genmed, .code_area .genmed a {
  font-size:12px !important;
  color:#009908 !important;
}
.code_area .genmed a:hover {
  color:#FFA34F !important;
}
dl.codebox .code {
  font-size:12px;
  background: #e5ffd8 !important;
  padding-top:5px;
  border:none;
  border-top:1px solid #009908 !important;
}

Save lại.

Chúc các bạn thành công.