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



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

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

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

إضافة التواصل الأجتماعي - قم بتركيب واحدة من أهم الإضافات المميزة لمدونة البلوجرإضافة التواصل الأجتماعي – قم بتركيب واحدة من أهم الإضافات المميزة لمدونة البلوجر
كود
}
/*——————– #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>