أزرار مواقع التواصل الإجتماعي : تعتبر مواقع التواصل الإجتماعي فيس بوك تويتر... سلاح لكل مدون لإشهار مدونته وكسب العديد من الزوار نظراً لأنها أصبحت رائجة ومستخدمه من قبل الكثير من الزوار لهذا يتوجب ادراج هذه الاضافة في كل مدونة حتي يتمكن الزوار من التعرف علي المدونة ومتابعتها
تركيب أزرار مواقع التواصل الإجتماعي
لضمان ظهور أيقونات Font Awesome أضف الكود التالي قبل هذا الوسم </head>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
//]]>
</script>
قيد يكون الكود موجود سابقا في قالب مدونتك اذا نتجاهل هذه الخطوة
الخطوة الثانية أضف الكود التالي أسفل هذا الوسم ]]></b:skin>
<style type='text/css'>
.sosmed{position:relative;margin:0;padding:0;overflow:hidden}
.betweener{text-align:center}
.sosmed .betweener a{display:inline-block;position:relative;width:33.1%;padding:12px 0;text-align:center;color:#fff;font-size:20px;font-weight:normal}
.facebookBtn{background:#3b5998;opacity:.95}
.facebookBtn:before{font-family:"FontAwesome";content:"\f09a"}
.facebookBtn:after{content:"فيس بوك";display:block;font-size:16px;}
.twitterBtn{background:#19bfe5;opacity:.95}
.twitterBtn:before{font-family:"FontAwesome";content:"\f099"}
.twitterBtn:after{content:"تويتر";display:block;font-size:16px;}
.googleplusBtn{background:#f3923c;opacity:.95}
.googleplusBtn:before{font-family:"FontAwesome";content:"\f007"}
.googleplusBtn:after{content:"تابعنا";display:block;font-size:16px;}
.sosmed .betweener a:hover{color:#fff;background: #222222;}
</style>
الخطوة الثالثة والأخيرة أضف هذا الكود في آداة HTML/JavaScript
<div class='sosmed'>
<div class='betweener'>
<a class='facebookBtn smGlobalBtn' href='#' rel='nofollow' target='_blank' title='تابعنا عبر فيس بوك'/>
<a class='twitterBtn smGlobalBtn' href='#' rel='nofollow' target='_blank' title='تابعنا عبر تويتر'/>
<a class='googleplusBtn smGlobalBtn' href='#' rel='nofollow' target='_blank' title='انضم الي متابعي المدونة'/>
</a></a></a></div></div>
أستبدل # با الرابط
في أمان الله