‏إظهار الرسائل ذات التسميات كمبيوتر ومدونات. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات كمبيوتر ومدونات. إظهار كافة الرسائل

وظائف من خلال الإنترنت والعملات الرقمية

هيا بنا نربح سويا من خلال الإنترنت والتسويق الالكتروني والشبكي والتعاملات البنكية بواسطة محفظة كاش، حقا هي فرصة للعمل من المنزل عبر الانترنت باقل وقت وتكلفة ومجهود
التسويق الالكتروني الشبكي :
📸 تسويق شبكي وربح من الانترنت بعد أن تقوم بدعوة 10 أشخاص، كل ما عليك فعله هو تعليمهم كيفية دعوة 10 أشخاص بسرعة. بهذه الطريقة يمكنك الوصول إلى فريق مكون من 110 أشخاص في وقت قصير جدًا هل تعرف كم يكسبك هذا؟ 💰💵💰💵 💰
✅ انقر هنا للتسجيل مجانا

✅ برقم الهاتف وباسورد فقط

✅ لا تحتاج إلي خبرة

✅ فقط تعلم الاستثمار والربح وإدارة الأموال

في ظل غلاء الأسعار والوضع الاقتصادي الغير مستقر وضيق الوقت

🎈 حقق ارباح بأقل وقت ومجهود وتكلفة

ممكن تبدأ هنا براس مال 250 ج

ممكن تبدأ هنا براس مال اقل من 900 ج فقط


ملحوظة
الآن يدعم فقط محفظة الإتصالات، وفودافون كاش، وOrange Wallet، وWE

فضلاً: اضغط هنا لقراءة المزيد

اضافة ابتسامات ياهو لتعليقات بلوجر smiley comment

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

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

والآن خطوات تطبيق هذه الميزة:
1- الذهاب إلى تصميم >> تحرير html >> اضغط على "توسيع قوالب عناصر واجهة المستخدم". ( ولا تنسى تنزيل القالب كاملا على القرص الثابت لديك للرجوع اليه في حين الخطأ لا قدر الله.)
2- ابحث في القالب لديك عن كود ..........
</body>

ويمكن البحث باستخدام Ctrl+F وانسخ قبله مباشرة هذا الكود

<script src='http://sites.google.com/site/srhanam/Home/smileycomment.txt' type='text/javascript'/>


ملحوظة: يمكن تنزيل هذا الملف النصي ورفعه ثانية على حسابكم في المواقع التي تدعم استضافة هذا النوع من الملفات وشخصيا استخدمت حسابي في مواقع جوجل كما هو واضح من الرابط، كما يمكن جعله ملف جافا سكريبت، وكما يمكن التعديل عليه لمن لديه الخبرة في هذا المجال.. وعلى كل حال فهذا الكود صالح لاستخدامكم مباشرة ولكن الأفضل أن تعيدو رفعه على حسابكم.
3- ابحث عن هذا الكود
<b:if cond='data:post.embedCommentForm'>

وانسخ والصق هذا الكود كاملا بعده أي أسفله
<div style='overflow:no; width:100%px; height:100%px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

ملحوظة:
قمت بالتعديل على الكود الاخير لتفادي اخطاء اللغة العربية واتجاه النص، كما قمت بحذف بعض رموز ياهو، واضفت عنوان لرابط صور الوجوه التعبيرية يظهر عند وقوف مؤشر الفارة عليها وهو باللغة العربية حسب ترجمتي المتواضعة لتعبيرات ياهو. كما يمكنكم التعديل في اول سطر بالكود من حيث لون خلفية الصندوق التي تظهر به مجموعة الصور والرموز وحجم ولون الحدود له لتتماشى مع مدونتكم. وإن راقت لكم فيمكنكم استخدامها، وهذا هو الكود من قالب مدونتي المتواضعة.
<div dir='ltr' style='overflow:no; width:100%px; height:100%px; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf;'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' title='سعيد جدا' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' title='هه هه' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' title='ابتسامة عريضة' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' title='غمزة' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' title='لسان' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' title='صياح' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' title='ابتسامة' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' title='حزين' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' title='مندهش' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' title='مرتبك' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' title='متردد' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' title='مُهلة' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' title='ضربا مبرحا' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' title='جنون' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' title='غاضب' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' title='مات من الضحك' width='30'/> =))
</b>
</div>

