اكواد اسلاميه

<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5IPN40l3X7h8Vm_tLCalc5hcBD9948CSnhOec8hK68a2p9dNkuPzHJFDCzsWbC2jcsJim-VAnJImzEB9_Ve1DzQEt29r7ovNDjE9jGkotpeGbDwjQuSeZlxOXq1TO8Tg995TipFbjejo/s1600/islam-hajj-ceremony-saudi-arabia-mecca-reuters1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="411" data-original-width="730" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5IPN40l3X7h8Vm_tLCalc5hcBD9948CSnhOec8hK68a2p9dNkuPzHJFDCzsWbC2jcsJim-VAnJImzEB9_Ve1DzQEt29r7ovNDjE9jGkotpeGbDwjQuSeZlxOXq1TO8Tg995TipFbjejo/s640/islam-hajj-ceremony-saudi-arabia-mecca-reuters1.jpg" width="640" /></a></div> <span style="color: #cc0000;">بسم الله الرحمن الرحيم</span></div> <div style="text-align: center;"> <span style="color: #cc0000;">والسلام عليكم ورحمه الله وبركاته</span></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: center;"> <h3> اكواد اسلاميه</h3> <div class="separator" style="clear: both; text-align: center;"> </div> <br /></div> <div style="text-align: center;">   اولا كود اية الكرسي</div> <div style="text-align: center;"> تقدر تضيفو في اي مكان</div> <div style="text-align: center;"> *********************************</div> <blockquote class="tr_bq"> <div style="text-align: center;">  <div align="center"><br /> <table border="1" width="100%" style="border-collapse: collapse"><br /> <tr><br /> <td class="row1" colspan="3"><br /> <b><br /> <font size="2"><br /> <marquee bgcolor="FFFFCC" direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5"> اعوذ بالله من الشيطان الرجيم {بسم الله الرحمن الرحيم{اَللَهُ لا إِلَهَ إلا هو اَلحي ُ القَيَوم لا تأخذه سِنَةٌ ولا نوْمٌ لَّهُ مَا فيِِ السَمَاوَاتِ وَمَا في اَلأَرْضِ مَن ذَا الَّذِي يَشفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَينَ أَيدِيهِمْ ِوَمَا خَلْفَهم وَلا َيُحِيطُونَ بشَيءٍ مِنْ علمِهِ إِلاَ بِمَا شَآء وَسعَ كُرْسِيُّهُ السَمَاوَاتِ وَالأَرضِ وَلاَ يَؤُدُه حِفْظُهُمَا وَهُوَ العَليُّ العَظِيمُ{صدق الله العظيم} </marquee></font></b></td><br /> <br /> </tr><br /> <br /> </table></div> </blockquote> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> *************************************** </div> <div style="text-align: center;"> مثال علي الكود</div> <div style="text-align: center;"> *****************************</div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> <table border="1" style="border-collapse: collapse; margin-left: auto; margin-right: auto; text-align: left;"><tbody> <tr><td class="row1" colspan="3"><b><span style="font-size: x-small;"><marquee bgcolor="FFFFCC" direction="right" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" scrolldelay="0" width="100%"> اعوذ بالله من الشيطان الرجيم {بسم الله الرحمن الرحيم{اَللَهُ لا إِلَهَ إلا هو اَلحي ُ القَيَوم لا تأخذه سِنَةٌ ولا نوْمٌ لَّهُ مَا فيِِ السَمَاوَاتِ وَمَا في اَلأَرْضِ مَن ذَا الَّذِي يَشفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَينَ أَيدِيهِمْ ِوَمَا خَلْفَهم وَلا َيُحِيطُونَ بشَيءٍ مِنْ علمِهِ إِلاَ بِمَا شَآء وَسعَ كُرْسِيُّهُ السَمَاوَاتِ وَالأَرضِ وَلاَ يَؤُدُه حِفْظُهُمَا وَهُوَ العَليُّ العَظِيمُ{صدق الله العظيم} </marquee></span></b></td> </tr> </tbody></table> *************************************** </div> <div style="text-align: center;"> ثنيا كود : مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ</div> <div style="text-align: center;"> *****************************<br /> <blockquote class="tr_bq"> <br /> <div align="center"><br /> <table border="1" width="100%" style="border-collapse: collapse"><br /> <tr><br /> <td class="row1" colspan="3"><br /> <b><br /> <font size="2"><br /> <marquee bgcolor="FFFFCC" direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5"> مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ </marquee></font></b></td><br /> <br /> </tr><br /> <br /> </table> </blockquote>  ******************* <br /> مثال علي الكود<br /> *************************<br /> <br /></div> <div style="text-align: center;"> <table border="1" style="border-collapse: collapse; margin-left: auto; margin-right: auto; text-align: left;"><tbody> <tr><td class="row1" colspan="3"><b><span style="font-size: x-small;"><marquee bgcolor="FFFFCC" direction="right" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" scrolldelay="0" width="100%"> مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ </marquee></span></b></td> </tr> </tbody></table> </div> <div style="text-align: center;">  ******************* </div> <div style="text-align: center;"> كود ادعيه واذكار</div> <div style="text-align: center;"> *************************</div> <blockquote class="tr_bq"> <div style="text-align: center;"> <div align="center"><br /> <table border="1" width="100%" style="border-collapse: collapse"><br /> <tr><br /> <td class="row1" colspan="3"><br /> <b><br /> <font size="2"><br /> <marquee bgcolor="FFFFCC" direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5"> مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ .. سبحان الله وبحمده سبحان الله العظيم .. سُبْحَانَ اللَّهِ ، وَالْحَمْدُ لِلَّهِ ، وَلا إِلَهَ إِلا اللَّهُ ، وَاللَّهُ أَكْبَرُ .. لا إله إلا أنت سبحانك إني كنت من الظالمين .. بسم الله الذي لا يضر مع اسمه شيء في الأرض ولا في السماء وهو السميع العليم .. رضيت بالله رباً وبالإسلام دينا وبمحمدٍ صلى الله عليه وسلم نبياً ورسولاً .. أَصْـبَحْنا وَأَصْـبَحَ المُـلْكُ لله وَالحَمدُ لله ، لا إلهَ إلاّ اللّهُ وَحدَهُ لا شَريكَ لهُ، لهُ المُـلكُ ولهُ الحَمْـد، وهُوَ على كلّ شَيءٍ قدير  .. يا حي يا قيوم برحمتك أستغيث أصلح لي شأني كُلهُ ولا تكلني إلى نفسي طرفة عين .. ا اللهم إني أصبحت اشهدك وأشهد حملة عرشك وملائكتك وجميع خلقك أنك أنت الله لا إله إلا انت وحدك لاشريك لك وأن محمد عبدك ورسولك .. ا اللهم بك أصبحنا وبك أمسينا وبك نحيا وبك نموت وإليك النشور  .. اللهم ما أصبح بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد والشكر .. سبحان الله وبحمده عدد خلقهِ ورِضَا نفسِهِ وزِنُة عَرشِهِ ومِداد كلماته .. االلهم أنت ربي لا إله إلا أنت خلقتني وأنا عبدك وأنا على عهدك ووعدك ما استطعت أعوذ بك من شر ما صنعت أبوء لك بنعمتك علي وأبوء لك بذنبي فاغفر لي فإنه لا يغفر الذنوب إلا أنت .. لا إله إلا  الله وحده لا شريك له ،له الملك وله الحمد وهو على كل شيء قدير .. استغفر الله العظيم الذي لا إله إلا هو الحي القيوم وأتوب إليه وأسأله التوبة والمغفرة .. أستغفر الله العظيم الذي لا إله إلا هو الحي القيوم وأتوب إليه توبة عبد ظالم لا يملك لنفسه ضرا ولا نفعا ولا موتا ولا حياة ولا نشورا .. اللهم أغفر لي جدي وهزلي وخطئي وعمدي وكل ذلك عندي .. اللهم إني أستغفرك من كل ذنب أذنبته وتعمدته أو جهلته. وأستغفرك من كل الذنوب التي لا يعلمها غيرك ، ولا يسعها إلا حلمك. .. االلهم إني أستغفرك لكل ذنب يعقب الحسرة ويورث الندامة ويحبس الرزق ويرد الدعاء .. اللهم إني أستغفرك وأتوب إليك من كل ذنب أذنبته ولكل معصية أرتكبتها. فأغفر لي يا أرحم الراحمين .. االلهم إني أستغفرك لكل ذنب يدعو إلى غضبك أو يدني إلى سخطك أو يمل بي إلى ما نهيتني عنه أو يبعدني عما دعوتني إليه .. اللهم إني أستغفرك من كل ذنب يصرف عني رحمتك أو يحل بي نقمتك أو يحرمني كرامتك أو يزيل عني نعمتك .. االلهم إني أستغفرك لكل ذنب يزيل النعم ويحل النقم ويهتك الحُرَم ويورث الندم ويطيل السقم ويعجل الألم .. اللهم إني أستغفرك لكل ذنب يمحق الحسنات ويضاعف السيئات ويحل النقمات ويغضبك يا رب الأرض والسماوات .. اللهم إني أستغفرك لكل ذنب يكون في إجترائه قَطْعُ الرجاء ورد الدعاء وتوارد البلاء وترادف الهموم وتضاعف الغموم .. اللهم إني أستغفرك لكل ذنب يرُدُّ عنك دعائي ويقطع منك رجائي ويطيل في سخطك عنائي ويقصر بي عنك أملي .. اللهم إني أستغفرك لكل ذنب يميت القلب ويشعل الكرب ويشغل الفكر ويرضي الشيطان ويسخط الرحمن .. اللهم إني أستغفرك لكل ذنب يعقب اليأس من رحمتك والقنوط من مغفرتك والحرمان من سعة ما عندك .. اللهم إني أستغفرك من كل ذنب يدعو إلى الكفر ويورث الفقر ويجلب العسر ويصد عن الخير ويهتك الستر ويمنع الستر .. اللهم إني أستغفرك لكل ذنب يدني الآجال ويقطع الآمال ويشين الأعمال .. اللهم إني أستغفرك يا عالم الغيب والشهادة من كل ذنب آتيته في ضياء النهار وسواد الليل وفي ملأٍ وخلاءٍ وسرٍ وعلانية يا حليم .. اللهم أغفر لي ذنبي مغفرة أنسى بها كل شئ سواك ، وهب لي تقواك وأجعلني ممن يحبك ويخشاك .. اللهم إني مستغيث أستمطر رحمتك الواسعة من خزائن جودك، فأغثني يا رحمن، لا إله إلا أنت سبحانك اللهم وبحمدك، إني ظلمت نفسي كثيرًا، فارحمني يا أرحم الراحمين .. يا من إذا عظٌمت على عبده الذنوب وكثرة العيوب ، فقطرة من سحائب كرمك لا تبقي له ذنبا ، ونظرةُُ من رضاك لا تترك له عيباً ، أسألك يا مولاي أن تتوب علي وتغفر لي .. أعوذ بالله العظيم، وبوجهه الكريم، وسلطانه القويم من الشيطان الرجيم .. اللهم إغفر لى ذنوبى ، اللهم إنى أسألك من فضلك ، اللهم إعصمنى من الشيطان .. رَبَّنَا لاَ تُؤَاخِذْنَا إِن نَّسِينَا أَوْ أَخْطَأْنَا رَبَّنَا وَلاَ تَحْمِلْ عَلَيْنَا إِصْرًا كَمَا حَمَلْتَهُ عَلَى الَّذِينَ مِن قَبْلِنَا رَبَّنَا وَلاَ تُحَمِّلْنَا مَا لاَ طَاقَةَ لَنَا بِهِ وَاعْفُ عَنَّا وَاغْفِرْ لَنَا وَارْحَمْنَا أَنتَ مَوْلاَنَا فَانصُرْنَا عَلَى الْقَوْمِ الْكَافِرِينَ .. أعوذ بالله السميع العليم من الشيطان الرجيم من همزه ونفخه ونفثه .. أعوذ بالله من الشيطان الرجيم .. أعوذ بكلمات الله التامات من شر ما خلق .. اللهم بك امسينا وبك اصبحنا وبك نحيا وبك نموت واليك المصير .. مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ‏ ..</marquee></font></b></td><br /> <br /> </tr><br /> <br /> </table> </div> </blockquote> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> *******************<br /> مثال علي الكود<br /> ********************</div> <div align="center"> <table border="1" style="border-collapse: collapse; width: 100%px;"><tbody> <tr><td class="row1" colspan="3"><b><span style="font-size: x-small;"><marquee bgcolor="FFFFCC" direction="right" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" scrolldelay="0" width="100%"> مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ .. سبحان الله وبحمده سبحان الله العظيم .. سُبْحَانَ اللَّهِ ، وَالْحَمْدُ لِلَّهِ ، وَلا إِلَهَ إِلا اللَّهُ ، وَاللَّهُ أَكْبَرُ .. لا إله إلا أنت سبحانك إني كنت من الظالمين .. بسم الله الذي لا يضر مع اسمه شيء في الأرض ولا في السماء وهو السميع العليم .. رضيت بالله رباً وبالإسلام دينا وبمحمدٍ صلى الله عليه وسلم نبياً ورسولاً .. أَصْـبَحْنا وَأَصْـبَحَ المُـلْكُ لله وَالحَمدُ لله ، لا إلهَ إلاّ اللّهُ وَحدَهُ لا شَريكَ لهُ، لهُ المُـلكُ ولهُ الحَمْـد، وهُوَ على كلّ شَيءٍ قدير .. يا حي يا قيوم برحمتك أستغيث أصلح لي شأني كُلهُ ولا تكلني إلى نفسي طرفة عين .. ا اللهم إني أصبحت اشهدك وأشهد حملة عرشك وملائكتك وجميع خلقك أنك أنت الله لا إله إلا انت وحدك لاشريك لك وأن محمد عبدك ورسولك .. ا اللهم بك أصبحنا وبك أمسينا وبك نحيا وبك نموت وإليك النشور .. اللهم ما أصبح بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد والشكر .. سبحان الله وبحمده عدد خلقهِ ورِضَا نفسِهِ وزِنُة عَرشِهِ ومِداد كلماته .. االلهم أنت ربي لا إله إلا أنت خلقتني وأنا عبدك وأنا على عهدك ووعدك ما استطعت أعوذ بك من شر ما صنعت أبوء لك بنعمتك علي وأبوء لك بذنبي فاغفر لي فإنه لا يغفر الذنوب إلا أنت .. لا إله إلا الله وحده لا شريك له ،له الملك وله الحمد وهو على كل شيء قدير .. استغفر الله العظيم الذي لا إله إلا هو الحي القيوم وأتوب إليه وأسأله التوبة والمغفرة .. أستغفر الله العظيم الذي لا إله إلا هو الحي القيوم وأتوب إليه توبة عبد ظالم لا يملك لنفسه ضرا ولا نفعا ولا موتا ولا حياة ولا نشورا .. اللهم أغفر لي جدي وهزلي وخطئي وعمدي وكل ذلك عندي .. اللهم إني أستغفرك من كل ذنب أذنبته وتعمدته أو جهلته. وأستغفرك من كل الذنوب التي لا يعلمها غيرك ، ولا يسعها إلا حلمك. .. االلهم إني أستغفرك لكل ذنب يعقب الحسرة ويورث الندامة ويحبس الرزق ويرد الدعاء .. اللهم إني أستغفرك وأتوب إليك من كل ذنب أذنبته ولكل معصية أرتكبتها. فأغفر لي يا أرحم الراحمين .. االلهم إني أستغفرك لكل ذنب يدعو إلى غضبك أو يدني إلى سخطك أو يمل بي إلى ما نهيتني عنه أو يبعدني عما دعوتني إليه .. اللهم إني أستغفرك من كل ذنب يصرف عني رحمتك أو يحل بي نقمتك أو يحرمني كرامتك أو يزيل عني نعمتك .. االلهم إني أستغفرك لكل ذنب يزيل النعم ويحل النقم ويهتك الحُرَم ويورث الندم ويطيل السقم ويعجل الألم .. اللهم إني أستغفرك لكل ذنب يمحق الحسنات ويضاعف السيئات ويحل النقمات ويغضبك يا رب الأرض والسماوات .. اللهم إني أستغفرك لكل ذنب يكون في إجترائه قَطْعُ الرجاء ورد الدعاء وتوارد البلاء وترادف الهموم وتضاعف الغموم .. اللهم إني أستغفرك لكل ذنب يرُدُّ عنك دعائي ويقطع منك رجائي ويطيل في سخطك عنائي ويقصر بي عنك أملي .. اللهم إني أستغفرك لكل ذنب يميت القلب ويشعل الكرب ويشغل الفكر ويرضي الشيطان ويسخط الرحمن .. اللهم إني أستغفرك لكل ذنب يعقب اليأس من رحمتك والقنوط من مغفرتك والحرمان من سعة ما عندك .. اللهم إني أستغفرك من كل ذنب يدعو إلى الكفر ويورث الفقر ويجلب العسر ويصد عن الخير ويهتك الستر ويمنع الستر .. اللهم إني أستغفرك لكل ذنب يدني الآجال ويقطع الآمال ويشين الأعمال .. اللهم إني أستغفرك يا عالم الغيب والشهادة من كل ذنب آتيته في ضياء النهار وسواد الليل وفي ملأٍ وخلاءٍ وسرٍ وعلانية يا حليم .. اللهم أغفر لي ذنبي مغفرة أنسى بها كل شئ سواك ، وهب لي تقواك وأجعلني ممن يحبك ويخشاك .. اللهم إني مستغيث أستمطر رحمتك الواسعة من خزائن جودك، فأغثني يا رحمن، لا إله إلا أنت سبحانك اللهم وبحمدك، إني ظلمت نفسي كثيرًا، فارحمني يا أرحم الراحمين .. يا من إذا عظٌمت على عبده الذنوب وكثرة العيوب ، فقطرة من سحائب كرمك لا تبقي له ذنبا ، ونظرةُُ من رضاك لا تترك له عيباً ، أسألك يا مولاي أن تتوب علي وتغفر لي .. أعوذ بالله العظيم، وبوجهه الكريم، وسلطانه القويم من الشيطان الرجيم .. اللهم إغفر لى ذنوبى ، اللهم إنى أسألك من فضلك ، اللهم إعصمنى من الشيطان .. رَبَّنَا لاَ تُؤَاخِذْنَا إِن نَّسِينَا أَوْ أَخْطَأْنَا رَبَّنَا وَلاَ تَحْمِلْ عَلَيْنَا إِصْرًا كَمَا حَمَلْتَهُ عَلَى الَّذِينَ مِن قَبْلِنَا رَبَّنَا وَلاَ تُحَمِّلْنَا مَا لاَ طَاقَةَ لَنَا بِهِ وَاعْفُ عَنَّا وَاغْفِرْ لَنَا وَارْحَمْنَا أَنتَ مَوْلاَنَا فَانصُرْنَا عَلَى الْقَوْمِ الْكَافِرِينَ .. أعوذ بالله السميع العليم من الشيطان الرجيم من همزه ونفخه ونفثه .. أعوذ بالله من الشيطان الرجيم .. أعوذ بكلمات الله التامات من شر ما خلق .. اللهم بك امسينا وبك اصبحنا وبك نحيا وبك نموت واليك المصير .. مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ‏ ..</marquee></span></b></td> </tr> </tbody></table> *******************<br /> والسلام عليكم ورحمه الله وبركاته<br /> ********************</div> </div>

