إضافة أزرار الشير الرائعة كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

أغسطس 17, 2013

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

إضافة أزرار الشير الرائعة

أزرار مشاركة المواضيع المميزة

إضافة مميزة لمدونتك , ويدجت أزرار الشير الرائعة تعمل بإضافة CSS
قم بإستخدام هذا الويدجت بدلاً عن أزرة الشير القديمة الخاصة بك وأضف لمسة جمالية إلى مدونتك

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

ما الذى يميز هذه الإضافة ؟

1 - سهلة التركيب

2 - أزرار الشير فى شكل دوائر 

3 - إضافة CSS تجعلها أكثر إحترافية

4 - تحتوى على أشهر المواقع الإجتماعية

5 - مصممة بإتقان ولا تبطئ من تحميل الصفحة

الأن هل ترغب فى تركيب هذه الإضافة على موقعك ؟ , حسناً فقط إتبع الخطوات

1 - إدخل على القالب الخاص بك

2 - إضغط على تحرير HTML

3 - إكتب CTRL+F وإبحث عن ]]>

4 - بعد أن تجد ]]> قم بإضافة الكود التالى فوقها مباشرة

/*----Start Social Sharing CSS----*/ 
.fade img { 
filter:Charlieundefinedopacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
} 
.fade:hover img { 
filter:Charlieundefinedopacity=20); 
-moz-opacity: 0.20; 
opacity: 0.20; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
} 
/*----end SocialSharing CSS----*/

5 - الأن إبحث عن بإستخدام CTRL+F

6 - عندما تجد قم بوضع الكود التالى أسفلها مباشرة

إذا أعجبك هذا الموضوع رجاء خذ من وقتك

http://ab-expert.blogspot.com/" target="_blank">سيو صح

 7 - الأن إبحث عن وقم بإضافة الكود التالى فوقه

.

والأن إضغط حفظ القالب وإذهب إلى مدونتك وإستمتع بالإضافة المميزة 

لا تنسوا بأن تشتركوا فى قائمتنا البريدية لتحصلوا على كتاب الخبير عامر بشير من هنا

الكلمات المفتاحية :

Written by you: Technical blogger AMER BACHIR

URL Of Post:

http://ab-expert.blogspot.com/2013/08/blog-post_17.html

HTML Code Of Post:

<a href="http://ab-expert.blogspot.com/2013/08/blog-post_17.html">إضافة أزرار الشير الرائعة كتبها: المدون التقني - الخبير عامر بشير</a>