السلام عليكم و رحمة الله وبركاته.

 طريق التركيب 

1. قم بالدخول للوحة النجكم بلوجر ثم القالب ثم إنقر تحرير html .
2. إنقر وسط الأكواد، إستعن بالزرين (ctrl+f) للبحث عن هذا الوسم: <b:skin>
3. ثم ضع الكود التالي مباشرة فوق الوسم الذي وجدته.

/* === Button warch-mo Style === */

    .warch-button {
    background-color: #68b12f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CBF3AC), to(#50911e));
    background-image: -webkit-linear-gradient(top, #CBF3AC, #50911e);
    background-image: -moz-linear-gradient(top, #CBF3AC, #50911e);
    background-image: -ms-linear-gradient(top, #CBF3AC, #50911e);
    background-image: -o-linear-gradient(top, #CBF3AC, #50911e);
    background-image: linear-gradient(top, #CBF3AC, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 8px 25px;
    text-align: center;
       }
    .warch-button:hover {
    opacity:.85;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #50911e, #CBF3AC);
    background-image: -moz-linear-gradient(top, #50911e, #CBF3AC);
 }
    .warch-button:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
    }

طريقة الإستعمال

<a class="warch-button" href="#"> إضغط هنا </a>