إضافة أدات ذات محتوى ثابت ومخفي

إظهار وإخفاء الأشياء في بلوجر ليس شيء صعب، كل ما نحتاجه إليه هو القليل من الفهم في 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>