EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

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

السلام عليكم
إخواني الكرام كيف حالكم
اليوم بإذن الله ساقدم لكم أفضل وأسهل طريقة لإضافة الإبتسامات لمدونة بلوجر 
هذه الإضافة التي لاطالما بحث عنها الكثيرون وحتى بعد إيجادها تجد اكواد كثيرة يتوجب عليك وضعها في قالبك 
هذا يجعلك تتردد ولا ترغب في ذالك او تفشل في تركيبها بشكل صحيح 
الآن لن تجد هذا المشكل وتركيبها أسهل بكثير من التي سبقتها

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

أولا قم بالبحث عن الوسم التالي ]]></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 التعليقات في المواضيع التي فيها تعليقات مسبقا أما المواضيع التي لا تحتوي على تعليقات فقد ضهر فوق صندوق التعليقات عادي
لا اعرف هل هذا المشكل في مدونتي فقط لكن لا أضن انه مشكل كبير 
هذا كل شيئ اتمنى ان تعجبكم الإضافة بالتوفيق للجميع ودمتم في رعاية الله وحفظه

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية