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

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

سنقدم اليوم أداة القرآن الكريم التي تتميز بالشكل البسيط والجذاب وسهولة التعامل معها ,ليست مميزة في الشكل فقط بل تتميز بأحتوائها على جميع السور يتلوها أزيد من 100 قارئ !!

مثال حي للأداة :

طريقة التركيب : 

1. نتوجه الى المدونة
2. نختار التخطيط
3. اضافة اداة
4. HTML/Javascript
5. نقوم بلصق الكود التالي ثم نضغط على Sava

الكود :

<!--www.EngOfMans.com Quran Code Start -->

<div dir="rtl" style="text-align: right;" trbidi="on">

<div dir="rtl" style="text-align: right;" trbidi="on">

<br /></div>

<center>

    <div style="-moz-border-radius: 15px; -webkit-border-radius: 15px; background: #fff; border-radius: 15px; border: 4px solid #7F8080; padding: 12px 5px 5px 9px; width: 220px;">

<center>

<iframe align="middle" allowtransparency="1" frameborder="0" height="160" scrolling="no" src="http://www.alro7.net/smallplay2.php?alro7alro7&amp;volume=150&amp;loop=1&amp;showvolume=1&amp;sliderwidth=10&amp;loadingcolor=FFFF00&amp;slidercolor1=FAFAFA&amp;slidercolor2=C7C7C7&amp;showplaylistnumbers=0" width="220"></iframe></center>

</div>

</center>

</div>

<!--www.EngOfMans.com Quran Code End -->

إقرأ المزيد

أضف أداة التبادل الإعلاني الحذابة والمتميزة بتقنية CSS إلى موقعك + طريقة إضافتها إلى بلوجر !

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

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

الكود الخاص بالإضافة :

<!-- MansEng Style Strart -->

<style>

#advertise{

  margin: auto;

}

 .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }

 .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }

 .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}

 .adss img { max-height: 75px; max-width: 75px; }

 #MansEngAds:hover { opacity:0.2; }

 #MansEngAds a strong {

    -webkit-transition-property: opacity;

     -webkit-transition-duration: 500ms;

     -moz-transition-property: opacity;

      -moz-transition-duration: 500ms; }

 #MansEngAds a strong {

   opacity:0;

    -webkit-transition-property: opacity, top;

     -webkit-transition-duration: 300ms;

      -moz-transition-property: opacity, top;

       -moz-transition-duration: 300ms; }

 #MansEngAds {

    opacity:0.5;

     -webkit-transition-property: opacity, top;

      -webkit-transition-duration: 300ms;

       -moz-transition-property: opacity, top;

        -moz-transition-duration: 300ms; }

 #MansEngAds:hover { opacity:1; }

 #MansEngAds:hover a strong { opacity:1; top:-10px; }

</style>

<!-- MansEng Style End -->

<!-- MansEng Code Strart -->

<center>

<div class="adss" id="MansEngAds">

<a href="http://www.manseng.tk">

<img src="https://lh3.googleusercontent.com/-G9yOw1QgMbI/VFS0d3S5_xI/AAAAAAAAAfA/iAOEt5syfbg/s125-no/MansEng125x125.gif" />

<strong>هندسة المنصورة</strong>

</a>

</div>

<div class="adss" id="MansEngAds">

<a href="#">

<img src="https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png" />

<strong>أعلن هنا</strong>

</a>

</div>

<div class="adss" id="MansEngAds">

<a href="#">

<img src="https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png" />

<strong>أعلن هنا</strong>

</a>

</div>

<div class="adss" id="MansEngAds">

<a href="#">

<img src="https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png" />

<strong>أعلن هنا</strong>

</a>

</div>

<div class="adss" id="MansEngAds">

<a href="#">

<img src="https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png" />

<strong>أعلن هنا</strong>

</a>

</div>

<div class="adss" id="MansEngAds">

<a href="#">

<img src="https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png" />

<strong>أعلن هنا</strong>

</a>

</div>

<div class="adss" id="MansEngAds">

<a href="#">

<img src="https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png" />

<strong>أعلن هنا</strong>

</a>

</div>

