Content

2011-09-13

الجزء الأول | مجموعة إضافات احترافية لمدونات بلوجر






في هذه التدوينة سنعرض بعض أكثر الإضافات احترافية لمدونات بلوجر

وسأبدأ بالإضافات التي أستخدمها في مدونتي كجزء أول  ^_^


_________________






  إضافة | أزرار تابعني عبر حساباتي في المواقع الاجتماعية  



هذه الأداة قمت ( بإعادة صياغتها ) إذا صح التعبير

وأضفت لها التأثير الجميل الذي يظهر عند التأشير على إحدى الأزرار بها من أداة أخرى

لتكون أكثر احترافية، كما قمت بإعادة تصميم معظم الأزرار لتناسب مدونتي والمواقع التي أشترك بها  ^_^



ولإضافة هذه الأداة الاحترافية الجميلة في مدونتك اتبع الخطوات التالية :

@ الخطوة الأولى :

توجه في لوحة تحكم مدونتك إلى :

تصميم > عناصر الصفحة > إضافة أداة > أداة HTML/JavaScript

ثم أضف الكود التالي لها



<div class="flt-wdt">
<style>#floatingbookmarks {
right:25px;
top:40px;
margin-top:10px;
position:fixed;
width:40px;
}
#floatingbookmarks .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}
</style>
<b:if cond='data:blog.pagetype == &quot;item&quot;'>
<div id='floatingbookmarks'>
<a style="text-decoration:none;" href="http://www.facebook.com/omnidal" rel="nofollow" onclick="window.open('http://www.facebook.com/omnidal');return false;" title="تابعيني عبر الفايسبوك (للفتيات فقط)"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر الفايسبوك" src="http://4.bp.blogspot.com/-jjB0bVnR8Fk/TmyhMbtclQI/AAAAAAAAA0M/uyzAu2wgBuE/s1600/FB-OMNIDAL.png" name="Facebook"/> </a>
  <a style="text-decoration:none;" href="https://twitter.com/#!/omnidal" target="_Blank" rel="nofollow" onclick=" window.open('https://twitter.com/#!/omnidal'); return false;" title="تابعني على توتير"> <img border="0" id="Twitter" style="padding-bottom:1px;" alt="تابعني عبر تويتر" src="http://1.bp.blogspot.com/-JzSts1giswo/TmyhNZfhQHI/AAAAAAAAA0U/G128h328n2Y/s1600/twtr-OMNIDAL.png" name="Twitter"/> </a>
<a style="text-decoration:none;" href="http://a-omnidal.blogspot.com/feeds/posts/default" rel="nofollow" onclick="window.open('http://a-omnidal.blogspot.com/feeds/posts/default');return false;" title="تابعني عبر خلاصات المدونة"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر فليكر" src="http://4.bp.blogspot.com/-cfQ_DYXj46I/TmyhMwcBVsI/AAAAAAAAA0Q/oRXjawcHY6o/s1600/RSS-OMNIDAL.png" name="RSS"/> </a>
<a style="text-decoration:none;" href="http://www.flickr.com/photos/a_omnidal" rel="nofollow" onclick="window.open('http://www.flickr.com/photos/a_omnidal');return false;" title="تابعني عبر فليكر"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="Bookmark Facebook" src="http://4.bp.blogspot.com/-4cVpffcsUZ8/Tm5INRiIJ6I/AAAAAAAAA00/YGHbT5RQE-E/s1600/flickr-omnidal.png" name="flickr"/> </a>
<a style="text-decoration:none;" href="https://plus.google.com/109791937662333407989" rel="nofollow" onclick="window.open('https://plus.google.com/109791937662333407989');return false;" title="تابعني عبر جوجل +"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر جوجل +" src="http://3.bp.blogspot.com/-_V7CsBnC3Ow/Tm5IM7Qn8hI/AAAAAAAAA0w/BTXVddJU-Mc/s1600/google%252Bomnidal.png" name="Google +"/> </a>
<a href="javascript:window.external.AddFavorite('http://a-omnidal.blogspot.com/', 'مدونة أسماء || أم نضال ||');" title=" أضف المدونة لمفضلتك"><img border="0" src="http://3.bp.blogspot.com/-t4IYNNr4pXE/Tm4So83NfNI/AAAAAAAAA0o/2TtkVj-pypo/s1600/a-omnidal.png" /></a>
</div>
</b:if>
 </div>



@ الخطوة الثانية :

غير روابط المواقع الخاصة بي التي في الكود بالروابط الخاصة بك

وبإمكانك حذف وإزالة أي موقع لست مشترك به بحذف الكود الخاص به

فالأمر سهل على ما أعتقد بعدما جعلت أكواد كل موقع منفصلة عن الآخر


@ الخطوة الثالثة : 

توجه الآن إلى :

تصميم > تحرير html > وابحث عن الوسم


]]></b:skin>


ثم أضف الكود التالي قبله مباشرة (فوقه - أعلاه)



   .flt-wdt{
    position:fixed; right:10px; top:40%;
    }
    .flt-wdt img{
    float:right;
    clear:right;
    margin:5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    }
    .flt-wdt img:hover{
    -moz-transform: scale(1.2) rotate(6deg);
    -webkit-transform: scale(1.2) rotate(6deg);
    -o-transform: scale(1.2) rotate(6deg);
    -ms-transform: scale(1.2) rotate(6deg);
    transform: scale(1.2) rotate(6deg);
    }



قم بحفظ التغيرات على قالبك

واستمتع بأزرار المواقع الاجتماعية الخاصة بحساباتك تطفو على سطح مدونتك مع تأثير جميل ^_^


_________________




  إضافة | البنرات المتحركة لمدونات التبادل الإعلاني  




هذه الأداة استقيتها من مدونة زحمة حكي وعدلت عليها لتتناسب مع بنرات المدونات لدي


ولإضافة هذه البنرات المتحركة إلى مدونتك اتبع الخطوات التالية :


@ الخطوة الأولى :

توجه في لوحة تحكم مدونتك إلى :

تصميم > عناصر الصفحة > إضافة أداة > أداة HTML/JavaScript

ثم أضف الكود التالي لها


<!-- إعلانات -->
 <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<td> <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="right"> <tr><td class="thead" align="center">
<a href="هنا ضع رابط موضوع التبادل الإعلاني بمدونتك"> تبـآدل إعلاني ..~ </a> </td></tr> <tr><td class="alt1" align="right">
 <marquee onmouseover=this.stop() onmouseout=this.start() scrollamount=3 scrolldelay=20 direction=right> <table width="100%" cellpadding="0" cellspacing="0" border="0" align="right"><tr>

<!-- نهاية إعلان محدد -->  <!-- بداية إعلان محدد --> <td nowrap>&nbsp;&nbsp; <a rel="nofollow" target="_blank" href="هنا رابط المدونة الأولى"> <img src="هنا رابط صورة البنر الخاص بالمدونة الأولى" border="0" alt="" /></a>
<!-- نهاية إعلان محدد -->  <!-- بداية إعلان محدد --> <td nowrap>&nbsp;&nbsp; <a rel="nofollow" target="_blank" href="هنا رابط المدونة الثانية"> <img src="هنا رابط صورة البنر الخاص بالمدونة الثانية" border="0" alt="" /></a>
<!-- نهاية إعلان محدد -->   </td></td></td></td></td></td></td></td></td></td></td></td></td></td></td></tr></table></marquee></td></tr></table></td></table> <td background="$stylevar[imgdir_misc]/bakborleft.gif" width="15"> </td>



@ الخطوة الثانية :

غير كما هو مشار إليه في الكود ( روابط المدونات وروابط صور البنرات الخاصة بها )

إذا رغبت في إضافة بنرات أخرى أضف هذا الكود أسفل الكود المشابه له

<!-- نهاية إعلان محدد -->  <!-- بداية إعلان محدد --> <td nowrap>&nbsp;&nbsp; <a rel="nofollow" target="_blank" href="هنا رابط المدونة الثالثة"> <img src="هنا رابط صورة البنر الخاص بالمدونة الثالثة" border="0" alt="" /></a>



_________________



  إضافة | المشاركات الشائعة بشكل جميل وتأثير رائع  




هذه الإضافة الجميلة دلتني عليها صاحبة مدونة زحمة حكي من تطبيق مدونة تقارب

لإضافة هذه الأداة الجميلة إلى مدونتك اتبع الخطوات التالية :


@ الخطوة الأولى :

توجه في لوحة تحكم مدونتك إلى :

تصميم > تحرير html > ابحث عن الوسم التالي

]]></b:skin>


ثم أضف بعده مباشرة ( أسفله - أدناه ) الكود التالي