اكواد اسلاميه

بسم الله الرحمن الرحيم والسلام عليكم ورحمه الله وبركاته اكواد اسلاميه   اولا كود اية الكرسي تقدر تضيفو في اي مكان ****...

مزيد من المعلومات »

إضافة تأثير التحميل على شكل هلال #رمضان_كريم

<div dir="rtl" style="text-align: right;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOsuCHRQxzMBGegKxjPpqwkjLNm2EAC0vM39uc5PrGHWyDcW2abo80v4vuwewYl4qaE1fpAKdRRk93VxtyLFj449uTw5DG1tz9srxPudH-9-E7owcm-Si3oUTt_vk-XZShL6Z3ina7dkU/s1600/LomiApp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="302" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOsuCHRQxzMBGegKxjPpqwkjLNm2EAC0vM39uc5PrGHWyDcW2abo80v4vuwewYl4qaE1fpAKdRRk93VxtyLFj449uTw5DG1tz9srxPudH-9-E7owcm-Si3oUTt_vk-XZShL6Z3ina7dkU/s1600/LomiApp.png" /></a></div> السلام عليكم , كل متابعى المدونة من شتى أنحاء الوطن العربى تحية طيبة وبعد نبحث جميعنا دوماً على شىء يضيف لمسة من الجمال و بهجة رمضان دائماً على مدوناتنا و لكن لا نجده وان وجدناه نجده مكرراً او قديماً لذلك فتحنا نحن المجال بإضافة تأثير تحميل لمدونتك على شكل هلال رمضان فى إصداره الأول و نعدكم بشكل جديد أخر عما قريب<br /> <div style="text-align: center;"> <h4> <b>خطوات التركيب </b></h4> <div> <ol> <li style="text-align: right;">أبحث عن الوسم  <body></li> </ol> <div> <div style="text-align: center;"> وضع فوقه الكود التالى : </div> </div> </div> <div> <blockquote> <style><br /> #loader .planet_wraper {<br /> position: absolute;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> width: 7rem;<br /> height: 7rem;<br /> margin: auto;<br /> border-radius: 50%;<br /> }<br /> #loader .planet_shadow {<br /> background: -webkit-linear-gradient(top left, #2481b8 20%, #214b77);<br /> background: -moz-linear-gradient(top left, #2481b8 20%, #214b77);<br /> box-shadow: inset 0 -5px 10px rgba(22, 48, 64, 0.5), 0 0 1.5rem rgba(170, 194, 194, 0.3);<br /> }<br /> #loader .planet {<br /> position: relative;<br /> width: 100%;<br /> height: 100%;<br /> border-radius: 50%;<br /> animation: rotate 15s linear infinite;<br /> overflow: hidden;<br /> }<br /> #loader .planet_wraper::before, .planet_wraper::after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> border-radius: 50%;<br /> box-shadow: 0 0.1rem 0.1rem rgba(170, 194, 194, 0.1), inset 0 -0.1rem 0.1rem rgba(170, 194, 194, 0.1);<br /> animation: rotate 5s linear infinite;<br /> }<br /> #loader .planet_wraper::before {<br /> top: -1.75rem;<br /> left: -1.75rem;<br /> width: 11rem;<br /> height: 11rem;<br /> animation-delay: 1s;<br /> }<br /> #loader .planet_wraper::after {<br /> top: -2.5rem;<br /> left: -2.5rem;<br /> width: 15rem;<br /> height: 15rem;<br /> }<br /> #loader .planet > * {<br /> position: relative;<br /> border-radius: 50%;<br /> background-color: #20629b;<br /> ;<br /> box-shadow: inset 1px 1px 5px #163040, 0 0 7px #63eed2 ;<br /> opacity: 0.3;<br /> }<br /> #loader .crater_1 {<br /> top: 2rem;<br /> right: 1.5rem;<br /> width: 0.75rem;<br /> height: 0.75rem;<br /> }<br /> #loader .crater_2 {<br /> top: -0.75rem;<br /> right: 5rem;<br /> width: 2.5rem;<br /> height: 2.5rem;<br /> transform: scaleY(0.8) rotateY(-20deg);<br /> }<br /> #loader .crater_3 {<br /> top: 0.5rem;<br /> right: 2rem;<br /> width: 1.25rem;<br /> height: 1.25rem;<br /> }<br /> #loader .crater_4 {<br /> top: -1.5rem;<br /> right: 3.5rem;<br /> width: 0.5rem;<br /> height: 0.5rem;<br /> }<br /> #loader .crater_5 {<br /> top: 1.25rem;<br /> right: 3.5rem;<br /> width: 2rem;<br /> height: 1.5rem;<br /> }<br /> @keyframes bg {<br /> to { background-position: center 20rem; }<br /> }<br /> @keyframes rotate {<br /> to { transform: rotate(360deg)}<br /> }<br /> #loader {;width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000; opacity: .96;<br /> background-color: #163040;<br /> background-image: url(http://rawgit.com/MohamedAbodia/dabourphone/master/circle.svg);<br /> background-size: 20rem 20rem;<br /> background-position: center 0;<br /> animation: bg 20s linear infinite;<br /> }<br /> </style><br /> <div id='loader'><br /> <div class='planet_wraper planet_shadow'><br /> <div class='planet'><br /> <div class='crater_1'></div><br /> <div class='crater_2'></div><br /> <div class='crater_3'></div><br /> <div class='crater_4'></div><br /> <div class='crater_5'></div><br /> </div><br /> </div><br /> </div><br /> <script type='text/javascript'><br /> //<![CDATA[<br /> // Loader<br /> $(window).bind("load",function(){$("#loader").fadeOut(1e3)});<br /> //]]><br /> </script></blockquote> إلى هنا انتهى موضوعنا اليوم دمتم فى رعاية الله 😃<br /> كود الإضافة من موقع CodePen تم تطويره بواسطة مستر نت.<br /> <br /></div> </div> <div class="post-shares"> <div class="title" style="text-align: right;"> المصدر مستر نت</div> </div> </div>

