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


طريقة تركيب الشريط الجانبي للتواصل الاجتماعي

1- تسجبل الدخول الى بلوجر>>>تخطيط>>>اضافة اداة html/javascript
2-  نسخ الكود التالي في الأداة :

<style>
/*----------------http://rydnet.blogspot.com/ ~ Sidebar Social Widget-----------*/
#social-stats {
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
display: block;
float: left;
position: relative;
}
#social-stats ul {
overflow: hidden;
}
#social-stats ul li {
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
display: block;
float: left;
width: 33%;
}
#social-stats ul li a {
-moz-transition: all 0.6s ease-out 0s;
display: block;
float: left;
padding: 10px 0 3px;
text-decoration: none;
width: 100%;
}
#social-stats ul li a span, #social-stats ul li a large, #social-stats ul li a small {
display: block;
float: left;
margin: 0 auto;
text-align: center;
width: 100%;
}
#social-stats ul li a span {
float: none;
height: 46px;
margin-bottom: 5px;
text-indent: -9999px;
width: 47px;
}
#social-stats ul li.ss-rss a:hover h5 {
background: #F18421;
}
#social-stats ul li h5 {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
background: #999999;
border-radius: 50% 50% 50% 50%;
margin: 0 auto;
width: 47px;
}
#social-stats ul li a span:before {
}
#social-stats ul li.ss-twitter a:hover h5 {
background: #45B0E3;
}
#social-stats ul li.ss-facebook a:hover h5 {
background: #3C5B9B;
}
#social-stats ul li.ss-google-plus a:hover h5 {
background: #F83E29;
}
#social-stats ul li.ss-youtube a:hover h5 {
background: #CC181E;
}
#social-stats ul li.ss-linkedin a:hover h5 {
background: #1790CD;
}
#social-stats ul li.ss-rss a span {
background-position: 0 0;
}
#social-stats ul li.ss-twitter a span {
background-position: 0 -91px;
}
#social-stats ul li.ss-facebook a span {
background-position: 0 -47px;
}
#social-stats ul li.ss-google-plus a span {
background-position: 0 -135px;
}
#social-stats ul li.ss-youtube a span {
background-position: 0 -180px;
}
#social-stats ul li.ss-linkedin a span {
background-position: 0 -226px;
}
#social-stats ul li a large {
color: #333232;
font-size: 25px;
font-weight: 500;
}
#social-stats ul li a small {
color: #333232;
font-size: 10px;
}
</style>
<div id="social-stats">
<ul>
<li class="ss-rss"><a target="_blank" href="/feeds/posts/default" rel="nofollow external"><h5><span>Rss</span></h5><large>5000</large> <small>Subscribers</small></a></li>
<li class="ss-facebook"><a target="_blank" href="https://www.facebook.com/rydnet" rel="nofollow external"> <h5><span>Facebbok</span></h5><large>14,782</large> <small>Followers</small></a></li>
<li class="ss-twitter"> <a target="_blank" href="http://twitter.com/rydnet" rel="nofollow external"> <h5><span>Twitter</span></h5><large>63,207</large> <small>Followers</small> </a></li>
<li class="ss-google-plus"><a target="_blank" href="https://plus.google.com/+hamzaramzi111/posts" rel="nofollow external"> <h5><span>Google+</span></h5> <large>70,781</large> <small>Followers</small> </a></li>
<li class="ss-linkedin"><a target="_blank" href="http://bd.linkedin.com/in/rydnet" rel="nofollow external"> <h5><span>Linkedin</span></h5> <large>2,453</large> <small>Followers</small></a></li>
<li class="ss-youtube"><a target="_blank" href="http://www.youtube.com/channel/UCg_nBioB-uPQMdz0krGUlJQ" rel="nofollow external"> <h5><span>Youtube</span></h5> <large>6,237</large> <small>Subscribers</small> </a></li>
</ul>
</div>
3-  حفظ الأداة .
4-  تعديل الروابط باللون الازرق في الكود بروابط صفحاتك للتواصل الاجتماعي (تعديل رابط صفحة فيسبوك وتويتر وغيرهم.....) 
5- حذف بعض الصفحات اذا كانت لا توجد لديك(اذا اردت حذف احدى الصفحات فما عليك الا حذف كود الصفحة المراد حذفها)
كلمات دلالية
rydnet

[اذا اعجبك الموضوع هذه روابط النشر]

URL Of Post:



Paste This HTML Code On Your Page:


التعليقات : 31

hisham nassar

بجد يعطيك العافية
http://varietysciences.blogspot.com/

hamza ramzi

الله يعافيك

adham tamer

لو سمحت عايز رابطك علي الفيس بوك شخصصيي علشان تزبطلي مدونتي بلوجر

hamza ramzi

طيب اكتب مشكلتك في رسالة وساجيبك ان شاء الله

kamal el aicher
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
شركة الاستاذ
أزال أحد مشرفي المدونة هذا التعليق.
mahmoud
أزال أحد مشرفي المدونة هذا التعليق.
basem reda

هو واحد من افضل المواقع المتخصصة في اسئلة البرمجة
واللغات وغيرها يمكنك الدخول من هنا ----> http://quiz.best

Shaaban Mohamed
أزال أحد مشرفي المدونة هذا التعليق.
Shaaban Mohamed
أزال أحد مشرفي المدونة هذا التعليق.
GURU 010101
أزال أحد مشرفي المدونة هذا التعليق.
المثالي جروب
أزال أحد مشرفي المدونة هذا التعليق.
المثالي جروب
أزال أحد مشرفي المدونة هذا التعليق.
المثالي جروب
أزال أحد مشرفي المدونة هذا التعليق.
المثالي جروب
أزال أحد مشرفي المدونة هذا التعليق.
mai ali
أزال أحد مشرفي المدونة هذا التعليق.
خدمات متميزة

شركة تسليك مجاري بجدة
شركة تسليك مجاري بالطائف
شركة تسليك مجاري بالرياض
شركة تسليك مجاري بالباحة
شركة كشف تسربات المياه بالباحة

خدمات متميزة

شركة تنظيف فلل بالدمام
شركة تنظيف بالدمام
شركة مكافحة حشرات بالدمام
شركة كشف تسربات المياه بالدمام
شركة تسليك مجاري بالدمام

خدمات متميزة

شركة تنظيف بالاحساء
شركة تنظيف مجالس بالاحساء
شركة مكافحة النمل الابيض بالاحساء
شركة مكافحة النمل الابيض بالجبيل
شركة كشف تسربات المياه بالجبيل

خدمات متميزة

شركة تنظيف منازل بالقطيف
شركة مكافحة النمل الابيض بالقطيف
شركة تسليك مجاري بالقطيف
شركة كشف تسربات المياه بالقطيف
شركة تنظيف خزانات بالقطيف

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