حصريا اضافة قائمة جانبية منبثقة متعددة الاستخدمات
11:35:00 ص
0 التعليقات
بلوجر
السلام عليكم ورحمة الله وبركاته
اضافة جانبية متعددة الاستخدام وهيا عبار عن قائمة جانبية بشكل جميل وبتقنية جافا اسكربت يمكنك من خلال الاضافة استخدامها في اكثر من استخدام يمكن استخدامها في شبكات التواصل الاجتماعي يمكنك اضافة الفيس بوك وتويتر وجوجل ويوتيوب والخلاصة ، وغيرها ويمكنك ايضا استخدامها في تبادل اعلاني نصي ،ويمكنك ايضا استخدمها في تسميات المدونة ،والاضافة منزلقة
صورة من الاضافة الجميلة
حصريا اضافة قائمة جانبية منبثقة متعددة الاستخدمات
ولتركيب القائمة الجانبية علي المدونة اذهب الي لوحة تحكم مدونتك واختار منها تخطيط كما واضح في الصورة
بعد الضغط علي التخطيط اضغط علي اضافة اداة كما مواضح في الصور
بعد ذلك سوف تظهر نافذا اختار منها HTML/jav scriptكما موضح في الصورة
ثم الصق الكود في المربع
ملاحظة يجب تغير الربط http://blogeinter.blogspot.comالرابط متكرر8 مرات
وتغير بلوجر حياتي متكررة 8 مرات
يمكنك ايضا تغير الصور
رابط الصورة http://1.bp.blogspot.com/-gPACiBoLjnI/TxPJ-2PsgfI/AAAAAAAAAIw/mQGIlkBHf_4
/s320/sidebarcollapse.png
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#F0FFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 5px 5px 10px;
padding: 0 0 0 10px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
color:#FFFFFF;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0 0 0 20px;
width:100%;
}
#sideBar li a:hover{
color:#FFFF00;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSiYGFhb05O1gl0NXf9ItBUZ_Nn2w0dGG14zQS8C3ZrWo-4obbQgpnySWt5o0EPFwb7HJUkKtBQte0vYxIMa0bvZrcY9EXe7n3lYe1j8i7xGXlM-EOV6BDg83cIPzFHkCIkuyeDvQfocxi/s320/left.collapse.border.png);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>
الجانبية<span>القائمة</span></h2>
<ul>
<li><a href="http://blogeinter.blogspot.com/">بلوجرحياتي</a></li>
<li><a href="http://blogeinter.blogspot.com/">بلوجرحياتي</a></li>
<li><a href="http://blogeinter.blogspot.com/">بلوجرحياتي</a></li>
<li><a href="http://blogeinter.blogspot.com/">بلوجرحياتي</a></li>
<li><a href="http://blogeinter.blogspot.com/">بلوجرحياتي</a></li>
<li><a href="http://blogeinter.blogspot.com/">بلوجرحياتي</a></li>
<li><a href="http://blogeinter.blogspot.com/">بلوجرحياتي</a></li>
<li><a href="http://blogeinter.blogspot.com/">بلوجرحياتي</a></li>
</ul>
</div>
</div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Tv7XMx9LR5tTl_RGwPC2VFhVZbZtpIrsRfGIFgIXv5Sd34NzOEk6haMKTNgyfsoHPcTAPM5rrb7uA1uhENoSg1BOkrGlCJvm4cLffrNtawJvxOAUnvg1VJ6lgLGct6PfwWM5wT1ZX6jx/s320/sidebarcollapse.png" title="sideBar" /></a>
</div>
وتغير بلوجر حياتي متكررة 8 مرات
يمكنك ايضا تغير الصور
/s320/sidebarcollapse.png
ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان
هشام ابرشى
اسمي هشام : من المملكة المغربية , اهتم بتقنيات الموقع ومواكبة كل ماهو جديد في عالم التقنيه , انقل قالبا ما اراه مفيد ومناسب للزوار , وايضا اطرح المواضيع الحصريه والمفيده للكل بأذن الله ..
عبّر عن تعليقكالإبتسامات