طريقة اضافة كود مواضيع المدونة بجانب المدونة | بلوجر نيو بلوجر نيو: طريقة اضافة كود مواضيع المدونة بجانب المدونة

السبت، 7 سبتمبر، 2013

طريقة اضافة كود مواضيع المدونة بجانب المدونة

السلام عليكم ورحمة الله وبركاته.. اليوم اقدم  لكم طريقة 

اضافة كود مواضيع المدونة بجانب المدونة


حيث هذا يحتوي علي يمكن ان تضيف بعض الموضيع الربط بتاعهم لتسهل علي الزائر معرفة مواضيعك

لمعاينة الكود اضغط هناااااااا

الشرح
اولأ انذهب الي لوحة التحكم
ثم تخطيط ثم اضافة اداة
ثم نضع الكود التالي عبر اضافة html

الكود
<script src="http://24work.webs.com/24work-blogspot/side-bar-menu/prototype.js" type="text/javascript"></script>
<script src="http://24work.webs.com/24work-blogspot/side-bar-menu/effects.js" type="text/javascript"></script>
<script src="http://24work.webs.com/24work-blogspot/side-bar-menu/side-bar.js" type="text/javascript"></script>
<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(http://2.bp.blogspot.com/-nUGCKbZIyb4/Tvq4n0Ix8CI/AAAAAAAAACk/cPMmEKDYqto/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>Left<span>Menu</span></h2>
<ul>
<li><a href="#">عنوان الرابط1</a></li>
<li><a href="#">عنوان الرابط 2</a></li>
<li><a href="#">عنوان الرابط 3</a></li>
<li><a href="#">عنوان الرابط 4</a></li>
</ul>
</div> </div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="http://1.bp.blogspot.com/-8Gyi0ATunXU/UiuUHdVyZPI/AAAAAAAAAtw/CQ1eYS09adw/s298/blogger-new2013.PNG" title="sideBar" /></a>
</div>
استبدل عنوان الرابط 4 بعنوان الموضوع بتاعك
استبدل # برابط الموضوع
وبعد ذلك قم بالحفظ
وبذلك اكون خلصت لو في استفسار ضعه في تعليق



اعجبك الموضوع؟ مشاركتها مع أصدقائك:-

Team SB
النشر بواسطة: عبد الرحمن مصطفي

0 التعليقات:

POST A COMMENT

Contact Us

الاسم

بريد إلكتروني *

رسالة *

 

أرشيف المدونة الإلكترونية

المتابعون

Copyright © . eg-y. All Rights Reserved.
Designed by :-Way2themes