الثلاثاء، 11 ديسمبر 2012
كود تابعنى عبر الشبكات الاجتماعيه بشكل جديد لم تجده من قبل
كود تابعنى عبر الشبكات الاجتماعيه بشكل رائع وجميل حيث يظهر مدونتك بشكل افضل
جوجل بلس تغذيه المدونة واليوتيوب عند مرور الماوس عليها تنبثق قليلاً الى الامام
فقط لمدونات بلوجر
توجه للوحة التحكم الخاصة بمدونتك
تصميم
أضافة أداة
وأختار منها الجافا هتمل
أضف الكود التالي داخل الصندوق المخصص لذلك
<style>
#main_cbt_icons {
width:222px;
height:37px;
}
#facebook {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
#twitter {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
#google_plus {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
#rss {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
#youtube {
width:37px;
height:37px;
float:right;
margin:0px;
padding:1px 1px 1px 1px;
}
img:hover {
-webkit-transform: scale(1.1) skewX(2deg) skewY(2deg);
-webkit-transform-origin: 0% 0%;
-moz-transform: scale(1.1) skewX(2deg) skewY(2deg);
-moz-transform-origin: 0% 0%;
-o-transform: scale(1.1) skewX(2deg) skewY(2deg);
-o-transform-origin: 0% 0%;
-ms-transform: scale(1.1) skewX(2deg) skewY(2deg);
-ms-transform-origin: 0% 0%;
transform: scale(1.1) skewX(2deg) skewY(2deg);
transform-origin: 0% 0%;
}
</style>
<div id="main_cbt_icons">
<div id="facebook">
<a href="http://www.facebook.com/mdwanblog.blogspot.com/" target="_blank" title="تابعنا على الفيسبوك"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRrMMjxYXwSZNU2ZJs7fvO0tTFMKPfxuTFWmlY7prgvEPly95VtJRKRYG3ChFg0KGamo12bW-LwyldvbjaqjW-XdqvMxCAac3YCbZC_FVwScgUbdom6DI60VhvplAVV_LYC5u-65hAjQo/s1600/social-facebook-box-white-icon.png" /></a>
</div>
<div id="twitter">
<a href="http://www.twitter.com/mdonti-n.blogspot.com" target="_blank" title="تابعنا على تويتر"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbXgoVsPSpnGMzwLIZMsnbNeE4618BTbQpEULBPLFZKpPlOPs75ChE7xjl4mf-556qBaZuVnlzeWm8IUQiyCKajFMDsZ1Z6SrjAToqaSVoCX5s0xFUs2UpBIpVeKTFd6wzMNmi_C-vG2E/s1600/social-twitter-box-white-icon.png" /></a>
</div>
<div id="google_plus">
<a href="https://plus.google.com/mdwanblog.blogspot.com/" target="_blank" title="تابعنا على قوقل بلس"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2o6QIJUif3kAX5HTGbzCBvcOIdu0uOHPo6uxksPIcCHTq17Cy2lBeCVhTcuO3LntL1p-50PXtJZe_amgJ91sl2SrCiDU6K7HMTa_-3trlBys0SxTuSLspRavlk3Qqqqec4BDDf6mvx0/s1600/social-google-box-white-icon.png" /></a>
</div>
<div id="rss">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=mdwanblog.blogspot.com/&loc=en_US" target="_blank" title="أشتراك بتغذية المدونة"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQBV6TJ6gHlCPjUhcOnxfmqCbcXxkut2OJQ45CstHu0NR75hnX7PcHn_rRHGuNs8oe2JNY30wodJ75TxWL7F7V4mE3cR0XZStSTjvH4Uc8Bx1RrsHuHtV9edG3FDXWD9PYAIqwqbOtMtY/s1600/social-rss-box-white-icon.png" /></a>
</div>
<div id="youtube">
<a href="http://www.youtube.com/mdwanblog.blogspot.com/" target="_blank" title="شاهد الفيديو"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0SVizUDaEta3O4EQO54Fcv2oc8hvns5mihf_XwDZ5ZOObzMO371YRmA5_p7B1FboPpnRXWduJY03Yii7bcL2kuD58-FQicZ7obKw5bc4Eq6u3NC-OpnuGSrrY2ZsklEpcXPYtWNZYIjw/s1600/YouTube-icon+%25281%2529.png" /></a>
</div>
</div>
الأحد، 9 ديسمبر 2012
عرب قالب مدونتك بالكامل مع مدونة مدون فقط
الجمعة، 7 ديسمبر 2012
تحميل قالب Johny Ember المعرب والمطور
الثلاثاء، 4 ديسمبر 2012
السبت، 1 ديسمبر 2012
تحميل خط هند – Hend Font
من أجمل الخطوط العربية المركبة للعنونة الحديثة والعصرية
ويمكنك ايضا استخدامه فى الحملات الإعلانيه خط رائع وجميل ويستحق التجربه
حمله الان من مدونة مدون
المصدر : مكتبة الخطوط العربية
الخط : 2
TTF
72.4 كيلوبايت
الجمعة، 30 نوفمبر 2012
ازرار المشاركه تنزلق عند الضغط عليها بشكل رائع لمدونة بلوجر
اليوم اقدم لكم من مدونة مدون فقط الحصريات اضافه رائعه وجزابه
بشكل رائع وبها بعض المواقع الاجتماعيه مثل الفيسبوك وتويتر والطباعه
ومشاركه عبر البريد وهى اضافه لا تاخذ مكان فى مدونتك غير ذلك انها
تعطى مدونتك شكل احترافى جربها بنفسك الان
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 -->
اتمنى انى اكون وفقت فى شرحى فى رعايه الله
الأربعاء، 28 نوفمبر 2012
تحميل خط مانتيكا – Manteka Font
خط مانتيكا، من أجمل الخطوط الأجنبية السلسة والبسيطة بتصميمها الإحترافي
تصميمه بسيط ولكنه احترافى بمعنى الكلمة اصبح لك الامكانيات
الآن لتحمله فقط على مدونة مدون
معاينة الخط
حمل الخط الآن
الثلاثاء، 27 نوفمبر 2012
تحميل خط الحربي الهنوف – Alharbi Alhanoof Font
خط الحربي الهنوف، خط عربي راقي وبسيط من تصميم الأخ عبد الله ناصر الحربي
الان حمل خط الحربى الهنوف خط مميز ورائع مصممه عضو من مكتبه الخطوط العربيه
والخط واخد شكل خاص فى دعم محكم للتشكيل خط جميل ورائع ومميز حقا
الان اصبح بامكانك ان تحمله فقط من مدونة مدون
الجمعة، 23 نوفمبر 2012
شرح تعديل وسم العنوان للتوافق مع محركات البحث لمدونات بلوجر
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين ، سيدنا محمد النبي الأمين وعلى من سار على هديه واستن بسنته الى يوم الدين ، أما بعد ..
- قم بتسجيل الدخول الى لوحة التحكم.
- إضغط على تصميم ثم تحرير HTML.
- قم بالبحث في قالبك عن هذا الكود
<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>
تم بحمد الله
الخميس، 15 نوفمبر 2012
اكشن رائع لعمل كتابه ثرى دى 3d-action تحميل مباشر
اليوم أقدم لكم من مدونة مدون اكشن رائع واحترافى بمعنى
الكلمه لعمل ثرى دى 3d بكل سهوله والاكشن سهل
الاستخدام ويوجد صوره توضح كيفيه استخدامه
او شكل فقط انت تتحكم فى الاعدادات وهو سيفعل كل شئ .
الان مع صوره بعض اعمال الاكشن
صوره توضح طريقه استخدامه بسيط جدا
الثلاثاء، 13 نوفمبر 2012
قائمه رائعه واحترافيه بتقنيه الجى كويرى وال 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;
}
تم بحمد الله تعالى من الانتهاء اى مساعده او توضيح انا جاهز
دمتم فى رعايه الله
السبت، 10 نوفمبر 2012
طريقة حل مشكلة وجود اخطاء عند حفظ القالب داخل مدونات بلوجر
في البداية فهناك قواعد عامة يجب اتباعها عند التعديل على اي قالب خاص بكم سواء كان التغيير في شكلة مش حذذف شريط جانبي مثلا او اضافة اعمدة لتذيل الصفحة الفوتر او حتى تعديلات بسيطة داخل القالب .
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 == "static_page"'>
<< المحتوى ايا كان >>
</b:if>
</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>
و الاخطاء التي يمكن ان تواجهكم كثيرة و لكن الفكرة واحدة سواء في بداية الوسم و اغلاق نهايتة و استكمال شروطة
و يسعدني دائما تقديم المساعدة ..
لأي اخطاء تظهر لكم عند التعديل في القوالب الخاصة بكم ...
لأي اخطاء تظهر لكم عند التعديل في القوالب الخاصة بكم ...
كل ما عليكم فعلة هو التعليق و كتابة الخطأ و سوف اضيفة الى الموضوع و اذكر حلة بأذن الله ...
شكرا لمتابعتكم .. 