<style type='text/css'> .PopularPosts .item-title{display:none} .PopularPosts .widget-content ul li{background:none repeat scroll 0 0 transparent; float: right; list-style:none outside none; margin:10px 0 0 !important; padding:0 !important} .PopularPosts .item-thumbnail{margin:0 8px !important} .item-thumbnail img{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; border:5px solid #89C9E5; height:40px; padding:3px; width:40px} .item-thumbnail img:hover{border:5px solid #67ABC2; -moz-transform:scale(1.3) rotate(-5deg); -webkit-transform:scale(1.3) rotate(-5deg); -o-transform:scale(1.3) rotate(-5deg); -ms-transform:scale(1.3) rotate(-5deg); transform:scale(1.3) rotate(-5deg)} </style>


يمكنك تغيير ألوان الأداة بما يناسب ألوان مدونتك عبر تغيير كود اللونين التاليين

border:5px solid #89C9E5;


( خاص بلون الأداة وهي بالوضع العادي ( بدون التأشير عليها )

border:5px solid #67ABC2;

( خاص بلون الأداة عند التأشير عليها )


ويجب مراعاة أن يكون اللون الثاني أفتح من الأول ( حتى تكون الأداة أكثر تنسيقا )


_________________



  إضافة | كن من متابعي المدونة على شكل صورة  






تمتلك مدونات بلوجر أداة ( المتابعون ) التي تسهّل على الزوار متابعة إحدى المدونات بعينها

عبرعرض آخر التدوينات في لوحة التحكم


أداتنا اليوم تسمح لأصحاب المدونات التحكم أكثر بشكل هذه الأداة وتخصيصها بجمالية بسيطة ورائعة

بإزالة صور المتابعين أولا وربط الأداة بصورة خاصة ثانيا ( كشعار المدونة مثل التي أضعها في فوتر مدونتي مثلا )



وهناك عدة أشكال وطرق لإضافة هذه الأداة سأتناول الطريقة الأولى نقلا من مدونة تقارب



( الشكل الأول )

undefined
 
 لإضافة هذه الأداة إلى مدونتك قم باتباع الخطوات البسيطة التالية :


@ الخطوة الأولى :

توجه في لوحة تحكم مدونتك إلى :

تصميم > عناصر الصفحة > إضافة أداة > أداة HTML/JavaScript

ثم أضف الكود التالي لها

                <a href="http://www.blogger.com/follow-blog.g?blogID=xxxxxxxx" target="_blank" title="كن من متابعي المدونة"><img border="0" src="http://4.bp.blogspot.com/-h3YRBHYfF5g/TeYuZ6lly6I/AAAAAAAAEOQ/e4YcH4LGnjw/s1600/follow-with-google-friend-connect-button.jpg" /></a>


@ الخطوة الثانية :

غيّر xxxxxxxx برقم المعرف ( ID ) الخاص بمدونتك

ولتجده شاهد رابط الصفحة في صفحة عناصر الصفحة ( في شريط المتصفح )

ستشاهد أن الرابط يشبه هذا

http://www.blogger.com/rearrange?blogID=6185981115845043616

الأرقام الأخيرة من الرابط هي المعرف ( الـID ) الخاص بمدونتك


انسخها وألصقها بدل xxxxxxxx في الكود السابق

_____________


الشكل الثاني للإضافة هو التالي ( صورة فقط )




 
@ الخطوة الأولى :

توجه في لوحة تحكم مدونتك إلى :

تصميم > عناصر الصفحة > إضافة أداة > أداة HTML/JavaScript

ثم أضف الكود التالي لها

        <a href="http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxx" target="_blank" title="كن من متابعي مدونتي"><img border="0" src="http://3.bp.blogspot.com/-_EJeg5vVW6M/TeYuaeSR1MI/AAAAAAAAEOU/cYnnBxJtw7U/s1600/google-followers-button.png" /></a>


@ الخطوة الثانية : غيّر xxxxxxxx برقم المعرف ( ID ) الخاص بمدونتك

_____________


الشكل الثالث وهو عبارة عن عبارة نصية مكتوبة كالتالي



@ الخطوة الأولى :

توجه في لوحة تحكم مدونتك إلى :

تصميم > عناصر الصفحة > إضافة أداة > أداة HTML/JavaScript

ثم أضف الكود التالي لها

<a href="http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxx" target="_blank" title="من متابعي مدونتي">من متابعي مدونتي</a>

@ الخطوة الثانية : غيّر xxxxxxxx برقم المعرف ( ID ) الخاص بمدونتك


___________________


وكما تناول الأخ أحمد صاحب مدونة تقارب في موضوعه الذي أشرت إليه أعلاه

يمكن إضافة هذه الأداة أسفل التدوينات عبر الطريقة التالية :



@ الخطوة الأولى : 

توجه في لوحة تحكم مدونتك إلى :

تصميم > تحرير html > وابحث عن الوسم

<div class='post-footer-line post-footer-line-1'>

@ الخطوة الثانية :

أضف بعد الوسم تماما ( أسفله - أدناه ) أحد الأكواد الثلاث السابقة


______________



أما الطريقة الثانية والتي اعتمدتها في مدونتي، وهي أبسط بكثير ولست بحاجة فيها لأي كود


 فقط اتبع الخطوات البسيطة التالية :


@ الخطوة الأولى :


توجه في لوحة تحكم مدونتك إلى :

تصميم > عناصر الصفحة > إضافة أداة > صورة > ثم اختر الصورة التي تود عرضها

( أزل علامة صح من خيار "احتوء مناسب" )


@ الخطوة الثانية : 

في خانة " وصل " ألصق الرابط التالي

http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxx


@ الخطوة الثالثة :

غيّر xxxxxxxx برقم المعرف ( ID ) الخاص بمدونتك



_________________



  إضافة | قطعة " ابحث في مدونتي " بألوان واحترافية رائعة  




هذه الأداة من منتدى بلوجر بالعربي بواسطة الأخ محمد نجد

ولإضافتها في مدونتك اتبع الخطوات التالية :


@ الخطوة الأولى :

توجه في لوحة تحكم مدونتك إلى :

تصميم > تحرير html > وابحث عن الوسم

]]></b:skin>

وأضف أحد الأكواد التالية حسب ألوان مدونتك

الشكل الأول ( قطعة بحث بلون فاتح )


أضف الكود التالي قبل الوسم السابق تماما ( فوقه - أعلاه )

#search {
}
#search input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }
#search input[type="text"]:focus {
    width: 200px;
    }



الشكل الثاني ( قطعة بلون غامق عند التمدد تتغير إلى الأبيض )


أضف الكود التالي قبل الوسم السابق تماما ( فوقه - أعلاه )

#search {
}
#search input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }
#search input[type="text"]:focus {
    background: url(search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 200px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }




الشكل الثالث ( قطعة بلون غامق كليا قبل وبعد التمدد )


أضف الكود التالي قبل الوسم السابق تماما ( فوقه - أعلاه )

#search {
}
#search input[type="text"] {
    background: url(search-dark.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #777;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }
#search input[type="text"]:focus {
    width: 200px;
    }


@ الخطوة الثانية :

توجه في لوحة تحكم مدونتك إلى :

تصميم > عناصر الصفحة > إضافة أداة > أداة HTML/JavaScript

ثم أضف الكود التالي لها

<form method="get" action="/search" id="search">
  <input name="q" type="text" size="40" placeholder="ابحث في هذه المدونة" />
</form>



_________________



  إضافة | أحاديث الحبيب عليه الصلاة والسلام متغيرة بتغير الصفحة  






هذه الأداة الجميلة من مدونة العازمي ، وتضم الأحاديث المشهورة للحبيب عليه الصلاة والسلام

وتتغير الأحاديث بتحديث أو تغيير الصفحة في المدونة

والأداة خفيفة جدا على المتصفح وثقيلة جدا في ميزانك يوم الحساب بإذن الله



خطوات إضافة هذه الأداة في مدونتك عبر خطوة واحدة بسيطة وهي كالتالي :


توجه في لوحة تحكم مدونتك إلى :

تصميم > عناصر الصفحة > إضافة أداة > أداة HTML/JavaScript

ثم أضف الكود التالي لها

<script language="JavaScript">
/*****************************************
* Visit our site at http://www.star28.com/ for more code
******************************************/
<!-- Begin
var ALAA = 36;
now = new Date();
var rd = now.getSeconds();
var ra = rd % ALAA;
var re = ++ra;
var sori = "";
if (re == 1) {
sori = "قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ مَنْ كَانَ يُؤْمِنُ بِاللَّهِ وَالْيَوْمِ الْآخِرِ فَلْيُكْرِمْ جَارَهُ";
}
if (re == 2) {
sori = "عن أنس بن مالك رضي الله عنه، قال: كان النبي صلى الله عليه وسلم يقول: ( اللهم { ربنا آتنا في الدنيا حسنة وفي الآخرة حسنة وقنا عذاب النار } ) رواه البخاري ";
}
if (re == 3) {
sori = " قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ: من أحب لقاء الله أحب الله لقاءه ومن كره لقاء الله كره الله لقاءه ";
}
if (re == 4) {
sori = "عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا";
}
if (re == 5) {
sori = "عَنْ أَبِي هُرَيْرَةَ : أَنَّ رَسُولَ اللَّهِ  صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ  قَالَ : أَقْرَبُ مَا يَكُونُ الْعَبْدُ مِنْ رَبِّهِ وَهُوَ سَاجِدٌ فَأَكْثِرُوا الدُّعَاءَ";
}
if (re == 6) {
sori = "عَنْ أَبِي هُرَيْرَةَ قَالَ: قَالَ رَسُولُ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ:إِنَّ اللَّهَ لَا يَنْظُرُ إِلَى صُوَرِكُمْ وَأَمْوَالِكُمْ، وَلَكِنْ يَنْظُرُ إِلَى قُلُوبِكُمْ وَأَعْمَالِكُمْ";
}
if (re == 7) {
sori = "قال النبي صلى الله عليه وسلم «مَنْ أَحَبُّ عِبَادِ اللَّهِ إلَى اللَّهِ ؟ قَالَ أَحْسَنُهُمْ خُلُقًا»";
}
if (re == 8) {
sori = "قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ:مِنْ حُسْنِ إِسْلَامِ الْمَرْءِ تَرْكُهُ مَا لَا يَعْنِيهِ ";
}
if (re == 9) {
sori = "ََقَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ:لاَيُؤْمِنُ أَحَدُكُمْ حَتىَّ يُحِبَّ لِأخِيهِ مَا يُحِبُّ لِنَفْسِهِ";
}
if (re == 10) {
sori = "قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ: «مَنْ حدَّثَ عنِّي بحديث يُرى أنه كذب ، فهو أحد الكاذِبَيْن» أخرجه مسلم والترمذي";
}
if (re == 11) {
sori = "قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ  إِذَا الرَّجُلُ دَعَا زَوْجَتَهُ لِحَاجَتِهِ فَلْتَأْتِهِ وَإِنْ كَانَتْ عَلَى التَّنُّورِ ";
}
if (re == 12) {
sori = "عن ابن مسعود رضي الله عنه قال: قال رسول الله صلى الله عليه وسلم:ليس المؤمن بالطعان ولا اللعان ولا الفاحش ولا البذيء رواه الترمذي، وقال هذا حديث حسن غريب";
}
if (re == 13) {
sori = " قال صلى الله عليه وسلم : أكمل المؤمنين إيمانا أحاسنهم أخلاقا الموطنون أكنافا الذين يألفون ويؤلفون ، ولا خير فيمن لايألف ولا يؤلف رواه الترمذي ";
}
if (re == 14) {
sori = "قَالَ رَسُولُ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ:الْمَرْءُ عَلَى دِينِ خَلِيلِهِ فَلْيَنْظُرْ أَحَدُكُمْ مَنْ يُخَالِلُ";
}
if (re == 15) {
sori = "عَنْ عَلِيِّ بْنِ أَبِي طَالِبٍ  قَالَ: قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ:انْتِظَارُ الْفَرَجِ بِالصَّبْرِ عِبَادَةٌ";
}
if (re == 16) {
sori = "قال النبي صلى الله عليه وسلم  وَالسَّعِيدُ مَنْ وُعِظَ بِغَيْرِهِ";
}
if (re == 17) {
sori = "قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ: كَادَ الْفَقْرُ أَنْ يَكُونَ كُفْرًا، وَكَادَ الْحَسَدُ أَنْ يَغْلِبَ الْقَدَرَ";
}
if (re == 18) {
sori = "قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ الْوِحْدَةُ خَيْرٌ مِنْ جَلِيسِ السُّوءِ ، وَالْجَلِيسُ الصَّالِحُ خَيْرٌ مِنْ الْوِحْدَةِ ، وَإِمْلَاءُ الْخَيْرِ خَيْرٌ مِنْ الصَّمْتِ ، وَالصَّمْتُ خَيْرٌ مِنْ إمْلَاءِ الشَّرِّ";
}
if (re == 19) {
sori = "قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ مَنْ غَشَّنَا فَلَيْسَ مِنَّا";
}
if (re == 20) {
sori = "قال النبي صلى الله عليه وسلم اتَّقُوا فِراسَةَ المؤمن ، فإِنه يَنظُرُ بنورِ الله";
}
if (re == 21) {
sori = "قال النبي صلى الله عليه وسلم إِنَّمَا بُعِثْتُ لِأُتَمِّمَ مَكَارِمَ الْأَخْلَاقِ";
}
if (re == 22) {
sori = "قال النبي صلى الله عليه وسلم  اتَّقُوا دَعْوَةَ الْمَظْلُومِ، وَإِنْ كَانَ كَافِرًا، فَإِنَّهُ لَيْسَ دُونَهَا حِجَابٌ";
}
if (re == 23) {
sori = "قال النبي صلى الله عليه وسلم   الدَّالُّ عَلَى الْخَيْرِ كَفَاعِلِهِ";
}
if (re == 24) {
sori = " قال النبي صلى الله عليه وسلم دَاوَوْا مَرَضَاكُمْ بِالصَّدَقَةِ وَحَصِّنُوا أَمْوَالَكُمْ بِالزَّكَاةِ وَأَعِدُّوا لِلْبَلَاءِ الدُّعَاءَ";
}
if (re == 25) {
sori = "قال النبي صلى الله عليه وسلم الْمُسْلِمُ مَنْ سَلِمَ الْمُسْلِمُونَ مِنْ لِسَانِهِ وَيَدِهِ";
}
if (re == 26) {
sori = "قال النبي صلى الله عليه وسلم لَا يُلْدَغُ الْمُؤْمِنُ مِنْ جُحْرٍ مَرَّتَيْنِ";
}
if (re == 27) {
sori = "قال النبي صلى الله عليه وسلم الْمُؤْمِنُونَ كَالْبُنْيَانِ يَشُدُّ بَعْضُهُمْ بَعْضًا";
}
if (re == 28) {
sori = "قال النبي صلى الله عليه وسلم آيَةُ الْمُنَافِقِ ثَلَاثٌ  إِذَا حَدَّثَ كَذَبَ وَإِذَا وَعَدَ أَخْلَفَ  وَإِذَا اؤْتُمِنَ خَانَ";
}
if (re == 29) {
sori = "قال النبي صلى الله عليه وسلم والذي نفسي بيده لا يسمع بي أحد من هذه الأمة يهودي أو نصراني ثم يموت ولا يؤمن بالذي أرسلت به إلا كان من أصحاب النار";
}
if (re == 30) {
sori = "قال النبي صلى الله عليه وسلم اتقوا دعوة المظلوم وإن كان كافرا فإنها ليس دونها حجاب";
}
if (re == 31) {
sori = "قال النبي صلى الله عليه وسلم أَحَبُّ الْأَعْمَالِ إِلَى اللَّهِ تَعَالَى أَدْوَمُهَا وَإِنْ قَلَّ";
}
if (re == 32) {
sori = "قال النبي صلى الله عليه وسلم  إذا جاء رمضان فتحت أبواب الرحمة وغلقت أبواب النار وصفدت الشياطين";
}
if (re == 33) {
sori = "قال النبي صلى الله عليه وسلم من قال إذا أصبح رضيتُ بالله رباً وبالإسلام ديناً وبمحمدٍ صلَّى الله عليه وسلَّم نبياً فأنا الزعيم لآخذنَّ بيده حتى أُدخِلَهُ الجنَّةَ ";
}
if (re == 34) {
sori = "قال النبي صلى الله عليه وسلم أَحَبُِّ الجِهَادِ إِلَى اللهِ كَلِمَةُ حَقٍّ تُقَالُ لإِمَامٍ جَائِرٍ";
}
if (re == 35) {
sori = "قال النبي صلى الله عليه وسلم  أخاف على أمتي ثلاثا‏‏ زلة عالم وجدال منافق بالقرآن والتكذيب بالقدر";
}
if (re == 36) {
sori = " قَالَ رَسُولُ اللهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ: إِنَّ أَخْوَفَ مَا أَخَافُ عَلَيْكُمْ بَعْدِي مُنَافِقٌ عَليِمُ اللِّسَانِ";
}
var ALAA=""+sori+"";
document.write(ALAA);
// End -->
               </script>








