ازرار المشاركه تنزلق عند الضغط عليها بشكل رائع لمدونة بلوجر

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

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

بشكل رائع وبها بعض المواقع الاجتماعيه مثل الفيسبوك وتويتر والطباعه

ومشاركه عبر البريد وهى اضافه لا تاخذ مكان فى مدونتك غير ذلك انها

تعطى مدونتك شكل احترافى جربها بنفسك الان 

1-اذهب إلى لوحه التحكم>القالب

2-اضغط تحرير html

3-اضغط زر تابع

4-ثم ابحث عن الكود التالى

</head>

ثم اضف هذا الكود قبله /فوقه مباشرة

<script type="text/javascript" src="http://mdwanblog.blogspot.com/js/300/addthis_widget.js"></script>

ثم ابحث عن هذا الكود

</body>

ثم اضف هذا الكود قبله-فوقه مباشرة

<!-- http://mdwanblog.blogspot.com slideout widget : BEGIN -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
    <a class="addthis_button_more">Share</a>
    <ul>
        <li><a class="addthis_button_preferred_1"></a></li>
        <li><a class="addthis_button_preferred_2"></a></li>
        <li><a class="addthis_button_preferred_3"></a></li>
        <li><a class="addthis_button_preferred_4"></a></li>
    </ul>
</div>
<!-- http://mdwanblog.blogspot.com slideout widget : END -->

اتمنى انى اكون وفقت فى شرحى فى رعايه الله

اقرء المزيد

8 شخصيات نسائية فيكتورية فى مختلف المجالات جاهزه للتحميل

ملف يحتوى على  شخصيات نسائية لمختلف المجالات اعمال تجارية سفر رياضه

وايضا للمشاريع المختلفه ولقد قمت بوضعهم جميعا فى ملف psd لكى يناسب الجميع 

شخصيات رائعه ومطلوبه كثيرا فقط انت الان يمكنك تحميلها فقط من مدونة مدون

1277×989px 

PSD

2.48 MB

8 شخصيات نسائية فقط

 

اقرء المزيد

تحميل خط مانتيكا – Manteka Font

خط مانتيكا، من أجمل الخطوط الأجنبية السلسة والبسيطة بتصميمها الإحترافي 

خط مانتيكا خط رائع بمعنى الكلمه من اجمل الخطوط الاجنبية 

تصميمه بسيط ولكنه احترافى بمعنى الكلمة اصبح لك الامكانيات

الآن لتحمله فقط على مدونة مدون

معاينة الخط

حمل الخط الآن

اقرء المزيد

تحميل خط الحربي الهنوف – Alharbi Alhanoof Font

خط الحربي الهنوف، خط عربي راقي وبسيط من تصميم الأخ عبد الله ناصر الحربي

الان حمل خط الحربى الهنوف خط مميز ورائع مصممه عضو من مكتبه الخطوط العربيه 

والخط واخد شكل خاص فى دعم محكم للتشكيل خط جميل ورائع ومميز حقا 

الان اصبح بامكانك ان تحمله فقط من مدونة مدون

تحميل الملف

اقرء المزيد

شرح تعديل وسم العنوان للتوافق مع محركات البحث لمدونات بلوجر

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

والصلاة والسلام على أشرف المرسلين ، سيدنا محمد النبي الأمين وعلى من سار على هديه واستن بسنته الى يوم الدين ، أما بعد ..

شرح تعديل وسم العنوان للتوافق مع محركات البحث لمدونات بلوجر

1. قم بتسجيل الدخول الى لوحة التحكم.
2. إضغط على تصميم ثم تحرير HTML.
3.  قم بالبحث في قالبك عن هذا الكود        
   

<title><data:blog.title/></title>

ثم قم باستبداله بهذا الكود

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

تم بحمد الله 

اقرء المزيد

اكشن رائع لعمل كتابه ثرى دى 3d-action تحميل مباشر

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

اليوم أقدم لكم من مدونة مدون اكشن رائع واحترافى بمعنى

الكلمه لعمل ثرى دى 3d بكل سهوله والاكشن سهل

الاستخدام ويوجد صوره توضح كيفيه استخدامه 

وهو يقوم بكتابه ثرى دى 3d سواء كلمه او صوره 

او شكل فقط انت تتحكم فى الاعدادات وهو سيفعل كل شئ .

الان مع صوره بعض اعمال الاكشن

صوره توضح طريقه استخدامه بسيط جدا 

download

mediafire

grupload 

mirrorafile 

اقرء المزيد

قائمه رائعه واحترافيه بتقنيه الجى كويرى وال css3 فقط من مدونة مدون

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

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

لتركيبه أثناء تصميمك او التعديل على قوالب بلوجر وهى مكونه من تقنيه الجى كويرى

والـ  css3 لكى تعطى جمال وأنقاقه فى مدونتك تم تنسيقها وتعديلها من مدونة مدون

والان سوف اعرض لك مشاهده حيه لكى تتعرف عليها أكثر وأكثر 

مـشاهده حيه

أولا في العرض التوضيحي قد تلاحظ الانحدار الذي هو أيضا CSS. من السهل حقا أن تفعل ذلك مع هذا ....

body { background: -webkit-gradient

           (linear, left top, left bottom, from(#ccc), to(#fff));

}

النظام مع بعض الحشو وصورة خلفية لخلق سلسلة من التلال مثل التأثير الذي لدينا عناصر القائمة سوف تظهر من. الشيء باردة حول هذا باستخدام-بكت-خلفية بحجم "ويمتد الصورة إذا قمت بإضافة المزيد من العناصر إليها مما يجعل كل شيء قليلا أكثر حيوية. 

 

ul#nav {

    list-style: none;

    display: block;

    width: 200px;

    position: relative;

    top: 100px;

    left: 100px;

    padding: 60px 0 60px 0;

    background: url(shad2.png) no-repeat;

    -webkit-background-size: 50% 100%;

}

وهذا عن ذلك. التصميم لبه قائمة مرساة البند هو المكان الذي يحدث كل شيء. إضافة إلى "الانتقال-بكت:" سوف تتيح لنا التحريك :

ul#nav li a {

    -webkit-transition: all 0.3s ease-out;

}

والان مع كود التحكم فى تقنيه الجى كويرى :

ul#nav li a {

    -webkit-transition: all 0.3s ease-out;

    background: #cbcbcb url(border.png) no-repeat;

    color: #174867;

    padding: 7px 15px 7px 15px;

    -webkit-border-top-right-radius: 10px;

    -webkit-border-bottom-right-radius: 10px;

    width: 100px;

    display: block;

    text-decoration: none;

    -webkit-box-shadow: 2px 2px 4px #888;

}

 

الان الكود المخصص بلون النص والخلفيه والحشو:

ul.nav li a:hover {

    background: #ebebeb url(border.png) no-repeat;

    color: #67a5cd;

    padding: 7px 15px 7px 30px;

}

تم بحمد الله تعالى من الانتهاء اى مساعده او توضيح انا جاهز

دمتم فى رعايه الله 

 

اقرء المزيد

طريقة حل مشكلة وجود اخطاء عند حفظ القالب داخل مدونات بلوجر

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

1. فيجب دائما اخذ نسخة احتياطية من القالب الخاص بكم ..

2. و يجب اتباع الخطوات بدقة و التأكد من نسخ الكود بالكامل ...

3. و المعاينة دائما قبل حفظ القاللب ..

و نستعرض الان بعض المشاكل و الاكثر شهرة في الظهور عند ادخال كود او تعديل بالقالب

المشكلة الاولى :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.

<br/> رسالة خطأ XML: The end-tag for element type "b:if" must end with a '>' delimiter.

Error 500

حل المشكلة :

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

<b:if>

  و يتم اغلاقة بعلامة / 

</b:if>

مثال :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<< المحتوى ايا كان >>
</b:if>

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

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: Open quote is expected for attribute "{1}" associated with an element type "href".

Error 500

حل المشكلة :

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

البداية : 

<a href="الرابط">

و نهايتة المغلقة بـ / :

</a>

مثال :

<a href="http://mdwanblog.blogspot.com/">مدونة مدون</a>

المشكلة الثالثة :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: The element type "span" must be terminated by the matching end-tag "</span>".

Error 500

حل المشكلة :

تأكد من اغلاق الوسم سبان و هو الوسم المتعلق بـ تنسيق الخط و الالوان و المحاذاة و مهام اخرى :)

على ان تكون بدايتة : 

 <span>

 

و النهاية المغلقة :

</span>

مثال :

<span class='paging-control-container'>

<< المحتوى ايا كان >>

</span>

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

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.

<br/> رسالة خطأ XML: The element type "div" must be terminated by the matching end-tag "</div>".

Error 500

حل المشكلة :

التأكد من اغلاق وسم التقسيم أحد أوسمه لغه html وهو إختصار للكلمة Division وتعنى تقسيم او توزيع ـ وعموما يستخدم هذا الوسم في الصفحات التى تعتمد في التنسيق على css لتقسيم الصفحات بدلاً من الجدوال .

فتكون البداية :

<div>

اما النهاية نوعان :

1.  <div id='....'/>

 2.  </div>

مثال :

1. <div id='fb-root'/>

2. <div id='fb-root' >

<< المحتوى ايا كان >></div>   

اما الاخيرة و الاكثر شيوعا

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

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. 

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: The element type "b:section" must be terminated by the matching end-tag "</b:section>".

Error 500

حل المشكلة :

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

و تكوينة هو :

 <b:section>

 و نهايتة :

