بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم أما بعد احبائي في الله اقدم لكم اليوم موضوع جديد وحصري من مدونة عمرو ويب وهو خاص ببلوجر عن اضافة ازرار المشاركة الاجتماعية بشكل جديد ومتناسق لمدونات بلوجر والان تابع معي طريقة تركيب الاضافة علي مدونة
اول شيئ قم بدهاب الي لوحة تحكم مدونتك ثم تحرير HTML
ثم ابحث عن <div class='post-footer-line post-footer-line-1'> او <div class='post-footer'>
وضع بعدها مباشراُ الكود تالي
لتحميل الكود اضغط هنا
<div class='dhi_menu'>
<ul>
<li>
<a class='twitter' data-via='arabetutorial' expr:href='" http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' target='_blank' title='Tweet This!'>غردها</a>
</li>
<li>
<a class='share' expr:href='"http://www.facebook.com/share.php? v=4&src=bm&u=" + data:post.url + "&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 this on Facebook'>شاركها</a>
</li>
<li>
<a class='plus' expr:href='"https://plus.google.com/share?url=" + data:post.url + "&imageurl="' rel='nofollow' target='_blank' title='Post on GoogleBuzz'>انشرها</a>
</li>
</ul>
</div>
ثانيا تقوم بالبحث عن ]]></b:skin> وتضع قبله تماما الكود تالي
لتحميل الكود اضغط هنا
.dhi_menu {
float: right;
margin: 0;
padding: 0;
border-radius: 3px;
}
.dhi_menu ul{float:right;}
.dhi_menu ul li {
float: right;
margin: 0;
padding: 0;
border:2px solid #ccc;
border-radius: 3px;
}
.dhi_menu ul li a {
padding: 12px 35px 12px 12px;
font: normal 12px GESSTwoLight;
float: right;
color: #fff;
}
.dhi_menu ul li a:hover{}
.dhi_menu a.twitter {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi15T1CUkR3aya_7hsJwsmuhr3T8JEiS-HuU2DOY8U9koAKw5Opn2Oq3XPYQLwtUQl3TYkogWEvuF-TmDBLdFSH-eJZFuJSLz1o10HzhZHTIZw2_tTURQSXGYvkRC2ROxUmsEzy_UbiqcM/s1600/tw.png) no-repeat 87% center;
background-color: #0ba6f7;
}
.dhi_menu a.twitter:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi15T1CUkR3aya_7hsJwsmuhr3T8JEiS-HuU2DOY8U9koAKw5Opn2Oq3XPYQLwtUQl3TYkogWEvuF-TmDBLdFSH-eJZFuJSLz1o10HzhZHTIZw2_tTURQSXGYvkRC2ROxUmsEzy_UbiqcM/s1600/tw.png) no-repeat 87% center;
background-color: #ddd;
cursor:pointer;
transition:0.5s;
}
ثم تقوم بعمل حفظ للنمودج ومبروك عليك الاضافة . ملحوظة يمكنك وضع كود الاضافة الاول في اي مكان في المدونة مناسب لك فقط طريقة هي وضعها اسفل كل تدوينات
والان انتها موضوعنا انتظروني في كل جديد كان معكم عمرو محمد من مدونة عمرو ويب
وسلام عليكم ورحمته الله وبركاته
.jpg)
