اضافة اداة تابعني عبر الشبكات الاجتماعية بتأتيرات احترافية

اضافة اداة تابعني عبر الشبكات الاجتماعية بتأتيرات احترافية

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

صورة الاضافة : 

 أين يجب أن أضع الاضافة :

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

مميزات الاضافة :

1-  متوافقة مع جميع المتصفحات 

2- إضافة تتميز بالخفة والسرعة ولا تأثر فى سرعة المدونة

3- تتميز بأيقونات  جذابة واحترافية

4- مصممة بتقنية html و اللتقنية الاحترافية Css3

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

كيفية اضافة الأذاة :

1- اذهب الى لوحة التحكم الخاصة بك
2-قم باضغط على تخطيط
3- ثم اضافة اداة
4- اختر html javascript
5- اضف الكود التالي :

<style>
    /*--------Touch Me Sharing Widget ------*/
    .touchme a {
    display:block;
    height:50px;
    width:50px;
    padding:0 4px;
    float:left;
    background:transparent url(http://blogger-araby.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
    -webkit-transition: ease-in 0.2s all;  
    -moz-transition: ease-in 0.2s all;  
    -o-transition: ease-in 0.2s all;  
    -ms-transition: ease-in 0.2s all;  
    transition: ease-in 0.2s all;
    cursor:pointer;

    }


    .touchme a.googleplus {
    background-position: 0px -58px;

    }
    .touchme a.googleplus:hover {
    background-position: 0px 0px;
    }


    .touchme a.twitter {
    background-position: 0px -290px;

    }
    .touchme a.twitter:hover {
    background-position: 0px -232px;

    }
    .touchme a.facebook {
    background-position: 0px -406px;

    }
    .touchme a.facebook:hover {
    background-position: 0px -348px;

    }


    .touchme a.rss {
    background-position: 0px -174px;

    }
    .touchme a.rss:hover {
    background-position: 0px -116px;

    }


    </style>


    <div class='touchme'>

    <!--RSS-->
    <a class='rss' href="http://feeds.feedburner.com/xxxxxxxxxxxxxxxxx" rel='external nofollow' target='_blank'></a>

    <!--Google Plus-->
    <a class='googleplus' href="xxxxxxxxxxxxxxxx" rel='external nofollow' target='_blank'></a>

    <!--Facebook-->
    <a class='facebook' href="xxxxxxxxxxxxxxxx" rel='external nofollow' target='_blank'></a>

    <!-- Twitter -->
    <a class='twitter' href="xxxxxxxxxxxxxxxx" rel='external nofollow' target='_blank' ></a>

  </div> 

ملاحضة ضرورية :
بعد لصقك للكود قم بتغير ما كتب :

  باللون الاحمر باسم حسابك على الفييد برنر feedburner

باللون الازرق برابط حسابك على جوجل بلس
  باللون الاخضر برابط حسابك على الفيس بوك
  باللون البنفسجى برابط حسابك على تويتر