تم بحمد الله وعونه ◕‿◕



38 التعليقات:

مدونة سامكو | قوالب معربة قام بالتعليق في : 9/13/2011 يقول...

اضافات ما شاء الله جميلة جدا تجعل المدونة اكثر سهولة وجمالا ويسر للمتابعين والزائرين

حمزة بنعلي الادريسي قام بالتعليق في : 9/13/2011 يقول...

سلمتي اختي الفاضلة من كل سوء
على طرحك هذا الاكثر من رائع
اتمنى لكي التوفيق

أسماء || أم نضال || قام بالتعليق في : 9/13/2011 يقول...

@مدونة سامكو | قوالب معربة

أردت أن تكون الإضافات خفيفة وذات احترافية لتزيد من جمالية المدونات

بوركتَ أخي محمد على المرور والتعليق

أسماء || أم نضال || قام بالتعليق في : 9/13/2011 يقول...

@حمزة بنعلي الادريسي

أتمنى أن أكون قد أفدتكم ولو بالشيء البسيط ،

بوركتَ على المتابعة

Dr.R.o قام بالتعليق في : 9/14/2011 يقول...

شكرا جزيلا أختى الفاضلة
جزاك الله كل خير على هذه المدونة الرائعة

أنثى يعشقها الإبداع قام بالتعليق في : 9/14/2011 يقول...

