قائمة أفقية مثبت في الفوتر لمدونات البلوجر

]]></b:skin>

#stickey_footer { /* This will make your footer stay where it is */
 background: none repeat scroll 0 0 #1D1D1D;
 border: 1px solid rgba(0, 0, 0, 0.3);
 bottom: 0;
 font-family: Arial, Helvetica, sans-serif;
 height: 40px;
 right: 50%;
 margin:0 -490px 0 auto;
 padding: 0 10px;
 position: fixed;
 text-shadow: 1px 1px 1px #000000;
 width: 960px;
}
/* border curves */
#stickey_footer {
 -moz-border-radius: 10px 10px 0px 0px;
 -webkit-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;
}
/* hover effect */
#stickey_footer:hover {
 background: none repeat scroll 0 0 #2b2a2a;
}
/* shadow for the footer*/
#stickey_footer {
 -moz-box-shadow:0px 0px 11px #191919;
 -webkit-box-shadow:0px 0px 11px #191919;
 box-shadow:0px 0px 11px #191919;
}
#footer_menu {
 margin: 0;
 padding: 0;
 width:auto;
}
#footer_menu li {
 list-style: none;
 float: right;
 font-size:13px;
 padding:12px 14px 14px 14px;
 border-left:1px solid rgba(0, 0, 0, 0.4);
 background: rgba(0, 0, 0, 0.1);
}
#footer_menu .imgmenu {
 padding:5px 14px 3px 8px;
 float:right;
 background:url("“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTeW6UO8wGKdy4Y_nPElqmNYhFJws7XBWs7lQU_d88YqjvwbkWOWGh5ERdGd45rr7HfgV5c_BQ2a9ZOIG5TxddA1CQg7YUTgrDj5xULB_uHFifDdd5yNF0IZOYGKxMkGJf_71hzpNVnug/s1600/home.png") 13px 5px no-repeat;
 width:36px;
 height:30px;
 border:none;
 border-left:1px solid rgba(0, 0, 0, 0.4);
 cursor:pointer;
}
#footer_menu li:hover {
 background:#202020; /* Fallback color for old browsers */
 background: rgba(0, 0, 0, 0.3);
}
#footer_menu .imgmenu:hover {
 background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-dDwzfo1S_a-bG2npsrJ7O4jooi0JBbiYYOnbD8l5boJgRcDJkuiL7kqT7rWYW9dSWazdQ6OBKR9CX0itNvSTmaJXpPJvIybqQC0yUc2jgguJiAcZUVt6vN7OuK8jYdI9G-z3VAQXGwc/s1600/home_hover.png") 13px 5px no-repeat;
}
#footer_menu li a {
 display: block;
 color: #cccccc;
 text-decoration: none;
}
#footer_menu li a:hover {
 color: #ffffff;
}
#footer_menu li span {
 display:none;
}
#stickey_footer #social_icons {
 float:left; /* social icons positions */
 width:auto;
 margin:5px 15px 0px;
 padding:0px;
 overflow:hidden;
}
#stickey_footer #social_icons li {
 margin-left:12px; /* 12px is the space between each one of them */
 float:right;
 width:24px;
 padding:0px;
 height:32px;
 list-style:none;
 _margin-left:0px; /* this is for IE6 only */
}

تهيئة HTML/JavaScript

وأضف الكود التالي داخل الصندوق

<div id="stickey_footer">
 <!– begin footer menu –>
<ul id="footer_menu">
 <li><a href="#"><span>الرئيسية</span></a></li>
 <li><a href="#">تعديل</a>
 <li><a href="#">تعديل</a>
 <li><a href="#">تعديل</a>
 <li><a href="#">تعديل</a>
 <li><a href="#">تعديل</a>
 </li></li></li></li></li></ul>


 <ul id="social_icons">
 <!–social icons –>
 <li><a href="http://twitter.com/username" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMAZbG0A3WlnandqZYEfuSZ0blz0KXI558ZkUR_SANeDjCx1VGtBgpsiAfaNLo_MaA7SVxfJCWTpFw-IQzMtNsd74F0nZUnLQeI8GjcwDBAMBAW__3XO2oXLY3oY3pVtbwYHQOXgcZ06Q/s1600/twitter.png' alt="تويتر" /><span>Twitter</span></a></li>
 <li><a href="http://digg.com/username" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Hw4CyoTvAC7mRKCE1MpauYbmaXQTMf8IOeU85ZF3Ytv3PgWOHuLcdFikDUIbmxSwNBljZRGftOWiHrkaG0p8jpfVhTK0iPldeSoIj22bZdsxxETzBP1V0SgMvXk3qfiVS49eK6qBXW4/s1600/digg.png' alt="digg" /><span>Digg</span></a></li>
 <li><a href="http://flickr.com/username" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZLGW4c8RX2arWu8vvmuC3nDwc_Xub7Z0TE686fHfBTBOS4qN6joj6jjYEOfIHevPCGeozBy01L-AcilkEzpW6YWkJAyEcY_OTMHfUMI5xJTJU96CjmmzaSj9YdKUzefN9w6aW-edPFM8/s1600/flickr.png' alt="فلكر" /><span>Flickr</span></a></li>
<li><a href="https://plus.google.com/u/0/username" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJe9m8G9Nv9zYRJQZcZx1UAMBl2y9aWoRzjZ25k9_e00Vc1Uus1jjkOwXQyrAWf9xlC5wXms6YiqO42DpVOOrgPtqo9Uy7ZKxeER_ZxUopXws6tDeL4I2EaoquwtHda7CjCKFHYcmOmg/s1600/g-plus-icon-32x32.png' alt="قوقل بلس" /><span>Flickr</span></a></li>
 <li><a href="http://fb.com/username" ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7W1zbO111ji8R7hUluNa3le7WcfJOKQtTCQ9FnILtjjiL-pH9PRSDuqzfYWCoXH3ViCwWSF0rfP6F66CaCN_F0TcN1reITDm12Z6V7LPVqR2Hb6RTcif7955IZc-7z0LapiD_RrLaybA/s1600/facebook.png' alt="فيس بوك" /><span>Facebook</span></a></li>
 </!–social></ul></!–></div>

الأسماء المشار له بتضليل الأصفر هي أسماء وأقسام المدونة (عدلها بما يتوافق مع تسميات مدونتك)

# المشار له بلون الأزرق ضع مكانه روابط لاقسام التي تضيفها

username المشار له بلون الأحمر هي أسماء صفحتك في فيس بوك .قوقل بلس. تويتر.فلكر

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