إضافة التواصل الأجتماعي – قم بتركيب واحدة من أهم الإضافات المميزة لمدونة البلوجر

إضافة التواصل الأجتماعي – يرغب العديد من أصحاب المدونات الجديدة بأشهار حساباتهم في مواقع التواصل الأجتماعي من خلال المدونات الخاصة بهم ، بحيث يحققون أكبر أستفادة من مدوناتهم بالإضافة إلى إشهار الحسابات الخاصة بهم .

يوجد الكثير من الإضافات المميزة لقوالب البلوجر أهمها وأكثرها طلبا هي إضافة أزرار مواقع التواصل الأجتماعي بحيث يرغب الكثير من المدونين بتركيب مثل هذه الإضافة ولكن يجدون صعوبة في تركيب مثل هذه الإضافة والتعديل عليها، وتكملة للشرح السابق عن كيفية تعديل أقسام مدونات البلوجر من سلسلة تعلم البلوجر ، في هذا المقال سنقدم لكم كيفية وضع هذه الأضافةالخاصة بمواقع تواصل الأجتماعي لجميع القوالب على مدونات البلوجر، بحيث تصبح المدونة تفاعلية أكثر من قبل لأحتوائها على إضافة مميزة تجذب الزائر .

إضافة التواصل الأجتماعي – قم بتركيب واحدة من أهم الإضافات المميزة لمدونة البلوجر

تعتبر هذه الإضافة من أهم الإضافات لمدونات البلوجر ، وخصوصا في حال كنت تمتلك حسابات كثيرة و مختلفة في مواقع التواصل الأجتماعي فمن شأن هذه الإضافات زيادة عدد المتابعين على حساباتك في مواقع التواصل بشكل كبير إن كان لديك عدد جيد من الزوار بشكل يومي على مدونتك فـ ستحتاج هذه الإضافة بالتأكيد .

طريقة التركيب :  قم بالذهاب إلى لوحة التحكم الخاصة بمدونتك على بلوجر ، ثم الضغط على خيار “التخطيط” بعد ذلك ستظهر لك صفحة بها جميع الأضافات في مدونتك .
تقوم بالضغط على خيار ” إضافة جديدة” ، لتظهر لك نافذة بها إضافات مختلفة يمكنك تركيبها على مدونتك ولكن تقوم بأختيار ” html / java ” لتظهر لك خانة تضع فيها الأكواد البرمجية التي تريدها وتقوم بإضافة الكود في الأسفل كما هو موضح بالصورة .

الكود :

<link href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css” rel=”stylesheet”/>
<style>
/*——————– font ——————–*/
@font-face {
font-family: “Ta3alamFont”;
font-weight: normal;
font-style: normal;
src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot);
src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot?#iefix) format(’embedded-opentype’),
url(https://dl.dropboxusercontent.com/s/gjkkuvnfze5ii1l/Ta3alamFont.woff) format(‘woff’),
url(https://dl.dropboxusercontent.com/s/mjj8mvkq7jgihhn/Ta3alamFont.ttf) format(‘truetype’);
}
/*——————– #font# ——————–*/
.conteurfans{
margin: -11px;
background: #515151;
border: 1px solid #1D0000;
border-radius: 5px;
padding: 20px 10px;
box-shadow: 0px 0px 30px -10px #000 inset;
}
.conteurfans h3{
width: 100%;
color: #fff;
font-weight: normal;
font-size: 25px;
text-align: center;
height: 50px;
}
.conteurfans i{
margin: 0px 0px 0px 8px;
font-size: 20px;
}
.conteurfans ul{
width: 260px;
height: 80px;
margin: 0px 10px;
padding: 0px;
}
.conteurfans ul li{
width: 55px;
height: 60px;
border-radius: 4px;
background: #FFFFFF;
float: right;
display: block;
margin: 0px 5px 0px;
box-shadow: 0px 0px 30px -15px #000 inset;
padding: 4px 0px 10px;
text-align: center;
}

.conteurfans ul li a{
color: #515151;
font-weight: bold;
}
.conteurfans ul li a:hover{
color:#000;
}
.conteurfans ul li i{
width: 44px;
font-size: 30px;
padding: 9px 0px 6px;
margin:0px;
}
</style>
<div class=”conteurfans”>
<h3>
<i class=”fa fa-users”></i>عداد المتابعين</h3>
<ul>
<li><i class=”fa fa-facebook” style=”color:#43609C;”></i><a href=”#”>عدد المتابعين</a></li>
<li><i class=”fa fa-youtube” style=”color:#f22;”></i><a href=”#”>عدد المتابعين</a></li>
<li><i class=”fa fa-twitter” style=”color:#55ACEE;”></i><a href=”https://twitter.com/mr_raghib”>عدد المتابعين</a></li>
<li><i class=”fa fa-google-plus” style=”color:#CA0606;”></i><a href=”#”>عدد المتابعين</a></li>
</ul>
</div>

 

كما في الصورة السابقة عليك القيام بتغيير كلمة “عدد المتابعين” إلى عدد المتابعين الذي لديك في حسابك الموجود على أحد مواقع التواصل  ، وتغيير الـ “#” الى رابط حسابك سواء كان فيسبوك ،تويتر أو يوتيوب .

وفي النهاية تقوم بالضغط على زر ” حفظ ” بعد قيامك بهذه التعديلات البسيطة وتقوم بإعادة تحميل صفحة المدونة لتلاحظ ظهور الإضافة بالشكل المطلوب .

قدمنا لكم في هذا المقال : إضافة التواصل الأجتماعي – قم بتركيب واحدة من أهم الإضافات المميزة لمدونة البلوجر .

اقرأ أيضا : كيفية تعديل أقسام مدونات البلوجر