28‏/06‏/2015

إظهار وإخفاء الأشياء في بلوجر ليس شيء صعب، كل ما نحتاجه إليه هو القليل من الفهم في Css وخلق المفهوم الذي نريده، وإلى جانب هذه الأداة فبالتأكيد يمكن توفير مساحة في مدونتك، على الرغم من أنها تعمل بخاصية فليست بجودة عمل جيكويري إلا أنها من الواضح لا تأثر على تحميل الموقع، يمكن وضع بالإضافة أي شيء يناسبك فكما سترون بالمعاينة تمت إضافة فيديو
شرح طريقة التركيب
1. توجه إلى التخطيط ثم أضف أداة Html/Javascript
2. ضع بها الكود
3. غير "مكان المحتوى" بما تريد إضافته
<style>
#Holla-ar1web {
  margin: -800px;
  position: absolute;
}
.leowidget {
   background:#EF5353;
   top:-5px;
   color:#fff;
   float:right;
   height:17px;
   margin-right:125px;
   font-family: cursive;
   overflow:hidden;
   padding:6px 10px;
   position:fixed;
   width:120px;
   z-index:9;
   transition:all 1s ease-in-out
}

.leowidget:hover {
    background: #5C5A5A;
  color: #000;
  height: 220px;
  margin-right: 20px;
  opacity: 1;
  width: 340px;
}

.leowidget-body{
   margin-top:10px;
   transition:all 1s ease-in-out
}

.leowidget h1 {
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
.leowidget h1:hover{
#F7F7F7}
</style>
<div id='Holla-ar1web'>
<div class='leowidget'>
<h1>مفاجئة</h1>
<div class='leowidget-body'>
<center>
مكان المحتوى
</center>
</div>
</div>
</div>
إظهار وإخفاء الأشياء في بلوجر ليس شيء صعب، كل ما نحتاجه إليه هو القليل من الفهم في Css وخلق المفهوم الذي نريده، وإلى جانب هذه الأداة فبالتأكيد يمكن توفير مساحة في مدونتك، على الرغم من أنها تعمل بخاصية فليست بجودة عمل جيكويري إلا أنها من الواضح لا تأثر على تحميل الموقع، يمكن وضع بالإضافة أي شيء يناسبك فكما سترون بالمعاينة تمت إضافة فيديو
شرح طريقة التركيب
1. توجه إلى التخطيط ثم أضف أداة Html/Javascript
2. ضع بها الكود
3. غير "مكان المحتوى" بما تريد إضافته
<style>
#Holla-ar1web {
  margin: -800px;
  position: absolute;
}
.leowidget {
   background:#EF5353;
   top:-5px;
   color:#fff;
   float:right;
   height:17px;
   margin-right:125px;
   font-family: cursive;
   overflow:hidden;
   padding:6px 10px;
   position:fixed;
   width:120px;
   z-index:9;
   transition:all 1s ease-in-out
}

.leowidget:hover {
    background: #5C5A5A;
  color: #000;
  height: 220px;
  margin-right: 20px;
  opacity: 1;
  width: 340px;
}

.leowidget-body{
   margin-top:10px;
   transition:all 1s ease-in-out
}

.leowidget h1 {
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
.leowidget h1:hover{
#F7F7F7}
</style>
<div id='Holla-ar1web'>
<div class='leowidget'>
<h1>مفاجئة</h1>
<div class='leowidget-body'>
<center>
مكان المحتوى
</center>
</div>
</div>
</div>
1 Blogger تعليقات
Disqus
1 تعليق
المشرف
avatar

اغيرو ازي برابط ولاه تسميه

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة