كيفية تركيب صندوق الملاحظات في مدونتك


لو كنت دائما تبحث عن طريقة لإبلاغ زوار مدونتك بشيء مهم أو إرسال رسالة تنبيه أو أي شيء آخر من هذا القبيل فالحل هو تركيب صندوق الملاحظات كالتالي :


md


 1*ادخل على مدونتك ثم اذهب إلى " تخطيط "

 2*اذهب إلى إضافة أداة من النوع  . HTML/JavaScript  

 3*ثم أضف هذا الكود     :


<script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
 </script>
 <script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#makingdifferent_widget2012").animate({left:"+=10px"}).animate({left:"-5000px"});
});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});
</script><style>
 #makingdifferent_widget2012{
 font-family: "Consolas", "Courier New", Courier, mono, serif;
 border: 1px solid;
 margin: 10px 0px;
 padding:15px 15px 15px 50px;
 background-repeat: no-repeat;
 background-position: 5px center;
 position:relative;
 color: #00529B;
 background-color: #BDE5F8;
 background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2fWV5H0j4pPluvE0nXxGvIfrzJhV273I0T99B0FoJW-2LJHgkwTE2462wPBL5ERxUIH0uVAVnqT0BCVKCk6hyphenhyphend8eyMQsSFMF9rP22gz0Nur_pbSterfiquHmOMzN3MwcmKdBwAh0Mw_Z/s1600/icon-info.png');
 }
 </style>
 <div id="makingdifferent_widget2012">
 <a class="close"  href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQBEE07V1Olr6PIVZ1LFmAgo-CHzuqxlHO5-07UCPoi-0B9a6X1pRlmLpvgknxiZz5BcjHHrS7brX3f7H3Dxmu64iCdbXa-GyJFp91OKtWl2z_q_o-Av-blFb1vZJRxtY_ATHYpNcFJBnf/s1600/popover-close-button.gif" /></a>

امسح هذا النص و اكتب الرسال التي تريد إظهارها للزوار

 </div>



 4*امسح الجملة المكتوبة بالأزرق في الكود أعلاه و اكتب مكانها الرسالة المراد إظهارها للزوار

تعليقات

المشاركات الشائعة