أكتب سؤالك هنا
pagerank
إظهار الرسائل ذات التسميات تطوير بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات تطوير بلوجر. إظهار كافة الرسائل
3:00 ص |
تعديل الرسالة
تعديل الرسالة
بعد عدت محاولات تمكنت من الوصول لطريقة
تغير لون السكرول بار بمدونات البلوجر
يشرفني منتديات موج الغلا أول موقع
يطرح هذا الدرس بسم الله نبدا:
اولا السكرول بار هو شريط التمرير الي بالمتصفح
طبعا لا يظهر على الفاير فوكس:
الكود يجب ان يكون بمنطقة البودي
body {
اوكى اعطيكم مكان محدد
أولا ابحثو عن كلمة:
a:link {
"البحث عن طريق ctrl+F
تلقو الكود بالشكل هذا:
a:link {
color:$linkcolor;
text-decoration:none;
}
نضع فوقه الكود التالي:
html
{
scrollbar-base-color: #F5F6CE;
scrollbar-arrow-color: #F6CEF5;
scrollbar-track-color: #F6CEF5;
}
اعملو معاينة اذا ظهر اللون بالسكرول بار يصير اعملو حفظ
التغيير الي تغيرونو بالكود
اللون الاول من الكود وهو خاص بشريط التمرير المتحرك
اللون الثاني والثالث خاص بالسكرول بار الثابت
والسهم الصغير
2:44 م |
تعديل الرسالة
تعديل الرسالة
هذا الشريط الأخبار هو شريط متحرك به أحدث مواضيع مدونتك فيستطيع الزائر مشاهدة عدد كبير من عناوين تدويناتك دون البحث الطويل عن موضوع معين وبذلك تكون المواضيع التي نسيت في مدونتك نصيب في القراءة مره أخرى
ويمكن إضافة هذا الكود تحت الرأس مباشرة كم تراه في أعلى هذه المدونة أو فوق منطقة التدوين أو في زيل المدونة ولا يفضل وضعه في الإطار الجانبي (السايد بار) لأن الشريط يتميز بالطول القصير والعرض الكبير .
وطريقة وضع هذا الشريط في مدونتك أتبع المسار المعتاد : لوحة التحكم الرئيسية – تخطيط – إضافة عنصر –Html/Javascript
وألصق بها الكود التالي :
<div style="width:auto;" align="center">
<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="right"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://al7arifa.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script></div>
وكلمة right باللون الأحمر تعني تحرك الشريط من اليسار إلى اليمين ويمكنك تغيير اتجاه الشريط ليتحرك من اليمين إلى اليسار بتغيير كلمة right إلى كلمة
MaxPosts = 15 وكلمة تعني 15 مواضيع سوف يظهر في الشريط ويمكنك التعديل عليها بما يناسبك وأعتقد انه لا يقبل أن يزيد عن 25 موضوع
وأرجو أن يكون الموضوع أرضى إعجابكم وأرجو أن تتقبلوا تحياتي
1:03 م |
تعديل الرسالة
تعديل الرسالة
حذف الشريط العلوي Navbar لمدونتك تعتبر خطوة مهمة جدا لجعل مدونتك كأنها موقع مستقل بذاته (كما ترى في أعلى المدونة لا يوجد شريط Navbar) ، وطريقة حذف هذا الشريط سهله جدا ولا تحتاج إلى جهد منك فقط أتبع الخطوات الآتية :
1. أذهب إلى هذا المسار : لوحة التحكم الرئيسية لمدونتك > تخطيط > تحرير HTML
2. أبحث عن هذا الكود :
/* Variable definitions
3. ضع أعلى الكود السابق الكود الأتي :
#navbar-iframe { display: none !important; }
4. ثم أضغط حفظ القالب
وهكذا تكون أنهيت حذف شريط المدونة Navbar وأذهب لمدونتك لترى التغيير
وسيكون كالأتي :
قبل الخطوات السابقة
بعد الخطوات السابقة
12:10 م |
تعديل الرسالة
تعديل الرسالة
من الأمور التي تسرع تصفح المدونة ن وتسهل استخدامها إضافة أيقونة برابط تنقلك على وجه السرعة من أسفل الصفحة إلى الأعلى
وتظهر اهمية هذه الايقونة بالخصوص عندما تكون التدوينة طويلة ، بحيث تساعد الزائر على اختصار الوقت الذي سيععيده على على الصفحة من جديد .
لتركيب الاضافة ما عليك الى نسخ الكود ووضعه في المكان الذي تريد ظهورها فيه
وكود هذه الإضافة هو كما يلي
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/_ppHQQFJTm3Y/SsiE54WRHEI/AAAAAAAAAU4/5fk_OwC6AJI/s320/back+to+top.png"/></a>
وهذا كود آخر :
لتركيب الاضافة ما عليك الى نسخ الكود ووضعه في المكان الذي تريد ظهورها فيه
وكود هذه الإضافة هو كما يلي
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/_ppHQQFJTm3Y/SsiE54WRHEI/AAAAAAAAAU4/5fk_OwC6AJI/s320/back+to+top.png"/></a>
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>
12:02 م |
تعديل الرسالة
تعديل الرسالة
السلام عليكم و رحمة الله تعالى و بركاته...
تعرفنا سابقا من خلال مواقع كثيرة على البرنامج الاسطوري الارتيستير
والكل اعجب بالبرنامج فهو بالتصنيف الوحيد في العالم في
مجاله وهو الوحيد الي يقدر يصمم قوالب جاهزة للمجلات الووردبريس وجملة
ودروبال والبرمجيات الخاصة بالمكتبات وقوالب الهتمل والجديد الان قوالب
البلوغر اصبح البرنامج قادر الان على تصميم قوالب البلوغر ونشرها مباشرة من
خلال البرنامج نفسه وطبعا تعديلات وتحديثات كثيرة على النسخة الجديدة
نستعرضها في الاسطر التالية
تحديثات النسخة :
تطويرات عامة :
* تجاوز مشكلة التحطم للبرنامج
* التوافقية مع الفيستا والويندوز 7
* تجاوز مشكلة الصور الفارغة للشاشات ات الدقة المنخفضة
* تطوير القوائم في قوالب دروبال
* الخلفية الثلابتة بقياسات محددة
* تحديثات امنية
الخاص بجملة
* تجاوز مشكلة التوافقية للقوالب المنتجة مع العقيم اكسبلورر 6 & 7
الخاص بدروبال :
* اختيار محاذاة الصور في مكتبة الصور
* اضافة دعم مساعد تحرير الصور
بلوغر :
* اضافة ارسال القالب الى حسابك وتفعيله مباشرة
ووردبريس :
* اضافة الخصائص المحسنة للتعليقات
* اضافة دعم محسنات محركاتا لبحث في التصميم
* اضافة كلاس خاص بمكتبة الصور في ملف الستايل
* اصلاح بعض الاشكالات الامنية
* توسيع بعض خصائص التصميم
تطويرات عامة :
* تجاوز مشكلة التحطم للبرنامج
* التوافقية مع الفيستا والويندوز 7
* تجاوز مشكلة الصور الفارغة للشاشات ات الدقة المنخفضة
* تطوير القوائم في قوالب دروبال
* الخلفية الثلابتة بقياسات محددة
* تحديثات امنية
الخاص بجملة
* تجاوز مشكلة التوافقية للقوالب المنتجة مع العقيم اكسبلورر 6 & 7
الخاص بدروبال :
* اختيار محاذاة الصور في مكتبة الصور
* اضافة دعم مساعد تحرير الصور
بلوغر :
* اضافة ارسال القالب الى حسابك وتفعيله مباشرة
ووردبريس :
* اضافة الخصائص المحسنة للتعليقات
* اضافة دعم محسنات محركاتا لبحث في التصميم
* اضافة كلاس خاص بمكتبة الصور في ملف الستايل
* اصلاح بعض الاشكالات الامنية
* توسيع بعض خصائص التصميم
شرح التنصيب :
التنصيب بسيط مثل اي برنامج اخر قم بتحميل البرنامج والنسخة المحددة من
الروابط في التدوينة ثم قم بتنصيبه على الجهاز ثم قم بتحميل برنامج loader
باسم ” تشغيل برنامج ارتيستر 2.3 “ قم بتشغيلها واستمتع بالبرنامج
ــ ــ ــ ــ وقم بتنصيبه الى نفس مسار البرنامج الاصلي ستجد ايقونة على سطح المكتب
التحميل :
10:58 ص |
تعديل الرسالة
تعديل الرسالة
أهلا و سهلا بكم من جديد، في هذا الموضوع سوف نتطرق الى معرفة كيفية اضافة 3 أعمدة أسفل المدونة والتي تحظى بها القليل من المدونات ،وتتمثل أهمية هذه الاضافة في تنظيم و تنسيق المدونة و اجتناب تراكم أدوات بلوجر مما قد تسبب ازعاج لزوار مدونتك .
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
]]></b:skin>
ثم قم بلصق الكود التالي فوقه :
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
clear:both;
}
.footer-column {
padding: 10px;
}
ثم قم بالبحث عن الكود التالي:
<div id='footer-wrapper'>
فإن لم تجده قم بالبحث عن كود يحتوي على كلمة footer-wrap, footer, footer-end أو ماشابهها .
ثم قم بإضافة الكود التالي بعده :
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
وأخيرا قم بحفظ القالب وتوجه الى صفحة تصميم و سوف تلاحظ إضافة 3 أعمدة في الأسفل
ننتظر تشجيعاتكم
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
وأخيرا قم بحفظ القالب وتوجه الى صفحة تصميم و سوف تلاحظ إضافة 3 أعمدة في الأسفل
ننتظر تشجيعاتكم
2:53 ص |
تعديل الرسالة
تعديل الرسالة
السلام عليكم و رحمه الله و بركاته
خدمه جديده لجوجل (( لتشكيل الكلام ))
كل الى عليك انك هتكتب الى انت عايزه و هتضغط على (( تشكيل )) و بس
و بعد كده هيطلعك الكلام بالتشكيل
مثال :
الْسَّلام عَلَيْكُم و رَحِمَه الْلَّه و بَرَكَاتُهخَدَمَه جَدِيْدَه لَجُوَجّل (( لِتَشْكِيل الْكَلَام ))كُل الَى عَلَيْك انَّك هتُكُتّب الَى انْت عَايَزْه و هْتَضَغط عَلَى (( تَشْكِيل )) و بَسو بَعْد كِدَه هْيُطلْعك الْكَلَام بِالتَشْكِيل
2:50 ص |
تعديل الرسالة
تعديل الرسالة
السلام عليكم ورحمه الله و بركاته
انا هشرحلكوا النهارده طريقه عمل صندوق للمحادثه بينك و بين زوار مدونتك من خلال الياهو
هي طريقه بسيطه جدا جدا سهله جدا جدا و لاتحتاج منك او من غيرك الى اضافته عندك في قائمه الياهو
ولا حتي تحتاج ان يعرف اي شخص ايميلك على الياهو لأنه هيكلمك من خلال مدونتك ^__^
هيتم ذلك من خلالالال
Yahoo! Messenger Pingbox
Yahoo! Messenger Pingbox
اولا : سجل دخولك على الياهو من خلال موقع الياهو
ثانيا :اضغط هنا للدخول
تختار شكل ولون مربع المحادثة وتظبط الخط ولونه وحجمه
بس كده خلال هتاخد انت بقي الكود و تضيفه في المكان الى انت تحبه في مدونتك في خلال كود HTML
و مبرووووك عليك المحادثه
ده بقي يا سيدي اول ما انت تدخل على الياهو و تكون (( online )) الناس ممكن تكلمك ساعتها
هما هيكملوك من خلال المدونه و انت هتكلمهم من خلال الياهو ^_^
و انت سوف تجد اسم المجموعه الى انت ضفتها جديد عندك في ماسنجر الياهو
بس خلاص ^_^
يارب تعجبكم الأضافه دي
5:51 ص |
تعديل الرسالة
تعديل الرسالة
قبل تركيب أي قالب يجب أن نعلم أن هذه العملية قد تدفعنا إلى مسح بعض مربعات القائمة الجانبية widgets لذا يجب الحذر في بعض مراحل التنصيب، و سنذكر طرق تلافي المشكل خلال جرد الطريقة.
» 1 - حمل القالب الذي تود تنصيبه إن كان مضغوطا فكه بأحد برامج الضغط ك Winrar أو 7Zip ، و ستجد فيه أهم ملف و هو ملف xml و قد تحصل فيه كذلك مجلد الصور لاستعمالها و إعادة رفعها في حال موت روابطها. و في بعض الحالات تجد ملفات جافا سكريبت و ينطبق عليها نفس ما ينطبق على الصور ...
» 2 - أدخل إلى لوحة تحكم مدونتك عبر بلوجر و اضغط على قائمة " التخطيط "
» 3 - تأتي الآن أهم خطوة في العملية . فبعد تنصيب أي قالب جديد يتم حذف بعض مربعات القائمة الجانبية ، و تبقى أهم المربعات التي قد تحذف هي تلك التي تضم أكوادا و نصوصا كمربعات Html/Javascript و مربعات النصوص و أدسنس ... أما البقية فهي متاحة من خلال قائمة " أضف أداة " و يمكن استرجاعها بسهولة تامة كمربع التسميات و الأرشيف و التغذية ... و هنا وجب أخذ نسخة احتياطية للمربعات الأولى، و نقوم بذلك عبر الضغط على كلمة " تحرير " الموجودة بجانب كل مربع و ننسخ الكود الموجود بها إلى ملف نصي عبر برنامج Notepad مثلا و نسجله باسم المربع، و ينصح هنا بتخصيص ملف نصي لكل مربع حتى لا تختلط الأكواد، و بعد تنصيب القالب نخصص بعض الدقائق لاسترجاع هذه المربعات عبر إعادة لصق أكوادها.
إضافة تسمية توضيحية
» 5 - كذلك قبل رفع القالب الجديد نأخذ نسخة احتياطية ( عبر تحميلها ) للقالب القديم لاستعادته في حال عدم الرضى على الجديد و يتم ذلك عبر الضغط على " تنزيل قالب كامل " .
» 6 - الآن نرفع ملف xml ( الذي تحدثنا عنه في المرحلة الأولى ) الخاص بالقالب الجديد بضغط زر Browse و تحديد مكان الملف على الحاسوب ثم نضغط زر " إيداع " لبدء الرفع .
» 8 - هنيئا ..! القالب صار جاهزا و لم يبق سوى إعادة لصق المربعات المحفوظة في الملفات النصية ... من خلال قائمة " عناصر الصفحة " نضغط " إضافة أداة " و نلصق الأكواد المحفوظة ثم نحفظ التعديلات . و في حال لاحظت أن إحدى صور القالب لا تظهر فاعلم أن رابطها معطوب و يجب إعادة رفعها من مجلد الصور المرفق بالقالب و استبدال رابطها بالرابط الجديد من خلال قائمة " تحرير html " و ضغط زر " حفظ القالب " و بهذا نكون قد أنهينا المهمة بنجاح دون أية خسائر.
المدونات المفضلة
