‏إظهار الرسائل ذات التسميات دروس بلوجر. إظهار كافة الرسائل

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

http://www.shwqna.net/ 

1.قم بالبحث عن الوسم :

<body>  


ثم قم بلصق هذا الكود قبله مباشرة :

<script type='text/javascript'>
//<![CDATA[
function badwordfilter(ID){
var comm = document.getElementById(ID);
var comment = comm.innerHTML;
var reBadWords = /الكلمة مسيئة2|الكلمة مسيئة1/gi;
comment1 = comment.replace(reBadWords, "****");
comm.innerHTML = comment1;
comm.style.display = "block";
}
//]]>
</script>

ملاحظة : يمكنك إضافة أكثر من كلمة في الكود وهي الكلمات ما لون باللون الأحمر شرط أن يكون هذا الرمز | الفاصل بين كل كلمة وأخرى ،لتكن على هذا الشكل  : .|.....|......|الكلمة السيئة4|الكلمة السيئة3|الكلمة السيئة2|الكلمة السيئة1
وبطبيعة الحال من دون كتابة الأرقام

2.الآن قم بالبحث عن هذا الكود (إبحث عن ما لون باللون الأزرق لتجد الكود):

<p><data:comment.body/></p>

إن وجدت أكثر من واحد فالكود الأول هو المقصود :

3.ثم قم بإستبدال الكود كاملا بهذا الكود :


<p>
 <div expr:id='data:comment.id' style='display:none;'>
 <data:comment.body/>
 </div>
 <script type='text/javascript'>badwordfilter(&quot;<data:comment.id/>&quot;);</script>
</p>

السلام عليكم ورحمة الله تعالى وبركاته ،سوف نتعرف اليوم علي طريقة جميلة جدا لوضع تأتيرات على الصور وهي الخاصية نفسها التي أضعها علي جميع صور مدونتي ،هذه الخاصية تعطي للصور جمالية وتنسيق رائع عند وضع مؤشر الماوس علي الصورة سوف تميل جانبا وعند إبعاد مؤشر الماوس تعود الصورة لوضعيتها الطبيعية ،كنت أستعمل هذه الخاصية في مدونتي منذ زمن حيث كان يلزمني إضافة بعض الأكواد مع رابط الصورة التي أريد أن أعمل لها هذا التأثير وتتكرر العملية مع كل إضافة للصور ،لكنني بعد جهد شخصي  تمكنت من صنع كود يتم إضافته مرة واحدة للقالب ويتم تفعيل خاصية التأثير علي جميع الصور بدون إستثناء ،وأعني بالذكر أن صور الخلاصات "إقرأ المزيد" هي كذلك تطبق عليها هذه الخاصية مما يعطي للمدونة جمالية ورونق رائعين ,والآن لنتوجه لتطبيق الكود.

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )

 ]]></b:skin> 


ثم قم بوضع الكود التالي قبله  

.post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
} 


يمكنك التحكم في درجة ميلان الصور كما تريد وبإتجاهها كذلك  سواء على اليسار أم على اليمين وذلك بإستبدال الرمز (+) بالرمز( -) والعكس، حيث تمثل القيمة 2deg+ درجة الميلان قبل وضع مؤشر الماوس  وتمثل كذلك القيمة  1deg- درجة الميلان عند وضع مؤشر الماوس على الصورة .

والنتيجة تكون الصورة على هذا الشكل .


http://www.shwqna.net/


بسم الله الرحمن الرحيم



http://www.shwqna.net/ 

طريقة تقسيم التصنيفات


إذهب للوحة التحكم / تصميم / تحرير HTML

http://www.shwqna.net/ 
ثم إبحث عن الإسم اللذي أعطيته لتصنيف في مدونتي مثلا “أقسام المدونة” ستجده بالشكل التالي:




إحفظ الرقم الموجود أمام Label و هنا هو رقم 2 قد يختلف الرقم من مدونة إلى أخرى.
ثم إبحث عن الوسم التالي بالضغط على زري
]]></b:skin>
ثم أضف قبله الكود التالي
#Label2 ul li{
float:right;
width: 45%;
}


ثم غير رقم Label بالرقم الموجود لديك يمكنك تغير %45 إلى أكثر أو أقل حسب مدونتك ففي مدونتي جعلت النسبة %50 قم بالتجربة لتحصل على النتيجة المرجوة.

تحياتي لك و إلى اللقاء في موضوع أخر إن شاء الله.

 

Flag Counter