اليوم سوف نتعرف على تركيب اداة ابتسامات متحركة بشكل رائع وشرح طريقة التركيب

بسم اللة الرحمن الرحيم والصلاة والسلام على اشرف خلق اللة سيدنا محمد صلااللة وعلية وسلم مرحبا بكم زوار مدونة Events Profit

اليوم سوف نتعرف على تركيب اداة  ابتسامات متحركة بشكل رائع وشرح طريقة التركيب

طريقت اضافت ابتسامات متحركة بشكل رائع طريقة التركيب :

الدخول إلى القالب ثم تحرير HTML

نضيف الكود التالي قبل  </body>

<!-- END HEADER-msms0.blogspot.com--> <b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", putEmoAbove:"iframe#comment-editor", topText:"إضغط على الابتسامة لظهور الكود الخاص بها", emoMessage:"لإدراج تعبيرات الوجه يجب إضافة ما لا يقل عن مسافة واحدة قبل الرمز." }) }); //]]> </script> <script src='https://arblab.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/> </b:if> <!-- END HEADER-msms0.blogspot.com-->

الآن نضيف الكود التالي قبل  :]]></b:skin>

<!-- END HEADER-msms0.blogspot.com--> .emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2)); background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%); border:3px solid #860000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); font-weight:normal; color:#333; } .emoWrap:after { content:""; position:absolute; bottom:-10px; right:10px; border-top:10px solid #860000; border-left:20px solid transparent; width:0; height:0; line-height:0; } <!-- END HEADER-msms0.blogspot.com-->

وأخيرا نضيف الكود التالي قبل  </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>