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

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

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

طريقة تركيب أزرار مواقع التواصل الاجتماعي على موقعك 

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

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

التعديل علي روابط اضافة  أيقونات مواقع التواصل الاجتماعي الي مدونتك بشكل احترافي

قم بحذف  الرابط الموجود او ال #  و اضافة الرابط الخاص بك

شاهد ايضا : أهم اضافات بلوجر من ضروري تواجدها على مدونتك

لتحميل الاكواد او نسخها 

<style type="text/css">
/* Buttons Social Network */
.icone-sociali {width: 300px;}
.bottone-rss, .bottone-twitter, .bottone-facebook, .bottone-google{ background: url(//i.imgur.com/AzsICRb.png) no-repeat top left; }
.bottone-facebook{ background-position: 0 0; width: 64px; height: 64px; float:left;}
.bottone-facebook:active{ background-position: -74px 0; width: 64px; height: 64px;}
.bottone-facebook:hover{ background-position: -74px 0; width: 64px; height: 64px;}
.bottone-google{ background-position: -148px 0; width: 64px; height: 64px;float:left;}
.bottone-google:active{ background-position: -222px 0; width: 64px; height: 64px;}
.bottone-google:hover{ background-position: -222px 0; width: 64px; height: 64px;}
.bottone-rss{ background-position: -296px 0; width: 64px; height: 64px; float:left;}
.bottone-rss:active{ background-position: -370px 0; width: 64px; height: 64px;}
.bottone-rss:hover{ background-position: -370px 0; width: 64px; height: 64px;}
.bottone-twitter{ background-position: -444px 0; width: 64px; height: 64px; float:left;}
.bottone-twitter:active{ background-position: -518px 0; width: 64px; height: 64px;}
.bottone-twitter:hover{ background-position: -518px 0; width: 64px; height: 64px;}
</style>
<div class="icone-sociali">

<a href="رابط rss" target="_blank" title="اشترك معنا" rel="nofollow"><span class="bottone-rss"></span></a> <a href="رابط TWITTER" target="_blank" title="تبعونا على تويتر" rel="nofollow"><span class="bottone-twitter"></span></a> <a href="رابط FACEBOOK" target="_blank" title="لايك على الفيسبوك" rel="nofollow"><span class="bottone-facebook"></span></a> <a href="رابط GOOGLE PLUS" target="_blank" title="تبعونا على جوجل بلس" rel="nofollow"><span class="bottone-google"></span></a>
</div>