BLANTERWISDOM101

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

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


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

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




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

طريقة تركيب هذه الأزرار بسيطة جداً، بالنسبة لمدونات بلوجر فقط اذهب إلى التخطيط  ← ثم اختار المكان المناسب على مدونتك واختار إضافة أداة 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>


مشاركة المقال :
Medoz

انا محمد خالد عندي 20 سنه مدون عن التقنيه بالاخص بلوجر

0 comments