اضافة الايقونات ثلاثية الابعاد لمواقع التواصل الاجتماعى لمدونة بلوجر
مدونات بلوجر هى الاكثر شعبية من قبل الكثير من مستخدمى الانترنت حيث تتميز بالمجانية وسهولة التخصيص
تطرح الكثير من المواقع والمدونات الكثير من القوالب المجانية
بعد الحصول على قالب المدونة وتثبيته وبعد اعداد التسميات واقسام المدونة ستجد انك بحاجة الى اضافات لتحسين مظهر المدونة
واول ما تبحث عنه هو اضافة ايقونات التواصل الاجتماعى
واقدم لكم اضافة رائعة جدا من الايقونات ثلاثية الابعاد المخصصة لمواقع التواصل الاجتماعى
هذا هو كود الاضافة
<style type="text/css">
/* Buttons Social Network */
/* www.forulike.com*/
.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>
كيفية اضافة الكود
توجه الى لوحة تحكم بلوجر
انتقل الى التخطيط فى الشريط الجانبى
ثم اختر مكان وضع الاضافة يفضل سيد بار اختر اضافة اداة جديدة ثم
HTML/JavaScribt
ثم اضف الكود ثم حفظ واعمل رفريش للصفحة ستظهر لك الاضافة فى المكان المحدد
ملحوظة :
قم بتغير رابط الحساب بالرابط الخاص بحسابك
وقم بتغيير اسم الحساب لاسم الحساب الخاص بك
ليست هناك تعليقات:
اضافة تعليق