4- حفظ القالب وانتهى
الآن يمكنكم رؤية النتيجة مثل هذه الصورة
اضافة ابتسامات ياهو لمدونات بلوجر


أي سؤال أو استفسار على الرحب والسعة
تحياتي
المراجع:
How To Add Yahoo Smileys Emotions to your Comments
Add Yahoo Smileys emotions in Blogger Comments
Add Yahoo Emoticons Above Blogger Comment Form

فضلاً: اضغط هنا لقراءة المزيد

إضافة زر العودة لأعلى الصفحة وزر كتابة تعليق

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

أولا: إضافة زر العودة لأعلى الصفحة:-

ما سوف يُعرض في هذا الموضوع سيكون مختلف قليلا، فوظيفة الزر واحدة ولكن موقعه مختلف. أي أنه سيكون ثابتا في مكانه (عائما) حتى مع التنقل بالصفحة لأعلى أو لإسفل ويمكن رؤيته في جميع الأوقات. وسنقوم بذلك فقط باستخدام كود html قصير مع قليل من التصميم.
تنبية:
هذا الزر والآخر ربما لا يعملوا كما ينبغي عند استخدام انترنت اكسبلورر خاصة النسخ القديمة..
الخطوات:
1- الذهاب إلى تحرير html. من التخطيط في لوحة التحكم الرئيسية أو الإعدادات..
2- الضغط على Ctrl+F للبحث عن كود </body>.
3- إضافة الكود التالي مباشرة قبل كود </body>:

<a href='#' style='position: fixed; bottom:5px;right:5px;' title='your title'><img src='photo url' style='border: none;'/></a>

إذا كنت تفضل استخدام نص بدلا من الصورة استخدم هذا الكود:
<a href='#' style='position: fixed; bottom:5px;right:5px;' title='your title'>your text</a>


مصدر الكود السابق مع بعض التعديلات ليتماشى مع اللغة العربية:
Adding A Floating “Back To Top” Button
أما كود كتابة تعليق فهو مجهود شخصي خاصة مكان الكود..

ثانيا: إضافة زر كتابة تعليق:-

الخطوات:
1- الذهاب إلى تحرير html. من التخطيط في لوحة التحكم الرئيسية أو الإعدادات..
2- التأشير على "توسيع قوالب عناصر واجهة المستخدم".
3- الضغط على Ctrl+F للبحث عن كود <p><data:post.body/></p>. إذا كنت تستخدم خاصية اقرأ المزيد ربما تجد هذا الكود مرتين، وما نقصد هو الكود الأول. بمعنى آخر الكود الذي سنضيفه يكون بين الأثنين..
4- إضافة الكود التالي مباشرة بعد كود <p><data:post.body/></p>:

<a href='#comment-form' style='position: fixed; bottom:5px;right:45px;' title='your title'><img src='photo url' style='border: none;'/></a>

وإذا كنت تفضل استخدام نص بدلا من الصورة استخدم هذا الكود:
<a href='#comment-form' style='position: fixed; bottom:5px;right:45px;' title='your title'>your text</a>


ملاحظات:
- في حين استخدام الصور يفضل أن لا يزيد حجمها عن 30*30 بيكسل وأن يكون امتدادها png ليكون حجمها صغير.
- كل ما هو باللون الأخضر بالأكواد يمكن تغييره بأي لغة.
- يمكن التعديل على مكان الصورة أو النص من خلال bottom:#px;right:#px.
- كما يمكن تعديل نص العنوان title الذي يظهر عند وقوف مؤشر الفارة على الصورة أو النص.
- يمكن الاعتماد على بحث جوجل عن الصور للحصول على ايقونة كتابة تعليق أو الذهاب لأعلى الصفحة.
- أي اقتراح أو استفسار يرجى ذلك من خلال التعليق.

فضلاً: اضغط هنا لقراءة المزيد

طريقة عمل مدونة ذات ملخص وقابلة للتوسعة read more

إذا كنت تكتب مقالات طويلة مثلي^_^، وتريد عمل ملخصات لها وبالضغط على رابط "أقرأ المزيد" يفتح الموضوع الكامل، أود أن أطمئنك لانك أتيت للمكان المناسب، ولو تخاف من التعامل مع html فالموضوع هنا خطوة خطوة بالصور إن دعت الضرورة وشرح مباشر وموجز ومكتمل في نفس الوقت، هذا غير المميزات الرائعة بهذه الخاصية خاصة لاحتوائها على رابط "الملخص فقط" وانسدال التوسعة بالصفحة الرئيسية نفسها. فكل ما أريد منك إن كنت فعلا تحتاج لهذه الخاصية هو تركيز ومتابعة...

صفحة مدونتك الرئيسية عادة ما تعرض كل المحتوى لكل رسائلك. إذا كانت مشاركاتك وعادة ما تكون أكثر من فقرتين، عندئذ سيجد زائرك صعوبة في العثور بسرعة على الموضع الذي يهتم به لأنه يحتاج الكثير من النزول لأسفل. ولهذا نستخدم الملخص المنسدل وخاصية المواضيع القابلة للتوسعة في المدونات القديمة. وهذه الخاصية تؤدي الغرض ذاته في المدونات الجديدة وأكثر! بهذا، صفحتك الرئيسية سوف تعرض فقط الملخصات وعند الضغط على "أقرأ المزيد" سوف يظهر كامل الموضوع في نفس الصفحة الرئيسية مما يوفر الأنتقال لصفحات كثيرة. بالإضافة إلى رابط "الملخص فقط" يمكن للقارىء تصغيير الموضوع مرة اخرى. أضف إلى ذلك ميزة أن رابط "أقرأ المزيد" تظهر فقط للرسائل المقسمة! هذه خاصية مذهلة ولكن عليك توخي الحذر عند التعديل على القالب html. إذا لم تكن على دراية بـ html يفضل طلب الأتصال بصديق^_^. وبما أنك هنا فلا تقلق!
في هذه الخاصية، يمكنك اختيار عرض أي مقاطع من النص في بداية كل رسالة، كملخص لكل المقالة. وللقراء الذين يريدون تكملة الموضوع يمكنهم الضغط على رابط لرؤية النص الكامل. وهذا ملائم إذا كان لديك الكثير من المقالات الطويلة في كل صفحة واحدة. علما بأنه يجب عليك تمكين صفحات الرسائل للإستفادة من هذه الميزة. –هذا هو الأساسي default ولكن لا مانع من التأكد...
ولتمكين صفحات الرسائل إذهب إلى الإعدادت >> الأرشفة >> هل تريد تمكين صفحات الرسائل؟ >> نعم >> حفظ الأعدادات. أنظر الصورة...

ملحوظة: لمستخدم FTP/SFTP ربما يحتاج أدلة لمشاركاتهم مثل 2004, 2004/01, 2004/02، إلخ.
الخطوات الواجب اتباعها:
هناك ثلاث مقومات تدخل في هذه الميزة: conditional CSS، رابط "اقرأ المزيد" ورابط "الملخص فقط" لكل مشاركة، والتعديل في الرسائل التي تستخدم هذه الميزة. ولكن يجب أن تسبقهم خطوتين. لذلك دعونا نذهب للتطبيق خطوة خطوة.
1-توسيع قوالب عناصر واجهة المستخدم:
من "تخصيص" أو من "لوحة التحكم الرئيسية" إذهب إلى "التخطيط" ثم "تحرير html" ومنها أضغط على " توسيع قوالب عناصر واجهة المستخدم" لتظهر لك كل الاكواد. انظر الصورة...

2-تنزيل قالب كامل:
خطوة هامة جدا عند عمل أي إضافة أو تعديل على القالب، وهي نسخ كل الاكواد Ctrl+A ثم Ctrl+C وحفظها بملف نصي على الحاسوب الخاص بك، كما يمكنك الضغط على رابط " تنزيل قالب كامل" لحفظ القالب كاملا بصيغة XML، لكي تتمكن من العودة إليه ولصق ما نسخته أو "إيداع" ما رفعته، في حالة حدوث خطأ لا قدر الله. انظر الصورة السابقة...
3-Conditional CSS:
نبدأ العمل إذا، أبحث عن كود..............
</head>

في القالب، ويمكن البحث باستخدام Ctrl+F، واضف قبله هذا الكود كاملا من هذه الصفحة. قبله أي تؤشر بالفارة في بداية سطر الكود وتضغط enter لعمل سطر فارغ قبله تنسخ به الاكواد...

