شريط التنقل السريع لمدونة بلوجر

السلام عليكم ورحمة الله وبركاته اليوم سوف نضبف أدات جدية لمدونة بلوجر وهي عبارة عن شريط التنقلالسريع والدي سيعطي للمدونة شكل جميل وراقي الشريط سيضهرعلى طول الجانب الأيسر من بلوق ولديه خمسة خيارات للمستخدمين التنقل.

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


للإضافة هده الأدات نتبع الخطوات التالية


الخطوة 1 :
 ندهب إلى تصميم ثم تحرير HTML ونبحث عن هدا الكود]]>
بعد إجاده نضع الكود التالي فوقه مباشرة 

#float-menu{position:fixed;top:20%;left:0;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background:#EEE}
#float-menu ul{padding:0}
#float-menu li{margin:5px;list-style-type:none}
#float-menu li,#float-menu li a{width:24px;height:24px}
#float-menu li a{float:left}
#float-menu #menu-right,#float-menu #menu-left,#float-menu li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7soPbR9TmdgNjkg9cQwmM6mtUKyfe6RM-YxYYL8RLNIzk-wrrHq_XLd8BeH2ibwy8_1a4uoqpFHCBPDwfqTMrCCYp7SsyIbBI1itTrMsydXO6CM_B1DHAbRSyoXIE1nPlbEgN3yJxxOo/)}
#float-menu #menu-right a{background-position:0 -120px}
#float-menu #menu-right a:hover,#float-menu #menu-right{background-position:-24px -120px}
#float-menu #menu-left a{background-position:0 -24px}
#float-menu #menu-left a:hover,#float-menu #menu-left{background-position:-24px -24px}
#float-menu #menu-random a{background-position:0 -48px}
#float-menu #menu-random a:hover{background-position:-24px -48px}
#float-menu #menu-home a{background-position:0 -72px}
#float-menu #menu-home a:hover{background-position:-24px -72px}
#float-menu #menu-top a{background-position:0 -96px}
#float-menu #menu-top a:hover{background-position:-24px -96px}

سبحان الله وبحمده , سبحان الله العظيم , عدد خلقه ورضا نفسه وزنة عرشه ومداد كلماته

الخطوة 2 :
 نبحث كدلك على هدا الوسم 
ثم نضع هدا الكود أسفل منه

وأخيرا إحفظ القالب وستمتع بالإضافة وشكرا