روووووووووووووووعه بمعنى الكلمه اختي أسماء
بججججد مشكورة على الشرح والاضافات الحلوووة
يعطكِ ربي العافيه
وجزك الله خير .. كثر الله من أمثالك ^^

أسماء || أم نضال || قام بالتعليق في : 9/14/2011 يقول...

@Dr.R.o

وجزيت بالمثل أخي ، أتمنى أن يكون الموضوع قد أفادك

@أنثى يعشقها الإبداع

كلماتك الأروع يا جميلهـ،، كوني بالقرب دائما ^^

Anass قام بالتعليق في : 9/14/2011 يقول...

السلام عليكم
إضافات أكثر من رائعة
بارك الله فيك

أناس كيو - anassq.eb2a.com

yousefalnatsheh قام بالتعليق في : 9/19/2011 يقول...

إضافة روعة شكراا لك

أتمنى زيارتك لي وشكراا
مدونة كل شي
http://everi-thing.blogspot.com

¸¸.سَـٱﻣ̉ـﻳـﻪ ¸¸. قام بالتعليق في : 9/28/2011 يقول...

جزاك الله خير
اضافات متميزه وكنت ابحث عن بعضها

لك جزيل شكري لافادتك ..

دمتي بخير .. وتشرفني زيارتك لمدونتي ..
واقتراحاتك لها

أسماء || أم نضال || قام بالتعليق في : 9/28/2011 يقول...

أسعدني تواجدكم هنا ،،

بوركتم ^_^

Laetitia قام بالتعليق في : 9/30/2011 يقول...

السلام عليكم اختي نضال

اضافاتك لمدوناتنا تزيد من طموحنا للمزيد :)

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

و اذا اردت تغيير مكانها فهل من اضافة لكود معين؟

موفقة

أسماء || أم نضال || قام بالتعليق في : 9/30/2011 يقول...

@Laetitia

وعليكم السلام ورحمة الله وبركاته أختي ^^

بوركتِ على كلماتك الجميلة أسعدتني مشاركتك ،،

بالنسبة لكود الأزرار الاجتماعية يمكنك تغيير اتجاهها إلى اليسار كالتالي :

في بداية الكود ستجدين

right:25px;
top:40px;
margin-top:10px;
position:fixed;
width:40px;

قومي بتغيير السطر الأول ليصبح الكود هكذا هكذا :

left: 40px;
top:40px;
margin-top:10px;
position:fixed;
width:40px;

دكتور موبايلو قام بالتعليق في : 10/26/2011 يقول...

جزاك الله خيرا

اضافات ممتازة

ولكن هل يمكن تطبيق اضافة المشاركات الشائعة على اضافة اخر التدوينات " recent posts "

وبالنسبة لتعويم المواقع الاجتماعية هل يمكن تعويم العمود الجانبي كله

شكرا مقدما

أسماء || أم نضال || قام بالتعليق في : 10/26/2011 يقول...

@دكتور موبايلو

وجزيت بالمثل أخي، سأحاول تجربة اقتراحاتك فهي قابلة للتطبيق
لكن تحتاج لوقت وتركيز أفتقدهما في هذه الفترة للأسف ^^"

دكتور موبايلو قام بالتعليق في : 10/26/2011 يقول...

أعانك الله ووفقك ...

فى انتظار ردك ان شاء الله

واتمنى التفاعل من كل الأخوة المدونين ان شاء الله

zakhat fikr قام بالتعليق في : 11/03/2011 يقول...

يااخت نظال اين اجد

تصميم > عناصر الصفحة > إضافة أداة > أداة HTML/JavaScript

غير موجودة عندي

أسماء || أم نضال || قام بالتعليق في : 11/03/2011 يقول...

@zakhat fikr

بالعودة إلى المنصة القديمة لبلوجر سوف تجدها

نور الإيمان قام بالتعليق في : 11/26/2011 يقول...

بارك الله فيكى غاليتى اسماء على مدونتك واضافاتك الرائعه
ولكن بالنسبة للمشاركات الشائعه لا تظهر لى بالشكل الجيد
وتظهر بهذا الشكل
http://center.jeddahbikers.com/uploads/jb13223234361.jpg
علما بانى صممت قالبى ببرنامج Artisteer
وهذه هى مدونتى
ارجز افادتى جزاكى الله كل خير

أسماء || أم نضال || قام بالتعليق في : 11/26/2011 يقول...

@نور الإيمان

بوركتِ على كلماتك الجميلة عزيزتي إيمان ،،

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

