معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   إضافة تابعني عبر الشبكات الاجتماعية بتأثيرات رائعة (https://www.bloggerexp.com/showthread.php?t=7391)

haitham max 05-04-2013 12:27 PM

إضافة تابعني عبر الشبكات الاجتماعية بتأثيرات رائعة
 
بسم الله الرحمن الرحيم

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

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


صو الاضافة

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


http://3.bp.blogspot.com/-Z6FHOO_5_Y...M7A/s320/3.png
بعد وضع الفأرة عليه

http://2.bp.blogspot.com/-3c9aiiM-Kl...Y7A/s320/4.png


اذهب الى لوحة تحكم مدونتك
اضغط على التخطيط
إضغط على " إضافة أداة "
اختر HTML/JavaScript
ثم الصق الكود التالى :
<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/...Touch%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>

3li 05-04-2013 03:52 PM

رد: إضافة تابعني عبر الشبكات الاجتماعية بتأثيرات رائعة
 
مشكور على الإضافة الجميلة

بس يريت تضع الكود بطريقة افضل لحتى نقدر ننسخ الكود مثلاً

لانو مش ظاهر الكود بالشكل المطلوب

Www.AlamFour.Blogspot.Com 05-04-2013 06:22 PM

رد: إضافة تابعني عبر الشبكات الاجتماعية بتأثيرات رائعة
 
ممتــاز جــــــــــــــــــــــــدا

مرادكوووم 05-04-2013 09:06 PM

رد: إضافة تابعني عبر الشبكات الاجتماعية بتأثيرات رائعة
 
مشكور و جزاك الله الف خير

rajawiomar 05-08-2013 10:21 AM

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

مرادكوووم 05-09-2013 08:46 AM

رد: إضافة تابعني عبر الشبكات الاجتماعية بتأثيرات رائعة
 
ما شاء الله
جزاكم الله خيرا


الساعة الآن 06:49 AM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012