تحديث: أو من هنا مباشرة لربما تحذف الصفحة التي بها الكود:
<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

4-رابط "اقرأ المزيد" ورابط "الملخص فقط":
أبحث عن هذا الكود........................
id='post'

وأنسخ وألصق التغيرات الملونة بالأحمر في هذه الصفحة (كن حريصا جدا على تجنب الأخطاء، وللإشارة ربما لا تظهر هذه الكلمة "uncustomized-post-template" في القالب ولكن لا بأس.
رابط "اقرأ المزيد" سوف يظهر فقط في الصفحة الرئيسية وصفحات الأرشيف، وسوف يجعل باقي الرسالة تنسدل للقارىء بالصفحة الرئيسية والتي تحتوي على النص الكامل لمقالتك، وبالأسفل رابط "الملخص فقط".

تحديث: يمكنك اتباع هذه الخطوات مباشرة بدلا من الصفحة السابقة
أ- ابحث عن هذا الكود...............
<div class='post uncustomized-post-template'>

وأستبدله بهذا الكود
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>


ب- ابحث عن هذا الكود................
<p><data:post.body/></p>

وأستبدله بهذا الكود
<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Summary only...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

للإشارة، يمكنك تغيير نص "...Read more" ونص "Summary only…" إلى ما تريد، طبعا.
5-التعديل في الرسائل:
في الجزء الأخير كل ما نحتاج هو إضافة كود صغير في الرسالة الفعلية. كل رسالة تريد أن تعمل بها هذه الميزة يجب استخدام هذا الكود بالأسفل:
Type your summary here
<span class="fullpost">
Type rest of the post here
</span>

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


...الآن عند كتابة رسالة جديدة سوف يظهر لك أين تكتب الملخص وأين تكتب باقي الرسالة،
ومن المهم التأكد من أن /span في نهاية الرسالة. لضمان ذلك، استخدم "تحرير Html" بدلا من "تأليف" حين كتابة الرسالة، وبعد الكتابة يمكن الذهاب إلى "تأليف" وتغيير الخطوط والألوان وخلافه.
وللإشارة، يمكن أيضا تقسيم الرسائل القديمة إلى ملخص وكامل الرسالة، وذلك بتحرير الرسائل وإضافة الكود.
وللعلم، رابط "اقرأ المزيد" ورابط "الملخص فقط" لن يظهر إلا في الرسالة المقسمة بهذه الطريقة. وهذه ميزة ربما لن تجدها في الأكواد الأخرى.
ملاحظة، ربما تريد كتابة موضوع قصير بدون رابط "اقرأ المزيد" يمكنك عمل هذا ببساطة بحذف الكود عند تأليف الرسالة.
مزايا هذه الطريقة: ملخصات للتخصيص، بدلا من العنوان فقط. ويمكن تطبيقها على بعض الرسائل دون غيرها (على سبيل المثال: قد تريد هذا للرسائل الطويلة فقط)، بالأضافة إلى رابط "الملخص فقط"، وانسدال باقي الموضوع في نفس الصفحة الرئيسية.
العيوب: يتطلب تغييرات في الرسائل نفسها، وليس القالب فقط، ومع ذلك، فإن رابط "اقرأ المزيد" يمكن وضعه في قالب الرسالة ليظهر دائما. وكذلك مشكلة واجهتني بسبب اللغة العربية في تنسيق النص ونهاية الملخص، ومع ذلك يمكن التغلب عليها بعد معرفة html جيدا.
المراجع:
Blogger Help
Peter
Ramani
تحديث:هذا المصدر تقريبا تم حذف المدونة"hackosphere.blogspot" لهذا تم تحديث الموضوع
بعض الحقوق محفوظة
يمكن نسخ ونقل الموضوع ونشره وتوزيعه لغير الأغراض التجارية^_^ بشرط ادراج رابط مباشر للمصدر وللمؤلف.
تم نشر الموضوع لأول مرة بتاريخ 30/7/2009

فضلاً: اضغط هنا لقراءة المزيد

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

أهلا ومرحبا بكم أحبتي الكرام؛؛؛
قالوا أن الصور تتكلم! فما بالكم بالفلاشات!!
وكذلك الموسيقى العذبة التي لها تأثير السحر، والأروع عندما تكون خلفية لقصيدة أو خاطرة وغيرها كمؤثرات صوتية من باب الموسيقة التصويرية^_^
بالتأكيد سوف تحتاجون لها في منتدياتكم أو مدوناتكم وخاصة عندما تكون صادرة من سرحان في عالم الخيال والبساطة والدقة^_^
إليكم الطريقة البسيطة والسريعة والحصرية بالصور التفصيلية بدون أي برامج أوخلافه!!

تعتمد طريقتي هذه على تحويل ملف الفيديو أو الصوت إلى ملف فلاشي، ويكون هذا بواسطة موقع يقدم خدمة مجانية وهو موقع youconvertit وقد سبق لي التعريف به في منتديات الأمل ويمكنكم الإطلاع على موضوع "التعريف بالموقع المجاني لتحويل الملفات " لمعرفة المزيد حول هذا الموقع الرائع.
نبدأ سويا خطوة خطوة وبالصور التوضيحية، سيبدوا أن الموضوع طويلا بسب الصور ولكنه في غاية البساطة والروعة بالنهاية -أوهكذا أرجو-
أ- تحويل الملف إلى صيغة الفلاش:
1- عند دخول موقع youconvertit ستجد مثل هذه الصورة وهي واضحة المعالم فبالخطوة الأولى إدخال عنوان البريد الإلكتروني ثم اختيار الملف المراد تحويلة.وفي حالتي هذه أخترت ملف فيديو mp4.

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

3- وبعد اختيار الصيغة المحددة، نضغط على converit كما بالصورة. وللإشارة يمكن تحويل خمس ملفات في آن واحد.

4- جاري رفع الملف ومن ثم تحويله.

5- تم الإنتهاء من الرفع والتحويل إذهب سريعاً^_^ إلى بريدك الإلكتروني. ستجد رسالة بها رابط بالضغط عليه تنتقل لمرحلة تحميل الملف بعد تحويله هنيئا لكم. فقط اضغط على الرابط للتحميل.

ب- رفع الملف الفلاشي:
الآن يمكنك مشاهدة الفيديو بصيغة الفلاش، وننتقل إلى نقطة هامة وهي رفع الملف الفلاشي، على موقع يعطيك الرابط المباشر بحيث يكون آخره swf، وهنا اقترح عليكم موقعين قمت بتجربتهم شخصيا وبانتظار ادراجكم لمواقع أخرى مجربة في التعليقات، لأن الحصول على مواقع هكذا كانت صعبة بالنسبة لي، إليكم موقعين حسب جودتهما من وجهة نظري:
موقع ياباني
ربما تضحكوووون عند زيارته فهو بالياباني والياباني يكسب^_^ ولكن الطريقة بسيطة، اختار الملف ثم ادخل اي رقم في الخانة البيضاء أسفل browse ثم اضغط Enter ومن ثم كليك يمين على الرقم وأخذ الرابط المباشر، حيث أن الموقع بعد الرفع سيظهر لك رقم اسفل، وسوف تجدون هناك العديد من الفلاشات والملفات الصوتية وغيرها...
free file hosting
موقع رائع أيضا وهو ما قمت بالرفع عليه هذه الخلفية الموسيقية. وتجدر الإسارة هنا إلى مصدر الخلفية وهو موقع الأرشيف.
وهنا أود الإشارة إلى موقع عربي آخر بها الكثير من الموسيقى الرومانسية الهادئة وهو:
غذاء الروح موسيقى رومانسية هادئه
والآن تابع الصور ولنجعلها تتحدث...


بباسطة وحتى لا أطيل عليكم
browse >> upload >> copy direct link
جـ- إدراج الفلاشة كخلفية بالمنتدى:
1- الآن لدينا سر الخلطة^_^ وهو الرابط المباشر للفلاش، نذهب لمنتدانا ومن ثم فتح موضوع جديد أو مشاركة، واختيار كود الفلاش المؤطر باللون الأحمر -وأحيانا يختلف من منتدى لأخر- كما بالصورة،

2- إدخال الرابط

3- إدخال طول الفلاشة، طبعا هنا نريدها خلفية، فالفيديو له أبعاد كبيرة ولكن لامشكلة سندخل عرض صغير جدا ولن يؤثر على الصوت المطلوب.. أعطيته الطول والعرض أيضا 1 بيكسل كما بالصورة...

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

د- عرض فلاشة بمدونات بلوجر:
الآن سوف أعرض عليكم ثلاث اكواد لعرض فلاشة بمدونات بلوجر أتمنى أن تكون في مستوى تطلعاتكم، وخاصة لانها نتيجة تجربتي الشخصية في التعامل مع لغة html، وليست منقولة من مصدر معين فبعضها نتيجة شروحات للغة html وبعضها نتيجة اكتشافي من خلال view source او Ctrl+U بالفايرفوكس والجوجل كروم، أترككم مع الأكواد وهي تشرح نفسها بنفسها،
الكود الأول:
<embed src="here direct link flash.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="0.5" height="0.5"></embed>

رائع ويصلح للخلفيات وقد جعلت هنا الطول والعرض 0.5 للإشارة ويمكن جعلها 1 بيكسيل.
الكود الثاني:
<iframe src="here direct link flash" quality="high" loop="false" menu="false" type="application/x-shockwave-flash" allowscriptaccess="never" nojava="true" width="#" height="#"></iframe>

تم تجربته وهو يعمل بطريقة جيدة، ولكن لا أنصح به في الخلفيات لانه يظهر إطار حول الفلاشة. فسوف تظهر نقطة صغيرة جدا عند تصغير الطول والعرض، وشخصيا جربت عمل loop=true ولكن لم يسمح بتكرار الفلاشة بعد الإنتهاء...
الكود الثالث:
<object width="#" height="#">
<param name="movie" value="title">
<embed src="here direct link flash" width="#" height="#"></embed>
</object>

وهذا هو الذي اعتمدته هنا حيث أنه به object تاج و embed تاج
لاحظ أنه يمكن الإستغناء عن object تاج ولكنه موصى به من قبل الاكسبلورر وغيره ليعطي الفرصة للمتصفح الذي لم يحصل على مشغل فلاش أن يحمل مشغل الفلاش، ليتمكن من رؤيته.
ولا حظ أيضا أنه يمكنك التعديل على الطول والعرض الذي رمزت له بـ # حسب طول وعرض الفلاشة الحقيقي، كما يمكنك التعديل عليه كليا مثلا لتجعله رقم صغير جدا حتى لا ترى الفلاشة وتكون خلفية موسيقية، كما يمكن إلغاء الطول والعرض وستظهر بأبعاده افتراضية ربما تكون موافقة للأبعاد الحقيقية، ولكن تجدر الإشارة هنا إلى عرض مدونتك نفسها ولكن لا مشكلة فبلوجر سوف تتعامل مع الموقف وتظهره حسب عرض إستايل المدونة؛؛؛

نصيحتي لكم هي انتقاء الفلاشات والخلفيات الموسيقية خاصة، فيُحبذ أن تكون مناسبة لكل الأذواق فربما يكون المتصفح يسمع شيء آخر أثناء تصفحه، أو ربما لا تعجبه الموسيقى ولا يمكنه التحكم بها فيفر هاربا أو يغلق السماعات أتمنى أن لا تفعلوها هنا^_^، ربما يريد البعض أن تستمر الموسيقى أو الفلاشة بالعرض بعد انتهائها، ولكن هذه الميزة ليست موجودة هنا وتتوقف على الفلاشة نفسها، وشخصيا أفضلها هكذا دقيقتين او ثلاث وتنتهي ولمن أراد سماعها مرة أخرى فعليه بتحديث الصفحة..

شكرا لحسن استماعكم، واتمنى ان تكونوا وُفِقتم في هذاالشرح البيسط وافادكم ونال اعجابكم، وبانتظار ملاحظاتكم ونصائحكم وإضافاتكم من خلال التعليقات أو الإتصال بنا...
لكم تحياتي وخالص أمنياتي

فضلاً: اضغط هنا لقراءة المزيد

عرض وإخفاء أو حذف الشريط العلوي navbar trick

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

http://engsrhan.blogspot.com/
وهنا سوف أعرض لكم طريقتين لاخفاء الشريط العلوي بمدونات بلوجر:-
حذف الشريط العلوي:
على كل حال إذا كان هذا الشريط لا يتناسب تماما مع القالب لديك أو لا ترغب به، فهنا طريقة لإخفاء الشريط العلوي navbar تماما بخطوات سهلة وكود بسيط:
1- من لوحة التحكم الرئيسية إلى التخطيط ثم إلى تحرير html ولا تنسى حفظ نسخة من القالب بداية....
2- اضغط Ctrl+F للبحث عن Updated by: Blogger Team ستجد خط فاصل تحتها
3- انسخ هذا الكود أسفل الخط مباشرة

#navbar-iframe {
display: none !important;
}


