حصريا اضافة ازرار المشاركة بشكل جديد لمدونات بلوجر

بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم أما بعد احبائي في الله اقدم لكم اليوم موضوع جديد وحصري من مدونة عمرو ويب وهو خاص ببلوجر عن اضافة ازرار المشاركة الاجتماعية بشكل جديد ومتناسق لمدونات بلوجر والان تابع معي طريقة تركيب الاضافة علي مدونة

اول شيء قم بالذهاب الي لوحة التحكم في مدونتك ثم تحرير 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='&quot; http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' target='_blank' title='Tweet This!'>غردها</a>
</li>
 <li>
<a class='share' expr:href='&quot;http://www.facebook.com/share.php? v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Share this on Facebook'>شاركها</a>
</li>
 <li>
<a class='plus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' 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/AVvXsEjwM2gehZVxyzCHI9rz5FiGuJ2T0DIwQdD-Art5I7zcuB-ss9EsRJZOjiwecuS_XlFL6vOMzi4WDuvsCiNsEUbAo_qRBpL1WEV8QGIxipeJpoh65pUysfGPNZow0kDc9y_DFX2t59ycFDs/s1600/tw.png) no-repeat 87% center;
background-color: #0ba6f7;
}
.dhi_menu a.twitter:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwM2gehZVxyzCHI9rz5FiGuJ2T0DIwQdD-Art5I7zcuB-ss9EsRJZOjiwecuS_XlFL6vOMzi4WDuvsCiNsEUbAo_qRBpL1WEV8QGIxipeJpoh65pUysfGPNZow0kDc9y_DFX2t59ycFDs/s1600/tw.png) no-repeat 87% center;
background-color: #ddd;
cursor:pointer;
transition:0.5s;
}

ثم تقوم بعمل حفظ للنمودج ومبروك عليك الاضافة . ملحوظة يمكنك وضع كود الاضافة الاول في اي مكان في المدونة مناسب لك فقط طريقة هي وضعها اسفل كل تدوينات

والان انتها موضوعنا انتظروني في كل جديد كان معكم عمرو محمد من مدونة عمرو ويب

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