حصري فقط على مدونتنا
إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
في هذه التدوينة المتواضعة ساشرح لكم أفضل طريقة لتسريع تحميل المواقع و المدونات و بدون التغيير في محتوى القالب ؛ لأن كثرة السكريبت و الcss بالرغم أنه يجعل المدونة و الموقع أجمل الأّ انه كذلك يجعلهما أبطأ ... لكن مع هذا الموقع ستسرّع مدونتك دون التغيير في القالب و هو مضمون 100% مجرّب و أنا جرّبته و لاحظت الفرق فعلاً.. أنصحكم به..تابعوا الشرح
الموقع من هنا
الموقع من هنا
بمناسبة العيد السعيد نقدّم لكم ما سترونه من أكواد و أصوات التكبير التي لا يمكن الشعور بالعيد دون سماع تكبيراته ..
إضافة أداة >>> Html>>> لصق الكود
الصورة مصحوبة بصوت التكبير
<b:if cond='data:blog.url == data:blog.homepageurl'>
src="http://sites.google.com/site/simoxooorg/Home/tkber_alafasy.mp3" volume="60" loop="false" hidden="true" autostart="true"> </embed> </b:if> <div style="float:top left; position:absolute; overflow:visible; left:130px; top:0px; height:116px; width:116px;"> <a href="http://www.condaianllkhir.com/" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjflf6TqyK1pxymbcy2gbEdpc1-wGlqjD3ny5_NaR34r359a6kv3IbcpckYQ-Wdpg9X6b1m4RKgHZ8GFE6JEU4ZJNRH2oelvwrLCDerZt_1knMwmXBFsJSctoH_GoTjcft96v6roh_P3Hjo/s1600/%25D8%25A7%25D9%2584%25D8%25B9%25D9%258A%25D8%25AF+4.png" alt="عيد مبارك سعيد" title="احصل على هذه الإضافة" border="0" /> </a></div>
لتغيير علو أو إنخفاض الصوت قم بتغيير الرقم 60 حيث لا يتجاوز 100
لتغيير طول الصورة قم بتغيير الرقم 116 الازرق
لتغيير عرض الصورة قم بتغيير الرقم 116 الاحمر
لتغيير الصور قم بإستبدال الرابط الاخضر برابط الصورة التي تريدها
كيفية وضع مشغل Mp3 للبوجر متوفره هنا تكبيرات العيد وتلبية الحجيج
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته .. الصلاة و السلام على رسول الله
بحثت كثير عن قائمة منسدلة تناسبني و بسيطة كي أفهمها لكن لم أجدها و لكن وجدت ما يشابهها و قمت بالتعديل عليها و ها أنا أنقل إليكم هذه القائمة مع شرحي الخاص و توضيح إضافاء الجماليات عليها
أولاً من هنا حمّلوا الكود
تحميل الكود
قائمة مدونتي هي مثال لكن بإختلاف الالوان و الخلفيات
في القالب قوموا بالبحث عن كلمة END HEARDER ثم ألصقوا الكود تحتها
<div class="d70bl">
<li><a
href="http://hayatillah.blogspot.ae/">الرئيسية</a></li>
<li><div
class="d70blfixe"><a href="#">العنوان</a></div><ul>
<li><a
href="رابط الفرع"target="_blank">الفرع 1</a></li>
<li><a
href="رابط الفرع"target="_blank">الفرع 2</a></li></ul></li>
<li><div
class="d70blfixe"><a href="#">العنوان</a></div><ul>
<li><a
href="رابط الفرع" target="_blank">الفرع 1</a></li>
<li><a
href="رابط الفرع"target="_blank">الفرع 2</a></li></ul></li>
<li><div
class="d70blfixe"><a href="#">العنوان</a></div><ul>
<li><a
href="رابط الفرع" target="_blank">الفرع 1</a></li>
<li><a
href="رابط الفرع" target="_blank">الفرع 2</a></li></ul></li>
<li><div
class="d70blfixe"><a href="#">العنوان</a></div><ul>
<li><a
href="رابط الفرع"target="_blank">الفرع 1</a></li>
<li><a
href="رابط الفرع"target="_blank">الفرع 2</a></li></ul></li>
<li><div
class="d70blfixe"><a href="#">العنوان</a></div><ul>
<li><a
href="رابط الفرع"target="_blank">الفرع 1</a></li>
<li><a
href="رابط الفرع"target="_blank">الفرع 2</a></li></ul></li>
<a
href="http://youstaff.blogspot.com"
style="display:none;">blogger</a>
</div>
<style
type="text/css">
.d70bl, .d70bl ul{position:relative;list-style: none;text-align:
center;z-index:999;padding: 0;background:rgb(38,66,80) url('http://www.hdwallpapersplus.com/wp-content/uploads/2013/04/Blue-wallpaper-28.jpg
') repeat-x;border-bottom: 1px solid rgb(38,66,80);height:32px;}
.d70bl{padding-left:80px;margin-top:0px;}
.d70bl
li{float: right;}
.d70bl li ul{position: absolute;width: 125px;left: -999em;z-index:999;}
.d70bl li:hover ul ul {left: -999em;}
.d70bl li:hover ul ul ul{left: -999em;}
.d70bl li:hover ul, .d70bl li li:hover ul,.d70bl li li li:hover ul{left:
auto;min-height:1%;}
.d70bl
li ul {margin-left:-28px;border-top: 1px solid
rgb(38,66,80);width:144px;margin-top:-1px;}
.d70bl
li ul a{border-right: 1px solid rgb(38,66,80);}
.d70bl
li ul li a {width:125px;}
.d70bl li ul ul{margin: -34px 0 0 144px;min-height: 0;}
.d70bl
a {color:white;
background:rgb(38,66,80) url(' https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQ7vwoYlh_UPewLW67_EbcSvJIo4r2NUOpb7Zm3b2IHIuzFOalorXyC5oiR
') no-repeat;border-bottom: 1px solid rgb(38,66,80);border-left: 1px
solid rgb(38,66,80);padding:7px 9px; display:block;text-decoration: none;
font-weight:;font-family:
Droid Arabic Kufi;font-size: 13px;line-height: 18px;}
.d70bl
a:hover{color:#191970;background:white;}
.d70blfixe
a:hover {color:white;
background:rgb(38,66,80) url('http://www.piicss.com/img/12/6f4871f9398676a5fc359728b652f861.jpg
') no-repeat;}
</style>
* قم بتغيير كلمة ( العنوان ) بالعنوان الرئيسي.
* قم بتغيير كلمة ( الفرع) بالعناوين الفرعية أو المنسدلة و كلمة الرابط برابط كل عنوان
*لزيادة عدد الفروع قم بنسخ الكود الذي يحوي كلمة الفرع حسب العدد الذي تريده.
*لزيادة عدد الصفحات أو الاقسام كنا تسميه قم بنسخ الكود الذي يحوي كلمة العنوان حسب العدد الذي تريده.
* يجب أن تجعل كود الفرع الأخير دائماً في الآخر في جميع الاكواد كي تتجنب المشاكل
لون الشريط
قم بتغيير رابط الصورة باللون الازرق برابط الصورة التي تريدها
لون خلفية الكلمات
قم بتغيير رابط الصورة باللون البنفسجي برابط الصورة التي تريدها
لون خلفية العناوين الرئيسية عند مرور السهم عليها
قم بتغيير رابط الصورة باللون الوردي برابط الصورة التي تريدها
***في الواقع لو لاحظتم ستجدون أن خلفيات العناوين و الفروع و الشريط روابط صور مما يعني أن يمكنكم ليس مجرّد تغيير اللون و لكن كذلك الشكل ..***
نوع الخط
قم بتغيير هذه الكلمة Droid Arabic Kufi بنوع الخط الذي تريده علماً بأن هذا الخط هو الأجمل
حجم الخط
قم بتغيير حجمه بدلاً من الرقم 13 في font-size:13px
خط عريض (bold)
قوموا بإضافة كلمة bold بعد font-weight:
لون الخط
قم بتغيير كلمة white الزرقاء بإسم اللون الذي تريده علماً بأن يكون كلمة واحدة فقط مثل (blue,red) و ليس(light blue,dark red)
لون خلفية الفروع عند مرور السهم عليها
قم بتغيير كلمة white الخضراء بإسم اللون الذي تريده علماً بأن يكون كلمة واحدة فقط مثل (blue,red) و ليس(light blue,dark red)
لون الخط عند مرور السهم عليه
قم بتغيير كلمة white البرتقالية بإسم اللون الذي تريده علماً بأن يكون كلمة واحدة فقط مثل (blue,red) و ليس(light blue,dark red)
إذا كانت مدوناتك أجنبية يمكنكم تغيير كلمة right إلى left في float : right
أحبتي في الله اليوم أحضرت لكم مشغّل القرآن بشكل جذّاب جداً و مختلف لأصحاب المواقع و المدونات
بالحجمين الصغير و الكبير مع إمكانية تغيير الحجم حسب الرغبة و بسهولة و يمكنكم إختيار القارئ و السورة و المزيد اترك لكم إكتشاف المزيد
أولاً هذا هو المشغّل
ثانياً طريقة التركيب
قم بتسجيل الدخول إلى مدونتك > التخطيط > إضافة اداة > HTMl\ java script > ثم الصق أحد الأكواد.
كود الحجم الصغير كالذي أعلاه
<iframe src="http://www.al-eman.com/aleman/SoundPlayer/%D9%85%D8%B4%D8%BA%D9%84_%D8%A7%D9%84%D9%82%D8%B1%D8%A7%D9%86_%D8%A7%D9%84%D9%83%D8%B1%D9%8A%D9%852.html" width="390px" height="1000px" scrolling="no" frameborder="0"></iframe>
كود الحجم الكبير
<iframe src="http://www.al-eman.com/aleman/SoundPlayer/%D9%85%D8%B4%D8%BA%D9%84_%D8%A7%D9%84%D9%82%D8%B1%D8%A7%D9%86_%D8%A7%D9%84%D9%83%D8%B1%D9%8A%D9%85.html" width="600px" height="623px" scrolling="no" frameborder="0"></iframe>
لتغيير العرض قم بتغيير الرقم الأحمر و لتغيير الطول قم بتغيير الرقم الوردي