المشاركات الشائعة > تفعيل خيار "صورة مصغرة من الصورة" > إلغاء خيار "مقتطف" > حفظ

اطلعت على مدونتك أعجبني تنسيقها ما شاء الله أنيقة، تحتاج لتعريب فقط ^_^

نور الإيمان قام بالتعليق في : 11/26/2011 يقول...

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

أسماء || أم نضال || قام بالتعليق في : 11/26/2011 يقول...

@نور الإيمان

أجل ذلك بسبب أن القالب غير معرب، يمكنك تغيير اتجاه الكتابة في القالب بالبحث عن الكود التالي في تحرير html القالب

text-align:

إذا كان بجانبه "left" غيريه إلى "right" ستجدين الكود أكثر من مرة قومي بتغييرها جميعا

نور الإيمان قام بالتعليق في : 11/29/2011 يقول...

جزاكى الله خير

med chi قام بالتعليق في : 1/15/2012 يقول...

شكرا لك اختي بارك الله لك

Qussai mohammad قام بالتعليق في : 2/14/2012 يقول...

شكرا على الاضافات الرائعة

MIA قام بالتعليق في : 2/28/2012 يقول...

والله لم أجد مبدعة مثلك في كل المدونات
جزاكي الله خيرا

ملاحظة... يبدو أنك محافظة على دينك حيث انك كتبتي
الرجاء عدم استخدام مرادفات ( يا الغالية، يا العزيزة...) في التعليق بالنسبة للشباب

زادكي الله ابداعا

MIA قام بالتعليق في : 2/28/2012 يقول...

@أسماء || أم نضال ||
او يمك استعمال برنامج تعريب قوالب بلوجر .. إته مجاني ومساعد جدا

المطور قام بالتعليق في : 5/31/2012 يقول...

الحمد لله الذي بنعمته تتم الصالحات

أسأل الله ان يكون هذا في ميزان اعمالك الصالحة ، وان يرزقك الإخلاص والتجرد له سبحانه ،

وجزاكم الله خيرا ،، تمت الاستفادة ، وانها لاستفادة كبيرة

Abdul Rahman Alsaiad قام بالتعليق في : 6/08/2012 يقول...

يجب الانتباه إلى أن صورة التويتر لاتظهر !!؟

أسماء || أم نضال || قام بالتعليق في : 6/08/2012 يقول...

بوركتم على كلمات الشكر أسأل الله أن يستخدمنا لما يحبه ويرضاه ^_^

@Abdul Rahman Alsaiad بلا تظهر أخي ربما لم يتم تحميل الصفحة لديك بالكامل، هذا رابط الصورة

"http://1.bp.blogspot.com/-JzSts1giswo/TmyhNZfhQHI/AAAAAAAAA0U/G128h328n2Y/s1600/twtr-OMNIDAL.png

خطوط الأناقة قام بالتعليق في : 6/18/2012 يقول...

تمت أضافتها لمدونتي
جزاك الله خير شكلها جدا جميل

okba kh قام بالتعليق في : 11/21/2012 يقول...

شكرا لك اختاه
باعمالك هذه ومساعداتك انشاء الله ستنالين اعلى مراتب الجنة
اللهم امين

عًطًــوُرُ أُلجٌــنہة قام بالتعليق في : 9/03/2013 يقول...

الله يتسر عليك بل دنيا ولا يحرمنا من عمللك الصالح ربي وفقك

AHMED ALHASHEDY قام بالتعليق في : 11/16/2013 يقول...

كل الشكر والتقدير

إغيل زينب قام بالتعليق في : 3/06/2014 يقول...

السلام عليكم أختي
جزاك الله خيرا على عملك المميز انا لازلت مبتداة وقمت بتنزيل قالب new focus point وأعجبني لاكن لا اعرف كيف اجعل اسم المدونة يظهر بشكل كبير وجميل هل يجب ان اصممه بالفوتوشوب وهل يمكن تغييرمكان معلومات صاحب المدونة لجعله يظهر في اعلى المدونة وجزاك الله خيرا

Sarra .B قام بالتعليق في : 8/22/2014 يقول...

رائعة :)

Waqood Alaql قام بالتعليق في : 9/03/2014 يقول...

ما شاء الله اضافات أكثر من رائعة :)

PİŞKEL GOLDSEED قام بالتعليق في : 9/25/2015 يقول...

شكرا

إرسال تعليق

| الرجاء عدم استخدام مرادفات ( يا الغالية، يا العزيزة...) في التعليق بالنسبة للشباب |

لتصلك إشعارات ردود هذا الموضوع انقر على (الاشتراك عن طريق البريد الإلكتروني) أسفل صندوق التعليق