إضافة تأثير التحميل على شكل هلال #رمضان_كريم

السلام عليكم , كل متابعى المدونة من شتى أنحاء الوطن العربى تحية طيبة وبعد نبحث جميعنا دوماً على شىء يضيف لمسة من الجمال و بهجة رمضان دائم...

مزيد من المعلومات »

اضافة مواقيت الصلاة الى مدونة بلوجر

<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hgRobnu6YzwvVcVuaJPLsHEscRNSW5k22_RCXEbOAi5exVFWoNVqOfwf5OKOcospF-qu2q8pbb_oC7Pozedc88YmPOqv62GlTNd0ReuX0HZ3TttxiBYqABP3uHuszlTQ6SvKPmkfOVCk/s1600/large-646903524491776728.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="366" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hgRobnu6YzwvVcVuaJPLsHEscRNSW5k22_RCXEbOAi5exVFWoNVqOfwf5OKOcospF-qu2q8pbb_oC7Pozedc88YmPOqv62GlTNd0ReuX0HZ3TttxiBYqABP3uHuszlTQ6SvKPmkfOVCk/s1600/large-646903524491776728.jpg" /></a></div> <b><span style="font-family: "verdana" , sans-serif; font-size: x-small;">اضافة مواقيت الصلاة الى مدونة بلوجر</span></b></div> <div style="text-align: center;"> <b><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span></b></div> <div style="text-align: center;"> <b><span style="font-family: "verdana" , sans-serif; font-size: x-small;">اضافة <span style="color: red;">رائعة جدا</span> يأخذ عليها صاحب المدونة <span style="color: red;">ثواب </span></span></b></div> <div style="text-align: center;"> <b><span style="font-family: "verdana" , sans-serif; font-size: x-small;">مصدر الاضافه من موقع احتياجات</span></b></div> <div style="text-align: center;"> <b><span style="font-family: "verdana" , sans-serif; font-size: x-small;">مميزات <span style="color: red;">الاضافة </span></span></b></div> <div style="text-align: center;"> <b><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span></b></div> <div style="text-align: center;"> </div> <ol> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b><span style="background-color: #f9f9f9; text-align: start;">تشغيل</span><span style="background-color: #f9f9f9; color: #333333;"> الأذان في </span><span style="background-color: #f9f9f9; text-align: start;">موقعك<span style="color: red;"> </span></span><span style="background-color: #f9f9f9; color: #333333;">عندما يحين وقت </span><span style="background-color: #f9f9f9; text-align: start;"><span style="color: red;">الأذان</span></span></b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b><span style="background-color: #f9f9f9; text-align: start;"><span style="color: red;">عرض</span></span><span style="background-color: #f9f9f9; color: #333333;"> وصف المدينة مع </span><span style="background-color: #f9f9f9; text-align: start;">التاريخ</span><span style="background-color: #f9f9f9; color: #333333;"> الخاص بها في</span><span style="background-color: #f9f9f9; text-align: start;"><span style="color: red;"> الأعلى</span></span></b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b><span style="background-color: #f9f9f9; color: #333333;">عرض التوقيت الخاص بالمدينة</span></b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b><span style="background-color: #f9f9f9; color: #333333;">عرض </span><span style="background-color: #f9f9f9; text-align: start;"><span style="color: red;">الوقت المتبقي للصلاة</span></span><span style="background-color: #f9f9f9; color: #333333;"> القادمة</span></b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b><span style="background-color: #f9f9f9; color: #333333;">اختيارك لون التصميم</span></b></span></li> </ol> <span style="color: #333333; font-family: "verdana" , sans-serif; font-size: x-small;"></span><br /> <div style="text-align: center;"> <span style="color: #333333; font-family: "verdana" , sans-serif; font-size: x-small;"><b>الطريقة بأسم الله</b></span></div> <span style="color: #333333; font-family: "verdana" , sans-serif; font-size: x-small;"> </span> <br /> <div style="text-align: center;"> <span style="color: #333333; font-family: "verdana" , sans-serif; font-size: x-small;"><b><br /></b></span></div> <div style="text-align: center;"> </div> <ol> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b><span style="color: #333333;">اذهب الى هذا الرابط </span><span style="color: red;"><a href="http://prayertimes.today/developers.html">http://prayertimes.today/developers.html</a></span></b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>اختر دولة الاذان</b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>اختر المدينة (<span style="color: red;">يفضل اذا كانت العاصمة</span>)</b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ضبط الخيارات</b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>اختار لون</b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>انسخ الكود</b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ثم اذهب لمدونتك ثم تخطيط</b></span></li> <li><span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ثم اضف الكود الذى نسخته فى اداة html</b></span></li> </ol> المصدر مهوس التقنية</div>

