عرض مشاركة واحدة
قديم 05-04-2013, 12:27 PM   #1
haitham max
مدون جديد
 
تاريخ التسجيل: Mar 2013
المشاركات: 35
افتراضي إضافة تابعني عبر الشبكات الاجتماعية بتأثيرات رائعة

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركته

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


صو الاضافة

قبل وضع الفأرة عليه



بعد وضع الفأرة عليه



اذهب الى لوحة تحكم مدونتك
اضغط على التخطيط
إضغط على " إضافة أداة "
اختر HTML/JavaScript
ثم الصق الكود التالى :
<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url() 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>

الدعم العربي

haitham max غير متواجد حالياً   رد مع اقتباس