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

السلام عليكم و رحمة الله و بركاته
خاص بمدونة تكنوليبي
http://www.traidnt.net/vb/images/img...14/08/1941.png

اضافة ازرار مشاركة الموضوع على مواقع التواصل الاجتماعي بطريقة فلات انيقة
هذه الاضافة تتمتع بـ
• تصميم جميل و ملفت
• لا تؤثر في سرعة المدونة لأنها لا تحتوي على صور
• تتوفر على خاصية Hover جميلة

لتركيب الاضافة
اذهب الى قالب ثم تحرير HTML ثم ابحث عن هذا الكود

رمز PHP:

]]>

ثم قم بوضع هذا الكود فوقه

رمز PHP:

/* ازرار المشاركة
----------------------------*/
#tech-ly {display:block;}
.shareicn {width:100%;height:47px;margin: 16px 5px;}
.share-a {color: #FFF!important;
font-size: 12px;
padding: 7% 0% 7% 0%;
margin-right: -17px;
font-weight: bold;
font-family: tahoma;
-webkit-font-smoothing: antialiased;
text-decoration: none;}
.share-a:hover {color:#fff!important;}
.fb {background-color:#306199;}
.fb:hover {background-color: #244872;}
#shareicn-bg {width: 32%;
height: 47px;
border-radius: 0.2em;
display: block;
margin: 0 2.5px;
transition: background-color 0.2s ease-in-out;
position: relative;
float: right;}
.twitter {background-color: #26C4F1;}
.twitter:hover{background-color: #0EAAD6;}
.google {background-color: #E93F2E;}
.google:hover{background-color: #CE2616;}
.share-icons {left: 7%;
width: 12%;

height: 100%;
padding-top: 9px;
position: absolute;}
.path {fill: #FFF;}
/*-----tech-ly.blogspot.com-----*/

ثم ابحث عن هذا الكود

رمز PHP:

قد تجد الكود مكرر 3 مرات , قم بتجريب كل واحدة
ثم اضف هذا الكود تحته

رمز PHP:

قوقل+

تويتر

فيس بوك

الان اضغط على حفظ وشاهد القالب :)

منقول :) لمشاهدة التدوينة الاصلية
اضافة ازرار المشاركة اسفل التدوينة لبلوجر