اضافة مواقيت الصلاة الى مدونة بلوجر

اضافة مواقيت الصلاة الى مدونة بلوجر اضافة رائعة جدا يأخذ عليها صاحب المدونة ثواب  مصدر الاضافه من موقع احتياجات مميزات الاضافة ...

مزيد من المعلومات »

إضافة مرحبا يا رمضان

<div dir="rtl" style="text-align: right;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyvptEZ8V2hL8mLYikOmLhW4gyt_9qGhRxCyRMQDa3BwHl80oyGWxbfG7wyp0JsadHvJ8XXyG5X-yY61dtsheEn5s-PYQyHVfiWt_qg9B0OffrOmJA34UK8dcPoOZ48WvaUZDDgR0l6t_Q/s1600/%25D8%25A7%25D9%2584%25D8%25A3%25D9%2585%25D8%25B1%25D8%25A7%25D8%25B6-%25D8%25A7%25D9%2584%25D8%25AC%25D9%2586%25D8%25B3%25D9%258A%25D8%25A9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="363" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyvptEZ8V2hL8mLYikOmLhW4gyt_9qGhRxCyRMQDa3BwHl80oyGWxbfG7wyp0JsadHvJ8XXyG5X-yY61dtsheEn5s-PYQyHVfiWt_qg9B0OffrOmJA34UK8dcPoOZ48WvaUZDDgR0l6t_Q/s1600/%25D8%25A7%25D9%2584%25D8%25A3%25D9%2585%25D8%25B1%25D8%25A7%25D8%25B6-%25D8%25A7%25D9%2584%25D8%25AC%25D9%2586%25D8%25B3%25D9%258A%25D8%25A9.png" /></a></div> السلام عليكم ورحمة الله تعالى وبركاته, اليوم في أول تدوينة لنا في شهر رمضان قررنا ان ننشر لكم اضافة رمضانية جديدة وحصرية على شكل هيدر يوضع اعلى المدونة لتظهر للزائر خلال دخوله للمدونة مباشرة, فكرت في هذه الاضافة عند طلب الكثير من المتتبعين عن نشر اضافات رمضانية لتزيين مدوناتنا ومن هنا أتت هذه الفكرة نتمنى ان تنال اعجابكم. <br /> <h6 style="text-align: center;"> معاينة حية للاضافة </h6> <div style="text-align: center;"> <a class="btn" href="http://pro-mix-nak1ha.blogspot.com/" rel="nofollow" target="_blank">معاينة</a>  <br /> <h6 style="text-align: center;"> طريقة التركيب</h6> <div style="text-align: right;"> </div> <ol style="text-align: right;"> <li>أولا عليك الانتقال الى لوحة تحكم قالب مدونتك</li> <li>ثم الى المظهر  --> تحرير Html</li> <li>ثم قم بالبحث عن الوسم </head> باستعمال Ctrl+F</li> <li>وضع اكواد Css التالية فوقه مباشرة</li> </ol> <div style="text-align: right;"> <blockquote> <style type='text/css'><br /> /*<![CDATA[*/<br /> .parallax {<br />   background: url(https://e.top4top.net/p_5132bbkx1.png);<br />   background-repeat: no-repeat;<br />   background-size: 100% 100%;<br />   height:100vh;<br />   width:100%;<br />   position:relative;<br />   z-index:9999;<br /> }<br /> .parallax h2 {<br />   text-align: center;<br />   padding: 70vh 0 0;<br />   font-size: 4em;<br />   line-height:1;<br />   color: white;<br />   margin:0;<br /> text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.35);<br /> }<br /> .parallax p {<br />   text-align: center;<br />   padding: 20px 50px 0;<br />   margin:0;<br />   font-size: 2em;<br />   color: white;<br /> text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.35);<br /> }<br /> .parallax .arrow_down{<br />   position:absolute;<br />   width:60px;<br />   height:60px;<br />   bottom:20px;<br />   left:50%;<br />   margin-left:-30px;<br />   font-size:24px;<br />   color:#fff;<br /> }<br /> .parallax .close_parallax{<br />   position:absolute;<br />   width:20px;<br />   height:20px;<br />   top:20px;<br />   right:25px;<br />   font-size:34px;<br />   line-height:1;<br />   color:#fff;<br />   cursor:pointer;<br /> }<br /> .parallax .bounce {<br />   -webkit-animation-name: bounce;<br />   animation-name: bounce;<br />   -webkit-transform-origin: center bottom;<br />   -ms-transform-origin: center bottom;<br />   transform-origin: center bottom;<br />   -webkit-animation-duration: 1s;<br />   animation-duration: 1s;<br />   -webkit-animation-fill-mode: both;<br />   animation-fill-mode: both;<br />   animation-iteration-count: infinite;<br />   }<br />   @-webkit-keyframes bounce {<br />   0%, 20%, 53%, 80%, 100% {<br />   -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);<br />   transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);<br />   -webkit-transform: translate3d(0,0,0);<br />   transform: translate3d(0,0,0);<br />   }<br />   40%, 43% {<br />   -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);<br />   transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);<br />   -webkit-transform: translate3d(0, -30px, 0);<br />   transform: translate3d(0, -30px, 0);<br />   }<br />   70% {<br />   -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);<br />   transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);<br />   -webkit-transform: translate3d(0, -15px, 0);<br />   transform: translate3d(0, -15px, 0);<br />   }<br />   90% {<br />   -webkit-transform: translate3d(0,-4px,0);<br />   transform: translate3d(0,-4px,0);<br />   }<br />   }<br />   @keyframes bounce {<br />   0%, 20%, 53%, 80%, 100% {<br />   -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);<br />   transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);<br />   -webkit-transform: translate3d(0,0,0);<br />   transform: translate3d(0,0,0);<br />   }<br />   40%, 43% {<br />   -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);<br />   transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);<br />   -webkit-transform: translate3d(0, -30px, 0);<br />   transform: translate3d(0, -30px, 0);<br />   }<br />   70% {<br />   -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);<br />   transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);<br />   -webkit-transform: translate3d(0, -15px, 0);<br />   transform: translate3d(0, -15px, 0);<br />   }<br />   90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);<br />   }<br />   }<br /> @media screen and (max-width:1024px){.parallax h2 {<br />   padding: 60vh 0 0;<br />   font-size: 2em;<br /> }<br /> .parallax p {<br />   font-size: 1em;<br /> }<br /> }<br /> @media screen and (max-width:375px){.parallax h2 {<br />   padding: 50vh 0 0;<br /> }<br /> }<br /> /*]]>*/<br /> </style></blockquote> <br /> <ol style="text-align: right;"> <li>الآن ابحث عن الوسم <body</li> <li>وضع اكواد Html التالية اسفله مباشرة</li> </ol> <br /> <blockquote class="tr_bq"> <section class='parallax' id='parallax'><br />     <h2>مرحبا يا رمضان</h2><br />     <p>نكهة التقنية تتمنى لكل متابعيها رمضان مبارك سعيد وكل عام وانتم لله اقرب</p><br />     <div class='arrow_down bounce'><img alt='down' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDBcneYcJxZ4w_-2eAgPvpa7qkCS3YCxh6OkMSgIDuaD-3yZsRror-sohg0S_BSfNDp7RBgHqAplz0bUsbBl3LAfrd_u6gGPIxQg5PiRsW4w9GTwARLuq3zqtGUFCK437WN1lYxUKS_4I/s1600/chevron-double-down+%25281%2529.png' width='60'/></div><br />     <div class='close_parallax' onclick='hideParallax()' title='Close'>&amp;times;</div><br />   </section></blockquote> <br /> <ol style="text-align: right;"> <li>وأخيرا ابحث عن الوسم </body> وضع كود الجافا سكريبت هذا فوقه مباشرة</li> </ol> <blockquote class="tr_bq">  <script type='text/javascript'><br /> //<![CDATA[<br /> var parallax= document.querySelector(".parallax");<br /> window.addEventListener("scroll", function() {<br />    var scrolledHeight= window.pageYOffset,<br />                 limit= parallax.offsetTop+ parallax.offsetHeight;           <br />   if(scrolledHeight > parallax.offsetTop && scrolledHeight <= limit) {<br />     parallax.style.backgroundPositionY=  (scrolledHeight - parallax.offsetTop) /1.5+ "px";<br />     } else {<br />      parallax.style.backgroundPositionY=  "0";<br />     }<br />      });<br /> function hideParallax() {<br /> document.getElementById("parallax").style.display = "none";<br /> };<br /> //]]><br /> </script></blockquote> <br /> وأخيرا تقوم بحفض القالب ومبروك عليك الاضافة, الى هنا نكون وصلنا الى نهاية هذا الموضوع نتمنى ان تنال الاضافة اعجابكم ورمضان مبارك..<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQNpHIKAw9gaLEj3z7WoBMh7z5k3qoV_LzOYgHI0RS5Ua_vLrYxXFnqpdqUUmUOt5NPoFTJ6XRPqz5K0g5h1u2yxF1EJKiheUWvEIT4yVEVr16yCtFGxGknbe3DXM1fIQ5BDJz5_fFl72k/s1600/happy-ramadan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="227" data-original-width="242" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQNpHIKAw9gaLEj3z7WoBMh7z5k3qoV_LzOYgHI0RS5Ua_vLrYxXFnqpdqUUmUOt5NPoFTJ6XRPqz5K0g5h1u2yxF1EJKiheUWvEIT4yVEVr16yCtFGxGknbe3DXM1fIQ5BDJz5_fFl72k/s200/happy-ramadan.png" width="200" /></a></div> </div> </div> المصدر نكهة التقنية</div>

إضافة مرحبا يا رمضان

السلام عليكم ورحمة الله تعالى وبركاته, اليوم في أول تدوينة لنا في شهر رمضان قررنا ان ننشر لكم اضافة رمضانية جديدة وحصرية على شكل هيدر يوض...

مزيد من المعلومات »

حصريا اضافة رمضانية احترافية بمناسبة رمضان

<div dir="rtl" style="text-align: right;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxpMC1MNn68wgkvGfbE80sQ7eNfwwCpXfqmcdyVAAheY_jUTwhAjfIDpjLlRdYiG4_b1sLTfDw2B-BitWfdfz0G3xI-Cipoex76ZSDPYa5PixHv0U4DU5EAIpkM_1Pv-26Xuqq3RBo_naH/s1600/%25D8%25A7%25D9%2584%25D8%25A3%25D9%2585%25D8%25B1%25D8%25A7%25D8%25B6-%25D8%25A7%25D9%2584%25D8%25AC%25D9%2586%25D8%25B3%25D9%258A%25D8%25A9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="424" data-original-width="640" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxpMC1MNn68wgkvGfbE80sQ7eNfwwCpXfqmcdyVAAheY_jUTwhAjfIDpjLlRdYiG4_b1sLTfDw2B-BitWfdfz0G3xI-Cipoex76ZSDPYa5PixHv0U4DU5EAIpkM_1Pv-26Xuqq3RBo_naH/s640/%25D8%25A7%25D9%2584%25D8%25A3%25D9%2585%25D8%25B1%25D8%25A7%25D8%25B6-%25D8%25A7%25D9%2584%25D8%25AC%25D9%2586%25D8%25B3%25D9%258A%25D8%25A9.png" width="640" /></a></div> بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا ومولانا محمد عليه افضل الصلاة والسلام اما بعد السلام عليكم ورحمة الله وبركاتة احبابي الكرام. <br /> <div style="text-align: center;"> اليوم في تدوينة جديدة علي مدونة بروتك اقدم لكم اضافة حصرية من بروتك بمناسبة الشهر الفضيل نذهب لطريقة التركيب هي سهلة جدا.</div> <h4 style="text-align: center;"> صورة الاضافة</h4> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgptSE_ZycZAbYminV5jaBm1St9h2OOT10jY-mmBnRXmMVp0n0UjVaqWVAyYHyneoiOwOk-ijkC1vzkLTErfLO1fGEi8oMM5OefKlh6m2El2wlo8bivLADSP-LYdI15FYxaS_sR00xo1cU/s1600/2017-06-02_162756.png" imageanchor="1"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgptSE_ZycZAbYminV5jaBm1St9h2OOT10jY-mmBnRXmMVp0n0UjVaqWVAyYHyneoiOwOk-ijkC1vzkLTErfLO1fGEi8oMM5OefKlh6m2El2wlo8bivLADSP-LYdI15FYxaS_sR00xo1cU/s640/2017-06-02_162756.png" width="640" /></a></div> <h4 style="text-align: center;"> كيفية التركيب</h4> <div> <ol style="text-align: right;"> <li>افتح بلوجر < قالب < تحرير html</li> <li>واضف الكود التالي فوق </head></li> </ol> <div style="text-align: center;"> <blockquote> <style><br /> .ramadan-banner {<br /> padding: 0px;<br /> height: 95px;<br /> margin-bottom: 10px;<br /> background-color: rgba(239, 83, 80, 0.92) !important;<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGB9S-AVSeLiqZJtqwx1_ZZYoVhxOfJB8xKreeEtGksY9tnCDlugfJKYkwWZ8KKQ5s5MtFwlRuPljs2EKHWY7M9HuofGx57VMTQ1VQfMT8S6ySIOKowrZY-pIG0xRwaSaFJqzeILOf-5c3/s1600/tr.png) no-repeat;<br /> margin-bottom: 10px;<br /> }<br /> .ramadan-banner .ramadan-wrapper { width: 1024px; margin: auto; } .ramadan-banner .ramadan-wrapper &gt; div { float: left; } .ramadan-banner .ramadan-wrapper .ramadan-time, .ramadan-banner .ramadan-wrapper .ramadan-counter {<br /> margin-top: 4px;<br /> width: 300px;<br /> height: 88px;<br /> -moz-border-radius: 4px;<br /> -webkit-border-radius: 4px;<br /> border-radius: 4px;<br /> background-color: #e83431 !important;<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGB9S-AVSeLiqZJtqwx1_ZZYoVhxOfJB8xKreeEtGksY9tnCDlugfJKYkwWZ8KKQ5s5MtFwlRuPljs2EKHWY7M9HuofGx57VMTQ1VQfMT8S6ySIOKowrZY-pIG0xRwaSaFJqzeILOf-5c3/s1600/tr.png) no-repeat;<br /> }<br /> .ramadan-banner .ramadan-wrapper .ramadan-time { position: relative; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon { position: absolute; right: 10px; left: initial; top: 50%; transform: translateY(-50%); } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap {<br /> position: relative;<br /> background: #000;<br /> width: 60px;<br /> height: 60px;<br /> margin: 0 auto;<br /> border-radius: 50px;<br /> overflow: hidden;<br /> } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon { background: url(https://olxegstatic-a.akamaihd.net/75862d2-785/packed/img/2f44c58e9207fffdb9704e0ead2f07499d.png); width: 60px; height: 60px; background-size: contain; display: block; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask:before {<br /> content: &quot;&quot;;<br /> background: #372b2b;<br /> width: 60px;<br /> height: 60px;<br /> display: block;<br /> position: absolute;<br /> top: 50%;<br /> left: 40%;<br /> transform: translateX(-50%) translateY(-50%);<br /> border-radius: 50px;<br /> transition: all ease 0.3s;<br /> border: 1px solid;<br /> } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day1:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day2:before { left: 30%; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day3:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day4:before { left: 20%; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day5:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day6:before { left: 25%; top: 35%; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day7:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day8:before { border-radius: 130px; width: 130px; height: 130px; left: -30px; top: 10px; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day9:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day10:before { left: -40%; width: 100px; height: 100px; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day11:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day12:before { left: -70%; width: 100px; height: 100px; top: 20px; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day13:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day14:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day15:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day16:before { left: -50%; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day17:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day18:before { left: 140%; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day19:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day20:before { left: 130%; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day21:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day22:before { border-radius: 130px; width: 130px; height: 130px; left: 100px; top: 10px; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day23:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day24:before { border-radius: 130px; width: 130px; height: 130px; left: 90px; top: 10px; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day25:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day26:before { border-radius: 130px; width: 130px; height: 130px; left: 80px; top: 10px; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day27:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day28:before { left: 60%; top: 25px; } .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day29:before, .ramadan-banner .ramadan-wrapper .ramadan-time-moon .moon-wrap .moon-mask.day30:before { left: 55%; top: 29px; } .ramadan-banner .ramadan-wrapper .ramadan-time-prayer { float: left; color: white; font-size: 16px; padding: 10px; height: calc( 100% - 20px); width: calc( 100% - 20px); text-align: left; } .ramadan-banner .ramadan-wrapper .ramadan-time-prayer-item { margin-bottom: 5px; } .ramadan-banner .ramadan-wrapper .ramadan-time .prayer-name {<br /> width: 145px;<br /> text-align: left;<br /> font-size: 13px;<br /> font-weight: bold;<br /> } .ramadan-banner .ramadan-wrapper .ramadan-time .prayer-time { font-weight: bold; } .ramadan-banner .ramadan-wrapper .ramadan-kareem { height: 80px; width: 424px; background: url(https://olxegstatic-a.akamaihd.net/75862d2-785/packed/img/2fc3dbff3a7146a5a48162fdcf22234c1e.png) top center; background-repeat: no-repeat; } .ramadan-banner .ramadan-wrapper .ramadan-counter { text-align: left; color: #fff; } .ramadan-banner .ramadan-wrapper .ramadan-counter-time { text-align: left; font-size: 16px; font-weight: bold; padding: 15px 25px 0 25px; float: left; } .ramadan-banner .ramadan-wrapper .ramadan-counter-time span {<br /> display: block;<br /> font-size: 14px;<br /> line-height: 18px;<br /> } .ramadan-banner .ramadan-wrapper .ramadan-counter-cannon{<br /> float: right;<br /> width: 2pc;<br /> }<br /> </style></blockquote> <h4> الخطوة الثانية </h4> <div style="text-align: right;"> <ol style="text-align: right;"> <li>اضف الكود التالي في المكان الذي تريده</li> </ol> <div style="text-align: center;"> <blockquote class="tr_bq"> <div class='ramadan-banner' data-fajr-time='2017-06-02T03:10:00+02:00' data-maghrib-time='2017-06-02T18:52:00+02:00' data-next-fajr='2017-06-03T03:10:00+02:00' data-ramadan-day='7 رمضان 1438'><br /> <div class='ramadan-wrapper'><br /> <div class='ramadan-time'><br /> <div class='ramadan-time-moon'><br /> <div class='moon-wrap'><br /> <div class='moon-mask clip-circle'><br /> <div class='moon'/><br /> </div><br /> </div><br /> </div><br /> <div class='ramadan-time-prayer'><br /> <div class='ramadan-day'>القاهرة: 7 رمضان 1438</div><br /> <div class='ramadan-time-prayer-item'><span class='prayer-name'>وقت الفجر  </span><span class='prayer-name'> 03:10 </span><br /> <span class='prayer-time'>--</span><span class='prayer-name'> وقت المغرب </span><span class='prayer-name'> 06:52 </span></div><br /> </div><br /> </div><br /> <div class='ramadan-kareem'/><br /> <div class='ramadan-counter'><br /> <div class='ramadan-counter-time'><br /> <strong class='ramadan-prayer-name'/><br /> <span style='     text-align: center; '>بروتك تتمنى لكم صوم&#1611;ا مقبول&#1611;ا </span><span style='     margin: 0 auto;     text-align: center; '>و</span><br /> <span style='     text-align: center; '>افطار&#1611;ا شهي&#1611;ا</span><br /> </div><br /> <div class='ramadan-counter-cannon'><br /> <img src='https://olxegstatic-a.akamaihd.net/75862d2-785/naspersclassifieds-regional/olxmena-atlas-web/static//img/ramadan/cannon.png'/><br /> </div><br /> </div><br /> </div><br /> </div></blockquote> <h4> والسلام عليكم ورحمة الله وبركاتة اتمني ان التدوينة قد تنال اعجابكم رمضان كريم </h4> </div> </div> </div> </div> المصدر بروتك</div>

حصريا اضافة رمضانية احترافية بمناسبة رمضان

بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا ومولانا محمد عليه افضل الصلاة والسلام اما بعد السلام عليكم ورحمة الله وبرك...

مزيد من المعلومات »

اضافة اداة رمضان كريم لمدونات بلوجر بشكل رائع

<div dir="rtl" style="text-align: right;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLLcl8Gv3gaUtjn2YNPdDdOMAezOryTsV4hqh87tyBEsWLB08yXDyvOeCW7-28c_Yoj-uJwErf6OdOr29bFde4RXRprB1aKLIFy0sG_wJbCdfwK6SpoeWwhF7Vvm4RngLYVpMUokX-Blyt/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="720" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLLcl8Gv3gaUtjn2YNPdDdOMAezOryTsV4hqh87tyBEsWLB08yXDyvOeCW7-28c_Yoj-uJwErf6OdOr29bFde4RXRprB1aKLIFy0sG_wJbCdfwK6SpoeWwhF7Vvm4RngLYVpMUokX-Blyt/s640/Capture.PNG" width="640" /></a></div> السلام عليكم مرحبا متابعي  اليوم عدة لكم باضافة جميلة ورائعة وهي اضافة رمضان كريم في الصفحة الرئيسية لمدونات بلوجر وهي اضافة جميلة وبسيطة تجعل زوار المدونة يعجبون بالموقع وهي بخصوص رمضان وايضا الاضافة بها زر اذا ضغط عليها الزائر سيدخله للصفحة الرئيسية لموقعك وبها ايضا الوان جميلة ورائعة <br /> <h4 style="clear: both; text-align: center;"> <a href="http://template-v4.blogspot.com/"><span style="color: red;">معاينة الاضافة</span></a></h4> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmSTQqFFjFEWaJABJc87FCUbBM0H_rIozM8TUa8ZT51ZMTXvdpP26MY0JZHUACn1omV1CRxN3fKbFLj01NOySfUZprbGE14clc2PEFEsJZR06IcOLiC9_OMDopNtkiQ8DQMmmoC7wwyc/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="894" data-original-width="1258" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmSTQqFFjFEWaJABJc87FCUbBM0H_rIozM8TUa8ZT51ZMTXvdpP26MY0JZHUACn1omV1CRxN3fKbFLj01NOySfUZprbGE14clc2PEFEsJZR06IcOLiC9_OMDopNtkiQ8DQMmmoC7wwyc/s400/Capture.PNG" width="400" /></a></div> <h4 style="clear: both; text-align: center;"> <span style="color: red;">طريقة تركيب الاضافة</span></h4> <div> <ol style="text-align: right;"> <li>قم بالتوجه الي مدونتك</li> <li>ثم قم باختيار المظهر ثم تحرير html</li> <li>ثم قم بالبحث عن الوسم</head></li> <li>ثم قم بوضع هذا الكود فوقه</li> </ol> <div style="text-align: center;"> <blockquote class="tr_bq"> <script><br /> //<![CDATA[<br /> /*Responsive Menu*/<br /> window.cnmunav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("cnmunav"+t);t++);return e?"cnmunav"+t:"cnmunav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="cnmunav2" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"←",u=n.label||"- القائمة -",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();$(document).ready(function(){cnmunav('maymenu');});<br /> //]]><br /> </script><br /> <style>#welcomebox {position: fixed; bottom: 30%; left: 0; width: auto; z-index: 1000000; text-align: center; right: 0;}.welcomeclose {background:#cf4126;color:#fff ;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}<br /> .welcomeclose:hover {background:#44546a} #welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#f4f4f4 url(https://3.bp.blogspot.com/-CYy0hijJA0Y/WTN3f-FVSfI/AAAAAAAAAxA/I2hwS2Tus88oqW4pGYcnJ19ij3nmbaURgCLcB/s1600/white-ramadan.png) no-repeat top center;}</style></blockquote> </div> <ol style="text-align: right;"></ol> </div> <div style="text-align: center;"> <div style="text-align: right;"> </div> <ol style="text-align: right;"> <li>ثم قم بالبحث عن الوسم<body></li> <li>ثم ضع بعده هذا الكود</li> </ol> <br /> <blockquote class="tr_bq"> <b:if cond='data:blog.url == data:blog.homepageUrl'><br /> <div id='welcomeoverlay'></div><br /> <div id='welcomebox'><br /> <div class='logo_ramadan' style='list-style: none outside none'><br /> <img src='http://www.noorfatema.org/up/uploads/13431924761.gif' style='top:22px;right:20ox;overflow: hidden;position: absolute;width:80px;'/><br /> </div><br /> <div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>دخول المدونة &#8594;</div><br /> </div><br />       </b:if></blockquote> <div style="text-align: right;"> </div> <div style="text-align: right;"> <ol style="text-align: right;"> <li>ثم قم بحفظ القالب </li> <li>والان مبروك عليك الاضافة</li> </ol> <div style="text-align: center;"> </div> </div> <h3 style="background-color: white; border: 0px; box-sizing: border-box; font-family: jazz-font; font-size: 16px; font-weight: inherit; list-style: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </h3> </div> <div style="text-align: center;"> </div> المصدر مدونة ويب فور</div>

اضافة اداة رمضان كريم لمدونات بلوجر بشكل رائع

السلام عليكم مرحبا متابعي  اليوم عدة لكم باضافة جميلة ورائعة وهي اضافة رمضان كريم في الصفحة الرئيسية لمدونات بلوجر وهي اضافة جميلة وبسيطة...

مزيد من المعلومات »

اضافة كود تفسير القران الكريم

<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: right;" trbidi="on"> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicHkehObx5GlKo7Y9ibWxsXPtv7X-J9eUAt7eHbfb8j2wuDxoDzh4zhlL-WZ0MZcSBu93e7nX6QQDzat80xljo80QJpGww95-r5N50fgfi5hEBDUOW1vkUtM1psXEUbOpnf6t3DftHlzaD/s1600/33901_1201216319.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicHkehObx5GlKo7Y9ibWxsXPtv7X-J9eUAt7eHbfb8j2wuDxoDzh4zhlL-WZ0MZcSBu93e7nX6QQDzat80xljo80QJpGww95-r5N50fgfi5hEBDUOW1vkUtM1psXEUbOpnf6t3DftHlzaD/s640/33901_1201216319.jpg" width="640" /></a></div> <h4> <span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="font-family: "times" , "times new roman" , serif; font-size: medium;"><span style="font-size: small;">بسم الله الرحمن الرحيم</span></span></span></h4> </div> <div style="text-align: center;"> <h4> <span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="font-family: "times" , "times new roman" , serif; font-size: medium;"><span style="font-size: small;">اضافة من عالم بلوجر اكسب عليه الاجر وهوتفسير المصحف القران الكريم فلاش الي مدونتك او مواقعك</span></span></span></h4> </div> <div style="text-align: center;"> <h4> <span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="font-family: "times" , "times new roman" , serif; font-size: medium;"><span style="font-size: small;">طريقة الاضاقة</span></span></span></h4> </div> <div style="text-align: center;"> <h4> <span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="font-family: "times" , "times new roman" , serif; font-size: medium;"><span style="font-size: small;">اذهب الي الصفحات ثم اضغط علي صفحة جديد ثم html وضع به هذا الكود ثم اضغط علي تاليف</span></span></span></h4> </div> <div style="text-align: center;"> <h4> <span style="font-size: large;"><a href="http://noor456.blogspot.com.eg/p/blog-page_20.html"><span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: medium;">معيانة تفسير المصحف</span></span></a></span></h4> </div> </div> <center> <div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="تحديد الكل" /> </div> <div align="center"> </div> <div align="center"> <textarea cols="55" name="txt" rows="100" style="height: 144px; width: 500px;" wrap="VIRTUAL">size=7>القرآن الكريم تفسير</FONT></P><IFRAME style="WIDTH: 100%; HEIGHT: 800px" border=0 src="http://www.s3udy.net/tafseer/" frameBorder=0 name=I1 scrolling=no></IFRAME