الاثنين، 8 سبتمبر 2014

أزرار المواقع الإجتماعية بخاصية CSS

بقلم: BR MED يوم الاثنين، 8 سبتمبر 2014 القسم : 0 التعليقات
السلام عليكم ورحمة الله و بركاته
أزرار المشاركة في الموقع الإجتماعية من بين الإضافات المهمة في المدونة فإضافة أزرار المشاركة في مواقع التواصل الإجتماعي تزيد من زوار المدونة وتقوي من عدد المشاهدات وذلك لكسب ترتيب جيد في موقع أليكسا ,كما يهمنا أيضا نشر مواضيع المدونة لتبلغ شهرة كبيرة وكسب تفاعل جيد مع الزوار وفي قسم "الإضافات الإجتماعية" سوف تجدون العديد من الإضافات المشابهة كي لا أطيل عليكم ننتقل لطريقة التركيب

1- الذهاب الى لوحة التحكم
2- انقر على تخطيط
3- اختار اضافة اداة
4- اختر اداة الـ html/javascript
بعدها ضع الكود التالي في الإطار تم قم بالحفظ
    <style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger */    -moz-transition: all 0.8s ease-in-out;    -webkit-transition: all 0.8s ease-in-out;    -o-transition: all 0.8s ease-in-out;    -ms-transition: all 0.8s ease-in-out;    transition: all 0.8s ease-in-out;} p#hb_socialicons img:hover {    -moz-transform: rotate(-360deg);    -webkit-transform: rotate(-360deg);    -o-transform: rotate(-360deg);    -ms-transform: rotate(-360deg);    transform: rotate(-360deg);} /* Spinning Social Icons Widget By HelperBlogger */</style>     <center><p id="hb_socialicons">    <a href="http://www.facebook.com/magriblook/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZ0i1JAQE-hMHQyskMhiFofmH74s88toHgRUyjHmRQjqX-CU-S4VqtDnTEkn842qfbl-pfcjK7BqvjwKRrASC7VLksu8PeKVlfjCRmupQkJBKm4X7gmPlhJ6x8nqsdbNtRh3KWj105P4/s1600/helperblogger.com-facebook.png" /></a>    <a href="http://www.twitter.com/mohtofbix/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiThd4439RoDrGjFQvGq5Q6n-C5n0RITr7SNVi0FexZM96gQVYqQAx_38fh4sKyJ_KRTbvqH51ZUNlNWxB-AsvG-PNFYFmTmKDD57iyYtOruLLVGGziKbwOzZTKiK4Kts3u5TGQbP3xijo/s1600/helperblogger.com-twitter.png" /></a>    <a href="https://plus.google.com/u/0/104753369012716009644"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZH2gmoS91Gwuusid-o1yGkyI3n5YjQvlrWJI9ftMiUjUvVp9ugtYpqMALY1HDWwCjLfRW5Q0BCzT6hRwHc93PD7xXD2K_AwF1jrM5ekx3FHLuESdXxRFggrfkRwyKEdt1p7n7ckvswY/s1600/helperblogger.com-google_plus.png" /></a>    <a href="http://www.feeds.feedburner.com/warch-mo/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2OlKA6R42vfW4Am-rvST7grOBQvJOQC7_EMaCUXKsnDNnrb9lZQ8NOPcoD8rd5uhR8JdMq__EYXthZKocdDBZ5ueGgNDxvDVCgxrGUIfDKNYW48zuVJd7q4FFG_X05J1Wd-Hjl3r5ZNY/s1600/helperblogger.com-rss.png" /></a>    <a href="http://www.youtube.com/medosat99/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmtOh_wlcWHv_AuKDoX5F1nedeO7RH7EtigAwIdSgClIeqyvHNjLoegUVzs03oo1EYnBD_cmzxIE16fMYHoITVx4A9OqS5y1TiZmHcNWMPTKZbgs6jNZJkqIisZL-YSjqLWypIoIRanFM/s1600/helperblogger.com-youtube.png" /></a></p></center>
لا تنسى تغير الروابط الحمراء بالروابط الخاصة بك
هذا كل ما في تدوينة اليوم أشكركم على تعليقاتكم المشجعة و أتمنى أن تنال مداونتي إعجابكم
دمتم بود في أمان الله

ليست هناك تعليقات:

إرسال تعليق

يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r