إضافة أدوات التواصل الإجتماعي بأشكال خرافية

إضافة أدوات التواصل الإجتماعي بأشكال خرافية

خدمات الشبكات الاجتماعية هي خدمات تؤسسها وتبرمجها شركات كبرى لجمع المستخدمين والأصدقاء ولمشاركة الأنشطة والاهتمامات، وللبحث عن تكوين صداقات

والبحث عن اهتمامات وأنشطة لدى أشخاص آخرين.

معظم الشبكات الاجتماعية الموجودة حالياً هي عبارة عن مواقع ويب تقدم مجموعة من الخدمات للمستخدمين مثل المحادثة الفورية والرسائل الخاصة والبريد الإلكتروني والفيديو والتدوين ومشاركة الملفات وغيرها من الخدمات. ومن الواضح أن تلك الشبكات الاجتماعية قد أحدثت تغيّر كبير في كيفية الاتصال والمشاركة بين الأشخاص والمجتمعات وتبادل المعلومات. وتلك الشبكات الاجتماعية تجمع الملايين من المستخدمين في الوقت الحالي وتنقسم تلك الشبكات الاجتماعية حسب الأغراض فهناك شبكات تجمع أصدقاء الدراسة وأخرى تجمع أصدقاء العمل بالإضافة لشبكات التدوينات المصغرة، ومن أشهر الشبكات الاجتماعية الموجودة حالياً facebook وMySpace وtwitter ولايف بوون وهاي فايف وأوركت وgoogle+.هناك بعض الشبكات الاجتماعية العربية التي ظهرت مؤخراً ولكنها لا ترقى لمنافسة الخدمات التي تقدمها الشبكات الاجتماعية الكبرى ومن أمثلة تلك الشبكات الاجتماعية العربية مكتوب وهو من أكبر وأشهر المواقع والتي طورت في نظامها شبكة اجتماعية تجمع مستخدمي الموقع وتقدم لهم العديد من الخدمات، ومن الشبكات العربية الأخرى اخوان بوك وشبكة مدينة وفايع وإكبس وSerirZ ولملم لحفظ الروابط المفضلة.

لنبدأ على بركة الله

طريقة ادراج الاضافات هي
بلوجر :: قم بالذهاب الى لوحة التحكم , من ثم التخطيط من ثم ادراج اضافة html والصق الكود التالي وضعها في أي مكان تريده بمدونتك

<style type="text/css" > #followq {clear: both;width: 300px;height: 40px;margin: 10px auto;} #followq ul { margin: 0px;padding: 0px;} #followq ul li {position: relative;list-style-type: none;display: inline-block;} .ikonz .ikonz-tooltip {display: block;padding: 5px 10px;position: absolute;bottom: 100%; left: 0px;z-index: 77;margin-bottom: 40px;background-color: #141414;font: bold 12px "Trebuchet MS",Arial,Sans-Serif; color: white;text-align: center;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;opacity: 0; visibility: hidden;-webkit-transition: all 0.26s ease-out; -moz-transition: all 0.26s ease-out; -ms-transition: all 0.26s ease-out; -o-transition: all 0.26s ease-out; transition: all 0.26s ease-out;} .ikonz .ikonz-tooltip:before {content: "";width: 0px;height: 0px;border: 7px solid transparent;border-top-color: #141414;position: absolute;top: 100%;left: 13px;} .ikonz:hover .ikonz-tooltip {visibility:visible;opacity:1;margin-bottom:10px;z-index:99999;} #followq .ikonz {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9poHmCOVAu7KlYWR38OoD-SRSlYX4Uiarsie_Z-3Iuy4VO83FjJaaDUTd_IbOuwjfIQcQGgml0jrP6r8ugDOpmJ20reNgXKrZkayys6wVTfuTv_lyzcsFIRdOdjvT-hD3yh-WgonHJ4w/s1600/social3d.png') 0 0 no-repeat;display: block; color: #141414;float: none;height: 39px;width: 39px;line-height: 39px;position: relative;z-index: 5;} #followq .ikonz:active {bottom: -2px;} #followq .fb {background-position: 0px 0px;} #followq .twitter {background-position: -40px 0px;} #followq .google {background-position: -80px 0px;} #followq .delcis {background-position: -120px 0px;} #followq .stumble {background-position: -200px 0px;} #followq .mail {background-position: -280px 0px;} #followq .rss {background-position: -360px 0px;} </style> <div id="followq"> <ul> <li><a href="xxxxxxxx" class="ikonz fb"><span class="ikonz-tooltip">Facebook</span></a></li> <li><a href="xxxxxxxx" class="ikonz twitter"><span class="ikonz-tooltip">Twitter</span></a></li> <li><a href="xxxxxxxx" class="ikonz google"><span class="ikonz-tooltip">Google+</span></a></li> <li><a href="xxxxxxxx" class="ikonz delcis"><span class="ikonz-tooltip">Delicious</span></a></li> <li><a href="xxxxxxxx" class="ikonz stumble"><span class="ikonz-tooltip">StumbleUpon</span></a></li> <li><a href="xxxxxxxx" class="ikonz mail"><span class="ikonz-tooltip">Mail</span></a></li> <li><a href="xxxxxxxx " class="ikonz rss"><span class="ikonz-tooltip">RSS</span></a></li> </ul> </div>

 قم بستبدال xxxxxxxx برابط موقعك في تلك الشبكات الاجتماعية

الشكل الثاني
اضافة كرة المشاركة المتمددة
 اضافة رائعة جدا تسمح للزوار بمشاركة موقعك ونشره على الشبكات الإجتماعية

 اذهب الى تعديل القالب
من ثم
ابحث عن
رمز Code:
 </head>
وألصق فوقه مباشرة هذا الكود

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript">stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false});</script> <link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>  

ابحث عن
رمز Code:

 </body>

وألصق فوقه مباشرة هذا الكود

 

<div style='position: fixed; bottom: 2%; left: 2%;'> <div id='shareThisOrnament' class='shareEgg'> </div> <script type='text/javascript'>stlib.shareEgg.createEgg('shareThisOrnament', ['facebook','twitter','googleplus','pinterest','stumbleupon','linkedin','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'holiday'});</script> </div>