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

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

الخميس، 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
___________________________________________________________

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


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

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




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

1 التعليقات :

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

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

    ردحذف

احصائيات

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