Blogger
اضافة ابتسامات لمدونات بلوجر بشكل اخر رائع و جميل و تستحق الاضافة

الإبتسامات والرموز من الإضافات التي دائما ما انصح بعدم تركيبها نظراً لانها تسبب الكثير من الثقل في مدونات بلوجر لان غالباً إضافات الإبتسامات
تتكون من صور منفرده ومتحركه وجلب كل تلك الروابط يعد عبئ اضافة حتى لطرق اظهارها كل تلك الأشياء تجعلني اخبر الكثيرين بعدم تركيبها لكن الإبتسامات والرموز من اكثر الإضافات التي تعطي حيوية للتعليقات وقد تحل محل كثير من الكلمات وتعبر بشكل طيب عن بعض ما قد لا تعطيه الكلمات من معاني لذلك كانت تلك الإضافة الحصرية بكن مدون وهي ابتسامات تعمل بتقنية CSS Sprite وهي صورة واحده يتم تجزئتها وهي فكرة وتصميم حصري وطريقة تركيبها ايضاً سهله ولا تؤثر في سرعة المدونة ويمكنك تركيبها بإتباع التالي
تتكون من صور منفرده ومتحركه وجلب كل تلك الروابط يعد عبئ اضافة حتى لطرق اظهارها كل تلك الأشياء تجعلني اخبر الكثيرين بعدم تركيبها لكن الإبتسامات والرموز من اكثر الإضافات التي تعطي حيوية للتعليقات وقد تحل محل كثير من الكلمات وتعبر بشكل طيب عن بعض ما قد لا تعطيه الكلمات من معاني لذلك كانت تلك الإضافة الحصرية بكن مدون وهي ابتسامات تعمل بتقنية CSS Sprite وهي صورة واحده يتم تجزئتها وهي فكرة وتصميم حصري وطريقة تركيبها ايضاً سهله ولا تؤثر في سرعة المدونة ويمكنك تركيبها بإتباع التالي
اضافة ابتسامات لمدونات بلوجر بشكل اخر رائع و جميل و تستحق الاضافة
<script src=’https://cnmu.googlecode.com/svn/trunk/smiley.js’ type=’text/javascript’/>
/*Smile*/
.cnmu-smilet {
background: url(“https://lh4.googleusercontent.com/-b9XQATW9z_g/UwYbrkQLHoI/AAAAAAAADb0/y0NaaxW9mWQ/s3512/smily.png”) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 20px;
position: relative;
width: 20px;
font: bold 16px arial;
direction: ltr;
}
.cnmu-smilet:hover {cursor: default;}
.cnmu-smilet:hover:after {
background: #fff;
border: 2px solid #0062C4;
border-radius: 100%;
bottom: 26px;
color: #000;
content: attr(title);
direction: ltr !important;
display: inline-block;
font: bold 16px arial;
left: 20%;
padding: 5px 1px;
position: absolute;
text-align: center;
width: 30px;
z-index: 98;
}
.cnmu-smilet {
background: url(“https://lh4.googleusercontent.com/-b9XQATW9z_g/UwYbrkQLHoI/AAAAAAAADb0/y0NaaxW9mWQ/s3512/smily.png”) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 20px;
position: relative;
width: 20px;
font: bold 16px arial;
direction: ltr;
}
.cnmu-smilet:hover {cursor: default;}
.cnmu-smilet:hover:after {
background: #fff;
border: 2px solid #0062C4;
border-radius: 100%;
bottom: 26px;
color: #000;
content: attr(title);
direction: ltr !important;
display: inline-block;
font: bold 16px arial;
left: 20%;
padding: 5px 1px;
position: absolute;
text-align: center;
width: 30px;
z-index: 98;
}
فعلياً انت الآن ركبت الإضافة لكن بقي أمر وهو ان توضح للزوار كيف يستخدمونها
قم بالدخول الى إعدادات المدونة ثم >> مشاركات وتعليقات >> ثم قم بتحرير رسالة نموذج التعليق
هذه هي الرسالة التي تظهر فوق صندوق التعليق قم بكتابة ما تريد مثلا
الاشتراك في قناة اليوتيوب اضغط هنا علي الصورة
و لاتنسوا ان تتابعنا علي فيس بوك و الموقع و قناة اليوتيوب و جوجل بالاشتراك حتي يصلك الجديدة
و في حالة حدوث اي مشكلة او اذا كان لديك استفسار فلا تتردد ان تكتب لنا في موقع اوروبا
What’s your Reaction?
0
Love
0
Smile
0
Haha
0
Sad
0
Star
0
Weary