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

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

طريقة تركيب الاضافة

قم بتحرير قالب مدونتك

ثم قم باستخدام Ctrl+ F بالبحث عن هذا الكود ]]></b:skin>

ثم قم بوضع هذا الكود فوقه

.static_page .post-share { margin-top: 10px; } .post-share { overflow: hidden; margin-bottom: 8px; } .post-share a.share-facebook { border: 1px solid; color: #3b5998; } .post-share a.share-twitter { border: 1px solid; color: #00aced; } .post-share a.share-gplus { border: 1px solid; color: #dd4b39; } .post-share a.share-linkedin { color: #007bb6; border: 1px solid; } .post-share a.whatsapp { border: 1px solid; color: #028948; } .post-share a.share-facebook:hover { color: #fff !important; background: #3b5998 !important; border: 1px solid #3b5998 !important } .post-share a.share-gplus:hover { color: #fff !important; background: #dd4b39 !important; border: 1px solid #dd4b39 !important } .post-share a.share-twitter:hover { color: #fff !important; background: #00aced !important; border: 1px solid #00aced !important } .post-share a.share-linkedin:hover { color: #fff !important; background: #007bb6 !important; border: 1px solid #007bb6 !important } .post-share a.whatsapp:hover { color: #fff !important; background: #028948 !important; border: 1px solid #028948 !important } .post-share a { width: 18%; display: inline-block; cursor: pointer; margin-right: 1.2%; transition: 0.2s; text-align: center; height: 35px; background: #fff!important; line-height: 35px; font-size: 16px; border-radius: 3px; }

ثم قم بوضع هذا الكود المسئول عن ظهةر الاضافة في المكان الذي يناسبك

<div class='post-share'>
<a class='share-facebook' href='http://www.facebook.com/sharer.php?u=' rel='nofollow' target='_blank'><i class='fa fa-facebook'></i> فيسبوك</a>
<a class='share-twitter' href='http://twitter.com/share?url=' rel='nofollow' target='_blank'><i class='fa fa-twitter'></i> تويتر</a>
<a class='share-gplus' href='http://plus.google.com/share?url=' rel='nofollow' target='_blank'><i class='fa fa-google-plus'></i> جوجل +</a>
<a class='share-linkedin' href='http://linkedin.com/share?url=' rel='nofollow' target='_blank'><i class='fa fa-linkedin'></i> لينكدن</a>
<a class='whatsapp' data-href='' data-text='' href='whatsapp://send' title='Share on Whatsapp'> واتساب</a>
<script type='text/javascript'>
if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="http://yourjavascript.com/09010225501/whatsappblogger.js";h.appendChild(s);}
</script>
<script>
//<![CDATA[
$( "a.whatsapp" ).click(function() {
var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1;
var Ismobile = ua.indexOf("mobile") > -1;
var isiPhone = ua.indexOf("iPhone") > -1;
if(isAndroid) {
}else if(Ismobile){
}
else if(isiPhone){
} else {
alert("لا يمكنك مشاركة التدوينة على الواتساب من الحاسوب!");
}
});
//]]>
</script>
</div>