طريقة فلترة الكلمات المسيئة لتعليقات الزوار على مدونات بلوجر

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

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

p1
إقرأ المزيد

إضافة أرشيف لمدونة بلوجر


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

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


<script src="http://abuiyad.googlecode.com/svn/archive.js" type="text/javascript">
</script>

<script src="http://www.abu-iyad.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).


</head>

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


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
قم بالبحث عن الكود التالي :


]]></b:skin>
ثم قم بلصق هذا الكود قبله :

#dafis-acc{

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;

padding:2px 0;

border:1px solid #339DC6;

}

.dafis-label{

background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;

font-weight:bold;

line-height:1.4em;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 1px 3px;

outline: none;

cursor: pointer;

text-decoration: none;

padding: 2px 10px;

color: #fff;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

border:1px solid #2F94BA;

}

.dafis-label:hover{

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;

color:#003366;

}

.dafis-daf ol{

margin:0 0 0 30px !important;

padding:0 !important;

}

.dafis-daf ol li{

background-color:#C9E9F4;

line-height:1.5em;

margin:1px 3px !important;

white-space:nowrap;

text-align:right;

border:1px solid #339DC6;

}

.dafis-daf ol li a{

text-decoration: none !important;

color:#333 !important;

display:block;

padding-left:10px;

}

.dafis-daf ol li a:hover{

background: #7BC4DF;

border-left: 5px #333 solid;

padding-left: 5px;

text-shadow: 0 1px 1px rgba(0,0,0,.3); 


أتمنى أن تنال إعجابكم
 
المصدر مدونة ابو اياد

p1
إقرأ المزيد

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



 السلام عليكم ورحمة الله وبركاته ،اليوم سوف نتعرف على كيفية إضافة الروابط الأوتوماتيكية لتدوينات بلوجر تحت كل موضوع ،حيث يُعرض على شكل جدول أسفل كل تدوينة ويتضمن روابط المقال على شكل 3 صيغ : URL,HTML,BBCODE
والان نترككم مع كيفية تطبيق الإضافة ,


انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
]]></b:skin>
ثم قم بوضع الكود التالي قبله :

#table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    margin: 10px -12px;
    width: 580px;
    text-align: left;
    border-collapse: collapse;
   direction:ltr;
}
#table th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ACEoqt7qbv9O7omxungk9vtffIm-5cjwHB_RUhgla5B7seYFMFF4qCQNMHyi_9RgJOiy_Z24gN4N2I9Y69AXDmB6Ry5cuPELC4XgIIuxaebvEjQQgLW3V8u6JHEGbVsCP3Wa7uPfYWnW/s1600/gradhead.png') repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;

}
#table td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #4c4c4c;
    border-top: 1px solid #fff;
    background: #e8edff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitsNVRKeDYzZE3sYXDKCLwNy1xkeC07egTCVXS85TAkVcZSDlHiF888fuv6Zm_8OE4ClqYkotoB2_oUg6c9fCC4mreT_FaBXmivWJJFQVKjLfCaY5x0kS-bhmUqNWvLp9dOdHl5EMQeQyz/s1600/gradback.png') repeat-x;
}
#table tfoot tr td {
    background: #e8edff;
    font-size: 20px;
    color: #99c;
    text-align:center;
}
#table tbody tr:hover td {
    background: #d0dafd url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxPV2SrqoPkDNnCdsPcTpOKBzr8jhyphenhyphenVlsTFs_EXKmEiE48g5z6iGWO6We7KvUfM8y96sQwboClTjw4SyLGD1bogRrSqI3woAmCAjQqNsHjqluVPcLZP_K5ASYD7FMWBqH46jDjRpnEe-C/s1600/gradhover.png') repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}

والآن قم بالبحث عن هذا الكود (إن وجدت منه أكثر الكثيير فالكود الأخير هو المقصود):

<data:post.body/>
ثم قم بوضع الكود التالي أسفله :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table id='table' summary='روابط الموضوع'>
  <tfoot>
    <tr>
      <td colspan='2'>روابط هذه التدوينة قابلة للنسخ واللصق</td>
    </tr>
  </tfoot>
  
<tr>

  <td>URL</td>
  <td><input expr:value='data:post.canonicalUrl' onclick='this.focus(); this.select();' style='width: 560px;' type='text'/></td>
</tr><tr>
  <td>HTML</td>
  <td><input expr:value='&quot;&lt;a href=&amp;quot;&quot; + data:post.canonicalUrl + &quot;&amp;quot; title=&amp;quot;&quot; + data:post.title + &quot;&amp;quot;&gt;&quot; + data:post.title + &quot;&lt;/a&gt;&quot;' onclick='this.focus(); this.select();' style='width: 560px;' type='text'/></td>
</tr><tr>
  <td>BBCode</td>
  <td><input expr:value='&quot;[url=&quot; + data:post.canonicalUrl + &quot;]&quot; + data:post.title + &quot;[/url]&quot;' onclick='this.focus(); this.select();' style='width: 560px;' type='text'/></td>
</tr>
</table> </b:if>

وأخيرا قم بحفظ القالب ،أتمنى أن تنال إعجابكم ولأي إستفسارالمرجو ترك تعليقاتكم

المصدر مدونه ابو اياد

p1
إقرأ المزيد