سوف تكون النتيجة مشابهة لهذه الصورة
http://engsrhan.blogspot.com/

4- يفضل دائما عمل معاينة القالب وسوف تجد الشريط العلوي اختفى، ومن ثم حفظ القالب. وانتهى

عرض واخفاء الشريط العلوي:
هذه طريقة أخرى لاخفاء الشريط العلوي ولكنه سيظهر عند وقوف مؤشر الفأرة عليه. وهي الطريقة الأفضل من باب الشكر والإمتنان لبلوجر، وكذلك لما بالشريط العلوي من مهام مثل البحث في المدونة وغيرها..
لاحظ الصورة المتحركة لتوضح وظيفة ما سنقوم به..
http://engsrhan.blogspot.com/

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

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


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

/* Blogger Navigation Bar */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}
/*Blogger-Help-http://bloggerstop.net*/


معاينة وحفظ القالب وانتهى
اتمنى أن أكون وفقت في توصيل معلومة سهلة ومفيدة
وللعلم تم التجربة على الأوبرا والفايرفوكس وبالنسبة للإكسبلورر فالشريط مختفي تماما ولكن ما زالت الروابط به تعمل!!
وأي سؤال أي استفسار فأنا رهن الإشارة بما أعلم ^_*
مصدر الأكواد: كما هو موضح في آخر سطر في الكود الأخير ويمكن حذفه ولكن لا يحق لك حذفه حفاظا على الحقوق..
Blogger Help - How to Remove Navbar
Toggle [ Hide/Show ] NavBar In Blogger/BlogSpot Blogs

