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

نظرا للتقدم السريع  للشبكات  الاجتماعية، والاهتمام المتزايد من الناس في مواقع الشبكات الاجتماعية فهي تعتبر ولادة للكثير من الزوار للمواقع والمدونات مما يساعد موقعك التقدم في المحركات البحث وزيادة عدد الزوار ويعتبر كمية من زوار الشبكات الأجتماعية مدمنين لها وبواسطة هذه الأداة التي سوف أعرضها لكم تساعدك في نشر مواضيعك ومدونتك في الشبكات الأكثر شهرة وطبعا ( الفيسبوك ..تويتر..قوقل بلس)

 هذه الأداة تشجع زوار مدونتك في متابعة مواضيعك في هذه الشبكات

وكذلك بشكل جديد 

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

  

يمكنك أضافتها في الصفحة الرئيسية للمدونة وذلك بوضعها في القائمة الجانبية أو في رأس الصفحة 

بحيث تجعلها مناسبة لمدونتك ويشاهدها زوارك 

مثال (صورة للأداة)

كيف يمكنني أضافة الكود؟؟

الشرح 

فيما يلي الخطوات لمستخدمي البلوجر

     الذهاب إلى Blogger> تخطيط
     اختر إضافة أداة
     اختر HTML / جافا سكريبت
     لصق التعليمات البرمجية التالية في داخله، (أي الكود التالي )

<style>
/*--------أداة تابعني ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:right;
background:transparent url(http://mybloggertricks.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="ضع رابط rss الخاص بمدونتك" rel='external nofollow' target='_blank'></a>

<!--Google Plus-->
<a class='googleplus' href="ضع هنا رابط صفحة مدونتك في قوقل بلس" rel='external nofollow' target='_blank'></a>

<!--Facebook-->
<a class='facebook' href="ضع هنا رابط صفحة مدونتك في الفيسبوك" rel='external nofollow' target='_blank'></a>

<!-- Twitter -->
<a class='twitter' href="ضع هنا رابط صفحة مدونتك في تويتر" rel='external nofollow' target='_blank' ></a>

</div>

مع أستبدال النصوص المشار لها بلون الأحمر بروابط مدونتك في الشبكات الأجتماعية

                                           وأخيرا أعمل حفظ للأداة و شوف النتيجة