الخميس، 7 فبراير، 2013

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



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

 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('http://3.bp.blogspot.com/-zrDRODUJ1fM/T66Pl4ZSPwI/AAAAAAAADK0/NnAuYxn2OBY/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="http://1.bp.blogspot.com/-xjVGllNNS5Q/T66Pa1LuFZI/AAAAAAAADKs/8Nf9hrNZGpA/s1600/popover-close-button.gif" /></a>

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

 </div>



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

و السلام عليكم




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

هناك تعليقان (2) :