فضلاً: اضغط هنا لقراءة المزيد

كتابة كود بمدونات بلوجر وعمل scroll box

من المعلوم أنه عند كتابة كود بموضوع ما إما انه لا يظهر أو يرسل رسالة خطأ بـ html، وفي هذا الموضوع سوف أعرض عليكم أحدى طرق كتابة كود html بمدونات بلوجر، فهناك طريقة رأيتها في أحدى المدونات ولكن لم تنجح معي، وهنا الطريقة سهلة جدا بدون التعديل في القالب، وسيكون المثال على كود لعمل -لا أدري ما أسميه بالضبط ولكن هو- صنوق ذات حجم معين يطلقون عليه scroll box يمكنك وضع صورة كبيرة به، كما يمكنك كتابة الأكواد به، وكما يمكنك من كتابة نص طويل أو تقرير لبرنامج ما، وربما يكون له مزيدا من الفوائد،،،


لكتابة كود بمدونات بلوجر ينبغي بعض التعديلات على الكود وهذا ما سوف نقوم به،
نغير > إلى

ونغير < إلى

كيف نقوم بهذا؟
ننسخ الكود الذي نريده ونلصقه في ملف نصي notepad ومن ثم نذهب إلى تحرير edit ثم نضغط على استبدال replace ثم نختار استبدال الكل replace all .... لا حظ الصورتين أسفل






مثال على ما تقدم:
بعد عمل التعديلات السابقة ننسخ الكود بالشكل الجديد ونضعه في تحرير html أفضل من تأليف للتحكم بمحاذة النص وخلافة، وسوف يظهر عند المعاينة بالشكل المطلوب، وهذا هو كود عمل scroll box سوف أضعه خارج الصندوق هكذا


<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">ضع ما تريد هنا</div>


وهذا نفس الكود قمت بوضعه بالصندوق

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">ضع ما تريد هنا</div>


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

وللعلم يمكن عمل التعديل على الكود من خلال هذه الأداة
Encode Decode HTML

كما يمكن عمل scroll box بواسطة هذه الأداة
scroll box generator

المصدر: Peter

لكم تحياتي واتمنى لكم الفائدة المرجوة

فضلاً: اضغط هنا لقراءة المزيد