<div class="adss" id="MansEngAds">

<a href="#">

<img src="https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png" />

<strong>أعلن هنا</strong>

</a>

</div>

<div class="adss" id="MansEngAds">

<a href="#">

<img src="https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png" />

<strong>أعلن هنا</strong>

</a>

</div>

</center>

<!-- MansEng Code End -->

قم بتبديل

https://lh5.googleusercontent.com/-8Lia28K9ABg/VFSoXFjyyyI/AAAAAAAAAeo/2-jag_uqtdo/s125-no/adschange%2B125-125.png

برابط صورة الموقع الذي ستتبادل إعلانك معه

وقم بتبديل

#

إلى رابط الموقع المراد تبادل إعلانك معه

وقم بتبديل

أعلن هنا

إلى عنوان الموقع المراد تبادل إعلاناتك معه

ملاحظة هامة : لا تقم بتغيير أي شيئ في الكود لحين تبادلك مع موقع معين

طريقة إضافتها إلى مدونات بلوجر :

1 - نتوجه الى المدونة

2 - نختار التخطيط

3 - اضافة اداة

4 - HTML/Javascript

5 - نضيف الكود المدرج أعلاه 

إقرأ المزيد

أضف جميع أزرار الأستراك بقناة الYoutube بجميع أشكالها الساحرة لمدونات بلوجر !!

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

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

ملاحظة هامة : يجب تبديل كلمة
"AhmadMGalal"
الملونة باللون الأحمر بأسم المستخدم أو معرف المستخدم الخاص بك في اليوتيوب

لمعرفة طريقة جلب أسم المستخدم ومعرف المستخدم أدخل هنا :
طريقة جلب أسم المستخدم + معرف المستخدم + معرف القناة الخاص بك في اليوتيوب بكل سهولة !!

1 - نتوجه الى المدونة
2 - نختار التخطيط
3 - اضافة اداة
4 -  HTML/Javascript

5 - نضيف الكود حسب الشكل الذي تريده 

الشكل الأول

<!-- MansEng Youtube Subscribe Box Start -->&nbsp;<iframe frameborder="0" id="fr" name="fr" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=AhmadMGalal" style="border: 0pt none; height: 110px; overflow: hidden; width: 290px;"></iframe><!-- MansEng Youtube Subscribe Box End -->

الشكل الثاني :

 <!-- MansEng Youtube Subscribe Box Start --><script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="AhmadMGalal" data-layout="full" data-count="default"></div><!-- MansEng Youtube Subscribe Box End -->

الشكل الثالث :

<!-- MansEng Youtube Subscribe Box Start --><script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="AhmadMGalal" data-layout="full" data-theme="dark" data-count="default"></div><!-- MansEng Youtube Subscribe Box End -->

الشكل الرابع :

<!-- MansEng Youtube Subscribe Box Start --><script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="AhmadMGalal" data-layout="full" data-count="hidden"></div><!-- MansEng Youtube Subscribe Box End -->

الشكل الخامس : 

<!-- MansEng Youtube Subscribe Box Start --><script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="AhmadMGalal" data-layout="full" data-theme="dark" data-count="hidden"></div><!-- MansEng Youtube Subscribe Box End -->

الشكل السادس :

<!-- MansEng Youtube Subscribe Box Start --><script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="AhmadMGalal" data-layout="default" data-count="default"></div><!-- MansEng Youtube Subscribe Box End -->

الشكل السابع :

<!-- MansEng Youtube Subscribe Box Start --><script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="AhmadMGalal" data-layout="default" data-theme="dark" data-count="default"></div><!-- MansEng Youtube Subscribe Box End -->

الشكل الثامن :

<!-- MansEng Youtube Subscribe Box Start --><script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="AhmadMGalal" data-layout="default" data-count="hidden"></div><!-- MansEng Youtube Subscribe Box End -->

الشكل التاسع :

<!-- MansEng Youtube Subscribe Box Start --><script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="AhmadMGalal" data-layout="default" data-theme="dark" data-count="hidden"></div><!-- MansEng Youtube Subscribe Box End -->

مثال حي :

إقرأ المزيد