</b:section>

مثال :

و هو الوسم الخاص بالتذيل او الفوتر الخاص بقالب المدونة

<b:section class='footer-wrapper' id='footer' maxwidgets='5' showaddelement='yes'/>

<< المحتوى ايا كان >>

</b:section>

و الاخطاء التي يمكن ان تواجهكم كثيرة و لكن الفكرة واحدة سواء في بداية الوسم و اغلاق نهايتة و استكمال شروطة

و يسعدني دائما تقديم المساعدة .. 
لأي اخطاء تظهر لكم عند التعديل في القوالب الخاصة بكم ...

كل ما عليكم فعلة هو التعليق و كتابة الخطأ و سوف اضيفة الى الموضوع و اذكر حلة بأذن الله ...

شكرا لمتابعتكم ..

اقرء المزيد

تحميل قالب لعمل مركز رفع على مدونتك

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

اليوم اقدم لكم قالب رائع لانشاء مركز رفع على مدونك مثل المنتديات

فقط على مدونه مدون قالب رائع يستحق التجربه 

صوره من القالب

لتحميل القالب

ميديا فير

فى النهايه اتمنى انه يعجبكم

اقرء المزيد

طريقه التحكم وتغير هيدر المدونه فى بلوجر

بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله تعالى وبركاته ,

تحياتى لكم نتحدث اليوم عن طريقه لتغيير والتحكم فى تعديل هيدر المدونه اذا كنت تريد تغير مكان وضع الهيدر او تريد
التحكم فى حجمه او تريد تغير اى شئ ما فى الهيدر فلا تقلق هذه التدوينه قدمت من مدونه مدون لتتعلم منها افضل طريقه لفعل هذه.

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

هناك خطوتان لتغيير وتركيب الهيدر اما عن طريق لوحة التحكم بلوقر او عن طريق تحرير القالب واضافة كود الهيدر .

·        تركيب هيدر المدونة عن طريق لوحة تحكم البلوقر

ادهب الى لوحة تحكم مدونتك|| تصميم || تحرير عناصر الصفحة

 ادهب الى تصميم || في اعلى الصفحة اظغط على تحرير|| رأس الصفحة|| ستظهر نافدة  مع عدة خيارات.

الخيار الاول :

يمكنك رفع صورة الهيدر من جهازك

 الخيار الثاني:

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

يلزمك الان وضع علامة صح على الخيارات التالية :

·        اما ان تكون الصورة فوق عنوان المدونة

·        او تكون صورة الهيدر تحت العنوان والوصف

 وانا انصحك بالخيار الاول لكي لايؤثر دلك على مظهر تناسق الهيدر مع العنوان والوصف

في الأخير اضغط على حفظ .

·        تركيب الهيدر عن طريق تحرير Html

ابحث عن الكود التالي:

#header-wrapper {

هدا نمودج لكود الهيدر:

background: url(http://yourblog.com/image.png) ;

و استبدل وصلة الصورة بمكان الصورة التي صممتها.

ان قمنا بتركيب هيدر المدونة في بعض الاحيان تكون الصورة صغيرة ,لدا يتوجب علينا اضافة خلفية للهيدر  ودلك عن طريق الكود التالي:

background: #000000 url(http://www.site.com/image.png) no-repeat top right;

حيث تمثل الرموز التالية في الكود اعلاه ما يلي:

#000000 لون خلفية الهيدر

http://www.site.com/image.jpeg رابط صورة الهيدر

no-repeat لعدم تكرار الصورة في الهيدر

top right لتحديد مكان الصورة يمين او يسار 

وفي الاخر يمكنك  || حفظ القالب ||

هدا درس بسيط اتمنى ان يعجبك اخي الكريم.

اقرء المزيد

شرح ازالة شريط إظهار الرسائل ذات التسميات من مدونه مدون

السلام عليكم ورحمة الله تعالى وبركاته ،،،

 
في هدا الدرس ان شاء الله ساشرح لكم طريقة لمسح الرسالة المزعجة

اذا كنت صاحب مدونه وهذه الرساله تسبب لك ازعاج لك او للزوار الان مع مدونه مدون

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

<b:includable   id='status-message'> <b:if cond='data:navMessage'> <div   class='status-msg-wrap'> <div class='status-msg-body'>   <data:navMessage/> </div> <div   class='status-msg-border'> <div class='status-msg-bg'> <div   class='status-msg-hidden'><data:navMessage/></div>   </div> </div> </div> <div style='clear: both;'/>   </b:if> </b:includable>

ثم قم بإستبداله بالكود التالي :

<b:includable  id='status-message'>  <b:if cond='data:navMessage'> <div>  </div> <div  style='clear: both;'/> </b:if>  </b:includable>

وهاكذا تكون قد حللت مشكل الرسالة المزعجة

اقرء المزيد