مدونة الاحمري

سورة الكهف بصوت فارس عبّاد
تابعني على ثبّت - موقع مشاركة الأخبار و عناوين الانترنت العربية

الخميس، 2 أغسطس 2012

إضافة المواقع الاجتماعية المنزلقة بأعلى المدونة .

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

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

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

jquery social slider widget

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



طريقة تركيب الاضافة
++++++++++++++++++++++++++++++++++++++++++++++++++++
إذهب الى
لوحة تحكم بلوجر  > تصميم > تحرير HTML

وبعد ذلك ,

أضغط على ctrl+F  للبحث عن > 

 <body>
وضع الكود التالي بعده مباشرة




<div class='clear'/>
< style>
/*Social Sharing Top Slider WIdget By AL-a7mari.blogspot.com*/
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .facebook a {
background-image: url(http://2.bp.blogspot.com/-2zvOqBOpUrg/UArCh7fSqmI/AAAAAAAABKg/BLGd9gkbKoE/s1600/%5Bbloggertricksdotbiz%5DFACEBOOK.png);
}
ul#navigation .twitter a {
background-image: url(http://2.bp.blogspot.com/-DyhWSL8zSIw/UArClLd2YlI/AAAAAAAABKw/lnrE78qperg/s1600/%5Bbloggertricksdotbiz%5DTWITTER.png);
}
ul#navigation .googleplus a {
background-image: url(http://1.bp.blogspot.com/-ZK0eQqadYlE/UArLI1FoW0I/AAAAAAAABLQ/SWPnu_PyJ-w/s1600/%5Bbloggertricksdotbiz%5Dgplus.png);
}
ul#navigation .rss a{
background-image: url(http://2.bp.blogspot.com/-W0Fq7wIfX0M/UArCj-K-9dI/AAAAAAAABKo/zH-Se1nhALM/s1600/%5Bbloggertricksdotbiz%5DRSS.png);
}
ul#navigation .Contact a {
background-image: url(http://4.bp.blogspot.com/-LS3VUnD66K0/UArLCXlPaMI/AAAAAAAABLI/eFsQPsaXGGw/s1600/%5Bbloggertricksdotbiz%5Dcontact.png);
}
/*Social Sharing Top Slider Widget Style End By BloggerTricks.Biz*/
< /style>
< script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'>
< /script>
< script type='text/javascript'>
$(function() {
var d=300;
$(&#39;#navigation a&#39;).each(function(){
$(this).stop().animate({
& #39;marginTop&#39;:&#39;-80px&#39;
},d+=150);
});
$(&#39;#navigation &gt; li&#39;).hover(
function () {
$(&#39;a&#39;,$(this)).stop().animate({
& #39;marginTop&#39;:&#39;-2px&#39;
},200);
},
function () {
$(&#39;a&#39;,$(this)).stop().animate({
& #39;marginTop&#39;:&#39;-80px&#39;
},200);
}
);
});
< /script>
< ul id='navigation'>
< li class='facebook'><a href='http://www.facebook.com/ALa7mariBlog'>Facebook</a></li>
< li class='twitter'><a href='http://twitter.com/'>Twitter</a></li>
< li class='googleplus'><a href='https://plus.google.com/117741854943549093358'>Google+</a></li>
< li class='rss'><a href='http://feeds.feedburner.com/blogspot/IWDIm'>RSS</a></li>
< li class='Contact'><a href='http://al-a7mari.blogspot.com/p/blog-page_24.html'>Contact
Us</a></li></ul>




ما يلزمك تغييرة هو كالتالي :.                                           

                                    http://al-a7mari.blogspot.com/p/blog-page_24.html

استبدلة برابط صفحة اتصل بنا الخاصة بمدونتك

_________________________________________________________

استبدلة برابط التغذية الخاص بمدونتك

___________________________________________________________


استبدلة برابط صفحتك في +google
___________________________________________________________

استبدلة بصفحتك على تويتر
___________________________________________________________
استبدلة بصفحة مدونتك على الفيس بوك
_____________________________________________________________


وبكذا نكون انتهينا مع هذة الاضافة وترقبونا بإضافات جديدة وحصرية قريباً ,

واي مشاكل تواجهكم مع الاضافة يرجى ذكرها في التعليقات وسيتم حلها بإذن الله ,




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

2 التعليقات :

  1. راااائع يعطيك العافية

    مدونتي المتواضعة
    http://3rbyblog.blogspot.com

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

    ردحذف

احصائيات

-- Internet Blogs
Internet blogs directory .
يوتيوب,سبق,صور,facebook ,فيس ,فيس بوك ,حافز قياس,موقع,حافز,نور,موقع نور,للطلاب ,تويتر,youtube,الرياض Instagram