أداة تابعنا على مواقع التواصل الإجتماعي بشكل أنيق

أداة تابعنا على مواقع التواصل الإجتماعي بشكل أنيق

معلومات حول الاضافة

أقدم لكم إضافة جديدة وحصرية من تطوير المدونة لأزرار وادوات المتابعة الإجتماعية احببت أن جمل أدوات المتابعة في إضافة خفيفة وبسيطة وفي نفس الوقت تجمع غالبية المواقع الإجتماعية المعتمد عليها من قبل المدونين في بلوجر تم استخدام ادوات رسمية لموقعي جوجل بلس Google Plus وفيس بوك Facebook كونهم ازرار خفيفة وسريعة التحميل لتويتر Twitter ويوتيوب Youtube وبلوجر Blogger و انستقرام Instagram .

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

هذه معاينة حية للإضافة نرجوا لمن لم يتابعنا أن يسجل متابعته لنا عبرها

معاينة الإضافة


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

الدخول الى لوحة تحكم بلوجر ثم القالب ثم تحرير HTML
وابحث عن ]]>زوار مدونتك حسب

وضع الكود التالي قبله اي فوقه مباشرة

.social-type:after{ content:"\f100";  font-family:FontAwesome;  margin-right:5px}
.social-to ul li.rss a{ background:#f29a1d}
.social-to ul li.googleplus a{ background:#DD4B39}
.social-to ul li.twitter a{ background:#55acee}
.social-to ul li.facebook a{ background:#3b5998}
.social-to ul li.instagram a{ background:#457399}
.social-to ul li.youtube a{ background:#cb322c}
.social-to ul li .social-type{ float:left}
.social-to ul li .social-name{ float:right;  margin-left:8px}
.social-to ul li a{ display:block;  border-bottom:3px solid rgba(0,0,0,0.09);  margin-bottom:8px;  color:#fff;  padding:10px 18px;  font-size:18px;  border-radius:4px;  background:#fff;  transition:0.2s}
.social-to ul li{ overflow:hidden}
.social-to ul li a:hover{ padding:10px 31px}
/* Layout
------------------------------ */
#layout .social-to {
display: none;
}

حمل كود الإضافة من الزر التالي 
تحميل كود الإضافة 

و اضف هذا الكود في آداة HTML/JavaScript جديدة
وقم بإستبدال روابط التواصل الإجتماعية الخاصة بنا بروابط صفحاتك وقم بحفظ الأداة ومبروك عليك الإضافة
لأي استفسار صع تعليق اسفل التدوينة

والسلام عليكم ورحمة الله وبركاته

0تعليقات