[السيد ابو جبل]

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

بعد ان وعدكم بالموضيع الحصريا فى معهد خبراء بلوجر سوف يتم ان شاء الله هذا الاضافة من اهمية الاضافة دخل مدونتك

درس اليوم فى معهد خبراء بلوجر هو اضافة القائيمة المنسدله فى بلوجر ما هيا القائيمة المنسدله انها قائمه تعرض لك على الصفحه الرئيسيه بعد الاقسم والموضيع بشكل جميل

اضافة القائمه بكثر من شكل شاهد الصورة للمعاينه او الدخول على ربط الاسفل لمعاينه الاضافة فى مدونة تجربيه
http://bilokr1.blogspot.com


وهذا صورة الاضافة بجميع اشكل الى بعض المدونات







بعد مشاهد الاضافة





تابع التركيب وهو سهل جداا ان شاء الله



طريقة التركيب :

بلنسبة للواجهة الجديدة : - بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب لاتنسى اخد نسخة احتياطية للقالب

1.لوحة التحكم 1 -.لوحة التحكم
2.القالب 2 - .تخطيط أوتصميم
3. ثم تحريرhtml;. ثم 3 - تحريرhtml.
4.متابعة 4-.توسيع القالب
5.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt+f

]]></b:skin>

اضف قبله الكود التالى

/*lavalamp fancy menu start*/
 
.lavalamp {
position: relative;
border: 1px solid #d6d6d6;
background: #fff;
padding: 15px;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
height: 18px;
font-family: calibri;
}
 
.magenta {
background : rgb(190,64,120);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(190,64,120)), to(rgb(177,24,91)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(190,64,120)), to(rgb(177,24,91)));
border: 1px solid #841144;
 
}
 
.cyan {
background : rgb(64,181,197);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(7,165,187)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(7,165,187)));
border: 1px solid #2f8893;
 
}
 
.yellow {
background : rgb(255,199,79);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,199,79)), to(rgb(255,188,43)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(255,199,79)), to(rgb(255,188,43)));
border: 1px solid #c08c1f;
 
}
 
.orange {
background : rgb(255,133,64);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,133,64)), to(rgb(255,107,24)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(255,133,64)), to(rgb(255,107,24)));
border: 1px solid #c04f11;
 
}
 
.dark {
background : rgb(89,89,89);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54)));
border: 1px solid #272727;
 
}
 
.magenta li a , .cyan li a, .yellow li a , .orange li a, .dark li a{
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.40);
 
}
 
.lavalamp a {
text-decoration: none;
color: #262626;
line-height: 20px;
}
 
.lavalamp ul {
margin: 0;
padding: 0;
z-index: 300;
position: absolute;
}
 
.lavalamp ul li {
list-style: none;
float:left;
 
text-align: center;
}
 
.lavalamp ul li a {
padding: 0 20px;
text-align: center;
}
 
.floatr {
position: absolute;
top: 10px;
z-index: 50;
width: 70px;
height: 30px;
border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
background : rgba(0,0,0,.20);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
}
 
/*lavalamp fancy menu End*/

ثم ابحث عن الكود التالى

</head>

ثم اضف الكود التالى فوقه مباشر

<script src='http://bilokr.googlecode.com/files/ajaxlibsjquery.css' type='text/javascript'/>
<script src='http://bilokr.googlecode.com/files/lavalamp2.js' type='text/javascript'/>

ثم احفظ



الخطوة الاخير تركيب جافة سكربت





طريقة التركيب

.1 اذهب للوحة التحكم
2. تخطيط
3.عناصر الصفحة
4. اضف اداة
6.اختار Html/Javascript

هذا هو الكود

<div class="lavalamp orange">
 <ul>
  <li class="active"><a href="/">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط القسم">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
 </ul>
 <div class="floatr"></div>
</div>

ثم حفظ مع سحب الاداه فى المكان المناسب فى مدونتك لتغيير شكل الاضافة بالون الاحمر تابع اشكل لاضافة


الشكل رقم {1}






كود الشكل استبدله بلكود الاحمر

<div class="lavalamp orange">

<div class="lavalamp yellow">

<div class="lavalamp magenta">

<div class="lavalamp">

<div class="lavalamp cyan">

<div class="lavalamp dark">

بعد اختيار الشكل المناسب الى مدونتك عدل ما فى الكود الجافه بلاينسبك



يا رب يكون الموضوع قض اعجبكم


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