أسهل طريقة لإضافة الإبتسامات لمدونة بلوجر

إخواني الكرام كيف حالكم

اليوم بإذن الله ساقدم لكم أفضل وأسهل طريقة لإضافة الإبتسامات لمدونة بلوجر 

هذه الإضافة التي لاطالما بحث عنها الكثيرون وحتى بعد إيجادها تجد اكواد كثيرة يتوجب عليك وضعها في قالبك 

هذا يجعلك تتردد ولا ترغب في ذالك او تفشل في تركيبها بشكل صحيح 

الآن لن تجد هذا المشكل وتركيبها أسهل بكثير من التي سبقتها

أولا قم بالبحث عن الوسم التالي ]]></b:skin>

ثم فوقه ضع هذا الكود

.emoWrap {
position:relative;
padding:10px;
margin-bottom:7px;
background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
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;
left:10px;
border-top:10px solid #860000;
border-right:20px solid transparent;
width:0;
height:0;
line-height:0;
}

ثم بعد ذالك قم بالبحث عن وسم </body>

ثم فوقه ضع هذا الكود

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<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://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>

وآخر خطوة هي تركيب مكتبة الجيكويري فوق وسم </head>

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

هذا إن لم تكن موجودة من قبل وهكذا تكون قد إنتهيت

ملاحضة فقط بعد ان جربت الكود على مدونة تجريبية نجح الكود لكن ضهر لي انه يضهر اسفل صندوr التعليقات في المواضيع التي فيها تعليقات مسبقا أما المواضيع التي لا تحتوي على تعليقات فقد ضهر فوق صندوق التعليقات عادي

لا اعرف هل هذا المشكل في مدونتي فقط لكن لا أضن انه مشكل كبير 

هذا كل شيئ اتمنى ان تعجبكم الإضافة بالتوفيق للجميع ودمتم في رعاية الله وحفظه