1- فایل استایل (style.css) خود را باز کنید و در انتهای آن اضافه کنید :
#social {
position: fixed;
top: 150px;
left: 0;
overflow:hidden;
width:24px;
height:330px;
opacity: 0.55;
background: #F3F8FC;
padding: 6px 6px 0;
border: 1px solid #CFDEEF;
border-left: none;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-webkit-box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
-moz-box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
}
#social_block {
position: absolute;
}
#social:hover {
opacity: 1;
}
#social a {
float: left;
width: 24px;
height: 24px;
margin: 0 6px 6px 0;
}
2- فایل main.tpl قالب خود را باز کنید
کد زیر را پیدا کنید:
</head>
قبل کد بالا کد زیر را قرار دهید:
<script type="text/javascript" src="{THEME}/js/social.js"></script>
3- فایل shortstory.tpl و fullstory.tpl قالب خودتان را باز کنید و کد زیر را در ابتدای آن قرار دهید :
<div id="social">
<div id="social_block">
<script type="text/javascript">
social();
</script>
</div>
</div>
4- فایل social.js داخل فایل ضمیمه شده را باز کنید (همان فایلی که داخل ضمیمه بود و به دایرکتوری js درون قالب خود قرار دادید) و به دنبال کلمه " Default " بگردید و آن را با نام قالب خود عوض کنید (نام قالب شما، همان نام دایرکتوری است که محتوای قالبتان در درون آن قرار دارد. می توانید نام آن را در تنظیمات مدیریت نیز مشاهده کنید).
اطلاعات