تجربة 1

الابتسامات و الرموز من اهم الاداوت التي تجذب للقارئ للتعليق ولكن بعضها يؤثر سلبيا على سرعة تحميل المدونة مثل الابتسامات المتحركة فهي تحتاج الى وقت حتى يتم تحميلها ولكن اليوم نقدم لكم ابتسامات بسيطة لاتؤثر على سرعة التحميل اضافة الى جمالها و روعتها ...

شرح اضافة الابتسامات :
* نتوجه الى لوحة التحكم > القالب تحرير القالب > ونضغط على ( ctrl+f ) ونبحث عن الوسم </body> ونلصق فوقه الكود التالي :

<script src='https://al7sam.googlecode.com/svn/trunk/smiley.js' type='text/javascript'/>

* ثم نبحث عن الوسم ]]></b:skin> ونلصق فوقة الكود التالي :

/*Smile*/
.al7sam-smilet {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF4f5xOTeXR1R0YJ3O6QavIwl4jnYQ3Cf258lzPRDRvaflXQ1-zttt5wTB_NiSdtI2E5r9Djx-1_via9Q6szDrtRbOhn6L34c0_I6aTSZbeRI-cx7A9frhckPkZSgZ2q5rONKw93yqoYBr/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;
}
.al7sam-smilet:hover {cursor: default;}
.al7sam-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;

}

* ثم نقوم بحفظ القالب و نتوجه الى الاعدادات > مشاركات و تعليقات > ثم قم بتحرير رسالة نموذج التعليق وهذه الرسالة هي النص الذي سيظهر فوق الابتسامات فيمكن ان نكتب فيها مانريد ثم نضيف السطر التالي :

=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r

ونحفظ الرسالة .... 

وهكذا نكون قد انيهينا درسنا لليوم ... ^_^ ولاتبخلوا عاينا بتعليقاتكم المشجعة