إبحت على هذا الكود ]]></b:skin> وضع قبله أو بعد الكود التالي
الخطوة الاخيرة بحت على هدا الكود ا <div class='post-footer'> ستجد اكتر من واحد فجرب الكل حتى تجد النتيجة المطلوبة تم ضع تحته الكود التالي
.tips {
font-family: Droid Arabic Kufi;
background: #4E1B3F url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiuSFqvjduabWiOFeCflqEyd0bRKmIr1-ILkAM9d4ZA2if1_DwAJkcWRwrnehViKqaZRZB4KIOYOGEPIf04SiCbmS8S-HkeCvWKjpbRqafDfgIWsTguUeN8b787o61_CyfWOtFmwCXNX41/s1600/gh.png') no-repeat right;
color: #fff;}
.dhi_menu {
float: left;
margin: 0 0 0 8px;
padding: 0;
position: relative;
z-index: 9999;
margin-top: 36px;}
.dhi_menu ul {
float: left;
list-style: none;
margin: 0 !important;
padding: 0 !important;}
.dhi_menu ul li {
float: right;
margin: 3px;
display: block;
padding: 0;
margin-top: 8px;}
.dhi_menu a.twitter {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0CyN23Pq2jScrHf4xI-Zum_t-uqhgkMDbKAYiJl_O5iHfQC1bNdOSXZovb6zUREeqKVt1WkhAH0oypnv9x9LXHGFdJ_EjYhvbwe5hW0Zg_dkFkCGaK7G8QZA3I3ULge5abaNGtMvh_kw/s1600/tw.png) no-repeat 87%;
background-color: #0ba6f7;}
.dhi_menu a.twitter:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0CyN23Pq2jScrHf4xI-Zum_t-uqhgkMDbKAYiJl_O5iHfQC1bNdOSXZovb6zUREeqKVt1WkhAH0oypnv9x9LXHGFdJ_EjYhvbwe5hW0Zg_dkFkCGaK7G8QZA3I3ULge5abaNGtMvh_kw/s1600/tw.png) no-repeat 87%;
background-color: #ddd;
cursor: pointer;}
.dhi_menu a.share {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj719LyN6GjSRuCq9as2nNndrXiYVnVckE7K1azKu6Fj6rBxtVTHuAIjzLtMcXJbCTKoY9STKUSLpcAzEtxQLeTaWTW26M67CoyZUEl9HPOjY4Q_CBqN99TAgjKzD6WH81t-Yh7gtW1ZfA/s1600/fb.png) no-repeat 87% center;
background-color: #003366;}
.dhi_menu a.share:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj719LyN6GjSRuCq9as2nNndrXiYVnVckE7K1azKu6Fj6rBxtVTHuAIjzLtMcXJbCTKoY9STKUSLpcAzEtxQLeTaWTW26M67CoyZUEl9HPOjY4Q_CBqN99TAgjKzD6WH81t-Yh7gtW1ZfA/s1600/fb.png) no-repeat 87% center;
background-color: #ddd;
cursor: pointer;}
.dhi_menu a.plus {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7rP4BTYd4TQupXrA7ppft51s847BXdqiRMiwG5pQfNURg2YII07Qx6wUOTsODQXF7xNtBfdU7Wu5XXb2UVIiKMaQ6lQY-utu_Pa_lYtUCrbWVECLhxGACSFN44vUV3pCb7RpRWuqIkdY/s1600/g.png) no-repeat 87%;
background-color: #dc311b;}
.dhi_menu a.plus:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7rP4BTYd4TQupXrA7ppft51s847BXdqiRMiwG5pQfNURg2YII07Qx6wUOTsODQXF7xNtBfdU7Wu5XXb2UVIiKMaQ6lQY-utu_Pa_lYtUCrbWVECLhxGACSFN44vUV3pCb7RpRWuqIkdY/s1600/g.png) no-repeat 87%;
background-color: #ddd;
cursor: pointer;}
.dhi_menu ul li a {
padding: 10px 30px 10px 10px;
border-radius: 3px;
font: normal 12px tahoma;
float: right;
display: block;
color: #FFF;}
.tips {
line-height: 22px;
min-height: 0px;
font: 16px ges,arial;
padding: 8px 12px 12px;
margin: 5px 0;
text-align: right;
padding-right: 50px;
direction: rtl;
margin-top: 35px;
margin-bottom: 14px;
font-family: Droid Arabic Kufi;
}
الخطوة الاخيرة بحت على هدا الكود ا <div class='post-footer'> ستجد اكتر من واحد فجرب الكل حتى تجد النتيجة المطلوبة تم ضع تحته الكود التالي
<div class='dhi_menu'> <ul> <li> <a class='twitter' data-via='course4design' expr:href='"http://twitter.com/home?status=" + data:post.title + " " + data:post.canonicalUrl ' rel='nofollow' target='_blank' title='Share on Twitter'>غرد</a> </li> <li> <a class='share' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.canonicalUrl + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer', 'toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' target='_blank' title='Share on Facebook'>مشاركة</a> </li> <li> <a class='plus' expr:href='"https://plus.google.com/share?url=" + data:post.canonicalUrl ' rel='nofollow' target='_blank' title='Share on Google Plus'>إضافة</a> </li> </ul> </div> <div class='tips'> بضغطة زر تشارك الفائدة وتدعم هاى تك </div>
