هيا بنا نربح سويا من خلال الإنترنت والتسويق الالكتروني والشبكي والتعاملات البنكية بواسطة محفظة كاش، حقا هي فرصة للعمل من المنزل عبر الانترنت باقل وقت وتكلفة ومجهود
التسويق الالكتروني الشبكي :
📸 تسويق شبكي وربح من الانترنت
بعد أن تقوم بدعوة 10 أشخاص، كل ما عليك فعله هو تعليمهم كيفية دعوة 10 أشخاص بسرعة.
بهذه الطريقة يمكنك الوصول إلى فريق مكون من 110 أشخاص في وقت قصير جدًا
هل تعرف كم يكسبك هذا؟ 💰💵💰💵 💰
✅ انقر هنا للتسجيل مجانا
✅ برقم الهاتف وباسورد فقط
✅ لا تحتاج إلي خبرة
✅ فقط تعلم الاستثمار والربح وإدارة الأموال
في ظل غلاء الأسعار والوضع الاقتصادي الغير مستقر وضيق الوقت
🎈 حقق ارباح بأقل وقت ومجهود وتكلفة
ممكن تبدأ هنا براس مال 250 ج
ممكن تبدأ هنا براس مال اقل من 900 ج فقط
ملحوظة
الآن يدعم فقط محفظة الإتصالات، وفودافون كاش، وOrange Wallet، وWE
وظائف من خلال الإنترنت والعملات الرقمية
اضافة ابتسامات ياهو لتعليقات بلوجر smiley comment
والآن خطوات تطبيق هذه الميزة:
1- الذهاب إلى تصميم >> تحرير html >> اضغط على "توسيع قوالب عناصر واجهة المستخدم". ( ولا تنسى تنزيل القالب كاملا على القرص الثابت لديك للرجوع اليه في حين الخطأ لا قدر الله.)
2- ابحث في القالب لديك عن كود ..........
ويمكن البحث باستخدام Ctrl+F وانسخ قبله مباشرة هذا الكود
<script src='http://sites.google.com/site/srhanam/Home/smileycomment.txt' type='text/javascript'/>
ملحوظة: يمكن تنزيل هذا الملف النصي ورفعه ثانية على حسابكم في المواقع التي تدعم استضافة هذا النوع من الملفات وشخصيا استخدمت حسابي في مواقع جوجل كما هو واضح من الرابط، كما يمكن جعله ملف جافا سكريبت، وكما يمكن التعديل عليه لمن لديه الخبرة في هذا المجال.. وعلى كل حال فهذا الكود صالح لاستخدامكم مباشرة ولكن الأفضل أن تعيدو رفعه على حسابكم.
3- ابحث عن هذا الكود
وانسخ والصق هذا الكود كاملا بعده أي أسفله
<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>
ملحوظة:
قمت بالتعديل على الكود الاخير لتفادي اخطاء اللغة العربية واتجاه النص، كما قمت بحذف بعض رموز ياهو، واضفت عنوان لرابط صور الوجوه التعبيرية يظهر عند وقوف مؤشر الفارة عليها وهو باللغة العربية حسب ترجمتي المتواضعة لتعبيرات ياهو. كما يمكنكم التعديل في اول سطر بالكود من حيث لون خلفية الصندوق التي تظهر به مجموعة الصور والرموز وحجم ولون الحدود له لتتماشى مع مدونتكم. وإن راقت لكم فيمكنكم استخدامها، وهذا هو الكود من قالب مدونتي المتواضعة.
<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>:
إذا كنت تفضل استخدام نص بدلا من الصورة استخدم هذا الكود:
مصدر الكود السابق مع بعض التعديلات ليتماشى مع اللغة العربية:
Adding A Floating “Back To Top” Button
أما كود كتابة تعليق فهو مجهود شخصي خاصة مكان الكود..
ثانيا: إضافة زر كتابة تعليق:-
الخطوات:
1- الذهاب إلى تحرير html. من التخطيط في لوحة التحكم الرئيسية أو الإعدادات..
2- التأشير على "توسيع قوالب عناصر واجهة المستخدم".
3- الضغط على Ctrl+F للبحث عن كود <p><data:post.body/></p>. إذا كنت تستخدم خاصية اقرأ المزيد ربما تجد هذا الكود مرتين، وما نقصد هو الكود الأول. بمعنى آخر الكود الذي سنضيفه يكون بين الأثنين..
4- إضافة الكود التالي مباشرة بعد كود <p><data:post.body/></p>:
وإذا كنت تفضل استخدام نص بدلا من الصورة استخدم هذا الكود:
ملاحظات:
- في حين استخدام الصور يفضل أن لا يزيد حجمها عن 30*30 بيكسل وأن يكون امتدادها png ليكون حجمها صغير.
- كل ما هو باللون الأخضر بالأكواد يمكن تغييره بأي لغة.
- يمكن التعديل على مكان الصورة أو النص من خلال bottom:#px;right:#px.
- كما يمكن تعديل نص العنوان title الذي يظهر عند وقوف مؤشر الفارة على الصورة أو النص.
- يمكن الاعتماد على بحث جوجل عن الصور للحصول على ايقونة كتابة تعليق أو الذهاب لأعلى الصفحة.
- أي اقتراح أو استفسار يرجى ذلك من خلال التعليق.
طريقة عمل مدونة ذات ملخص وقابلة للتوسعة read more
في هذه الخاصية، يمكنك اختيار عرض أي مقاطع من النص في بداية كل رسالة، كملخص لكل المقالة. وللقراء الذين يريدون تكملة الموضوع يمكنهم الضغط على رابط لرؤية النص الكامل. وهذا ملائم إذا كان لديك الكثير من المقالات الطويلة في كل صفحة واحدة. علما بأنه يجب عليك تمكين صفحات الرسائل للإستفادة من هذه الميزة. –هذا هو الأساسي default ولكن لا مانع من التأكد...
ولتمكين صفحات الرسائل إذهب إلى الإعدادت >> الأرشفة >> هل تريد تمكين صفحات الرسائل؟ >> نعم >> حفظ الأعدادات. أنظر الصورة...
ملحوظة: لمستخدم FTP/SFTP ربما يحتاج أدلة لمشاركاتهم مثل 2004, 2004/01, 2004/02، إلخ.
الخطوات الواجب اتباعها:
هناك ثلاث مقومات تدخل في هذه الميزة: conditional CSS، رابط "اقرأ المزيد" ورابط "الملخص فقط" لكل مشاركة، والتعديل في الرسائل التي تستخدم هذه الميزة. ولكن يجب أن تسبقهم خطوتين. لذلك دعونا نذهب للتطبيق خطوة خطوة.
1-توسيع قوالب عناصر واجهة المستخدم:
من "تخصيص" أو من "لوحة التحكم الرئيسية" إذهب إلى "التخطيط" ثم "تحرير html" ومنها أضغط على " توسيع قوالب عناصر واجهة المستخدم" لتظهر لك كل الاكواد. انظر الصورة...
2-تنزيل قالب كامل:
خطوة هامة جدا عند عمل أي إضافة أو تعديل على القالب، وهي نسخ كل الاكواد Ctrl+A ثم Ctrl+C وحفظها بملف نصي على الحاسوب الخاص بك، كما يمكنك الضغط على رابط " تنزيل قالب كامل" لحفظ القالب كاملا بصيغة XML، لكي تتمكن من العودة إليه ولصق ما نسخته أو "إيداع" ما رفعته، في حالة حدوث خطأ لا قدر الله. انظر الصورة السابقة...
3-Conditional CSS:
نبدأ العمل إذا، أبحث عن كود..............
في القالب، ويمكن البحث باستخدام Ctrl+F، واضف قبله هذا الكود كاملا من هذه الصفحة. قبله أي تؤشر بالفارة في بداية سطر الكود وتضغط enter لعمل سطر فارغ قبله تنسخ به الاكواد...
تحديث: أو من هنا مباشرة لربما تحذف الصفحة التي بها الكود:
<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 < 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 < 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 < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>
4-رابط "اقرأ المزيد" ورابط "الملخص فقط":
أبحث عن هذا الكود........................
وأنسخ وألصق التغيرات الملونة بالأحمر في هذه الصفحة (كن حريصا جدا على تجنب الأخطاء، وللإشارة ربما لا تظهر هذه الكلمة "uncustomized-post-template" في القالب ولكن لا بأس.
رابط "اقرأ المزيد" سوف يظهر فقط في الصفحة الرئيسية وصفحات الأرشيف، وسوف يجعل باقي الرسالة تنسدل للقارىء بالصفحة الرئيسية والتي تحتوي على النص الكامل لمقالتك، وبالأسفل رابط "الملخص فقط".
تحديث: يمكنك اتباع هذه الخطوات مباشرة بدلا من الصفحة السابقة
أ- ابحث عن هذا الكود...............
وأستبدله بهذا الكود
ب- ابحث عن هذا الكود................
وأستبدله بهذا الكود
<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-التعديل في الرسائل:
في الجزء الأخير كل ما نحتاج هو إضافة كود صغير في الرسالة الفعلية. كل رسالة تريد أن تعمل بها هذه الميزة يجب استخدام هذا الكود بالأسفل:
<span class="fullpost">
Type rest of the post here
</span>
في الواقع هذا الجزء يمكن وضعه في قالب الرسالة، إذا كنت لا ترغب بنسخه في كل مرة تنشأ رسالة جديدة. إذهب إلى "الإعدادات" > "التنسيق" وفي الأسفل سوف تجد "قالب الرسالة" انسخ وألصق الكود السابق ثم "حفظ الإعدادات". أنظر الصورة...
...الآن عند كتابة رسالة جديدة سوف يظهر لك أين تكتب الملخص وأين تكتب باقي الرسالة،
ومن المهم التأكد من أن /span في نهاية الرسالة. لضمان ذلك، استخدم "تحرير Html" بدلا من "تأليف" حين كتابة الرسالة، وبعد الكتابة يمكن الذهاب إلى "تأليف" وتغيير الخطوط والألوان وخلافه.
وللإشارة، يمكن أيضا تقسيم الرسائل القديمة إلى ملخص وكامل الرسالة، وذلك بتحرير الرسائل وإضافة الكود.
وللعلم، رابط "اقرأ المزيد" ورابط "الملخص فقط" لن يظهر إلا في الرسالة المقسمة بهذه الطريقة. وهذه ميزة ربما لن تجدها في الأكواد الأخرى.
ملاحظة، ربما تريد كتابة موضوع قصير بدون رابط "اقرأ المزيد" يمكنك عمل هذا ببساطة بحذف الكود عند تأليف الرسالة.
مزايا هذه الطريقة: ملخصات للتخصيص، بدلا من العنوان فقط. ويمكن تطبيقها على بعض الرسائل دون غيرها (على سبيل المثال: قد تريد هذا للرسائل الطويلة فقط)، بالأضافة إلى رابط "الملخص فقط"، وانسدال باقي الموضوع في نفس الصفحة الرئيسية.
العيوب: يتطلب تغييرات في الرسائل نفسها، وليس القالب فقط، ومع ذلك، فإن رابط "اقرأ المزيد" يمكن وضعه في قالب الرسالة ليظهر دائما. وكذلك مشكلة واجهتني بسبب اللغة العربية في تنسيق النص ونهاية الملخص، ومع ذلك يمكن التغلب عليها بعد معرفة html جيدا.
المراجع:
Blogger Help
Peter
Ramani
تحديث:هذا المصدر تقريبا تم حذف المدونة"hackosphere.blogspot" لهذا تم تحديث الموضوع
يمكن نسخ ونقل الموضوع ونشره وتوزيعه لغير الأغراض التجارية^_^ بشرط ادراج رابط مباشر للمصدر وللمؤلف.
تم نشر الموضوع لأول مرة بتاريخ 30/7/2009
عرض flash وخلفية موسيقية بمشاركاتك بالمنتديات والمدونات
قالوا أن الصور تتكلم! فما بالكم بالفلاشات!!
وكذلك الموسيقى العذبة التي لها تأثير السحر، والأروع عندما تكون خلفية لقصيدة أو خاطرة وغيرها كمؤثرات صوتية من باب الموسيقة التصويرية^_^
بالتأكيد سوف تحتاجون لها في منتدياتكم أو مدوناتكم وخاصة عندما تكون صادرة من سرحان في عالم الخيال والبساطة والدقة^_^
إليكم الطريقة البسيطة والسريعة والحصرية بالصور التفصيلية بدون أي برامج أوخلافه!!
نبدأ سويا خطوة خطوة وبالصور التوضيحية، سيبدوا أن الموضوع طويلا بسب الصور ولكنه في غاية البساطة والروعة بالنهاية -أوهكذا أرجو-
أ- تحويل الملف إلى صيغة الفلاش:
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 بالفايرفوكس والجوجل كروم، أترككم مع الأكواد وهي تشرح نفسها بنفسها،
الكود الأول:
رائع ويصلح للخلفيات وقد جعلت هنا الطول والعرض 0.5 للإشارة ويمكن جعلها 1 بيكسيل.
الكود الثاني:
تم تجربته وهو يعمل بطريقة جيدة، ولكن لا أنصح به في الخلفيات لانه يظهر إطار حول الفلاشة. فسوف تظهر نقطة صغيرة جدا عند تصغير الطول والعرض، وشخصيا جربت عمل loop=true ولكن لم يسمح بتكرار الفلاشة بعد الإنتهاء...
الكود الثالث:
<param name="movie" value="title">
<embed src="here direct link flash" width="#" height="#"></embed>
</object>
وهذا هو الذي اعتمدته هنا حيث أنه به object تاج و embed تاج
لاحظ أنه يمكن الإستغناء عن object تاج ولكنه موصى به من قبل الاكسبلورر وغيره ليعطي الفرصة للمتصفح الذي لم يحصل على مشغل فلاش أن يحمل مشغل الفلاش، ليتمكن من رؤيته.
ولا حظ أيضا أنه يمكنك التعديل على الطول والعرض الذي رمزت له بـ # حسب طول وعرض الفلاشة الحقيقي، كما يمكنك التعديل عليه كليا مثلا لتجعله رقم صغير جدا حتى لا ترى الفلاشة وتكون خلفية موسيقية، كما يمكن إلغاء الطول والعرض وستظهر بأبعاده افتراضية ربما تكون موافقة للأبعاد الحقيقية، ولكن تجدر الإشارة هنا إلى عرض مدونتك نفسها ولكن لا مشكلة فبلوجر سوف تتعامل مع الموقف وتظهره حسب عرض إستايل المدونة؛؛؛
نصيحتي لكم هي انتقاء الفلاشات والخلفيات الموسيقية خاصة، فيُحبذ أن تكون مناسبة لكل الأذواق فربما يكون المتصفح يسمع شيء آخر أثناء تصفحه، أو ربما لا تعجبه الموسيقى ولا يمكنه التحكم بها فيفر هاربا أو يغلق السماعات أتمنى أن لا تفعلوها هنا^_^، ربما يريد البعض أن تستمر الموسيقى أو الفلاشة بالعرض بعد انتهائها، ولكن هذه الميزة ليست موجودة هنا وتتوقف على الفلاشة نفسها، وشخصيا أفضلها هكذا دقيقتين او ثلاث وتنتهي ولمن أراد سماعها مرة أخرى فعليه بتحديث الصفحة..
لكم تحياتي وخالص أمنياتي
عرض وإخفاء أو حذف الشريط العلوي navbar trick
الجدير بالذكر أن كثيرا من المدونات قد أخفى المدونون فيها الشريط العلوي navbar لإعطاء المدونة مظهر جمالي، وهو أمر غير مستحب من ناحية بلوجر أو جوجل، بالطبع لن يعاقبوا من يحذف هذا الشريط ولكن من باب العرفان بالجميل حتى والإمتنان والشكر لخدمة بلوجر المجانية، ويمكن العوض عن الشريط العلوي في حين تم حذفه باضافة شعار بلوجر مثلا من خلال إضافة اداة

حذف الشريط العلوي:
على كل حال إذا كان هذا الشريط لا يتناسب تماما مع القالب لديك أو لا ترغب به، فهنا طريقة لإخفاء الشريط العلوي navbar تماما بخطوات سهلة وكود بسيط:
1- من لوحة التحكم الرئيسية إلى التخطيط ثم إلى تحرير html ولا تنسى حفظ نسخة من القالب بداية....
2- اضغط Ctrl+F للبحث عن Updated by: Blogger Team ستجد خط فاصل تحتها
3- انسخ هذا الكود أسفل الخط مباشرة
#navbar-iframe {
display: none !important;
}
سوف تكون النتيجة مشابهة لهذه الصورة
4- يفضل دائما عمل معاينة القالب وسوف تجد الشريط العلوي اختفى، ومن ثم حفظ القالب. وانتهى
عرض واخفاء الشريط العلوي:
هذه طريقة أخرى لاخفاء الشريط العلوي ولكنه سيظهر عند وقوف مؤشر الفأرة عليه. وهي الطريقة الأفضل من باب الشكر والإمتنان لبلوجر، وكذلك لما بالشريط العلوي من مهام مثل البحث في المدونة وغيرها..
لاحظ الصورة المتحركة لتوضح وظيفة ما سنقوم به..
هذه الطريقة تصلح لمن لديه الشريط العلوي 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
لكتابة كود بمدونات بلوجر ينبغي بعض التعديلات على الكود وهذا ما سوف نقوم به،
نغير > إلى

ونغير < إلى

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


بعد عمل التعديلات السابقة ننسخ الكود بالشكل الجديد ونضعه في تحرير html أفضل من تأليف للتحكم بمحاذة النص وخلافة، وسوف يظهر عند المعاينة بالشكل المطلوب، وهذا هو كود عمل scroll box سوف أضعه خارج الصندوق هكذا
وهذا نفس الكود قمت بوضعه بالصندوق
للإشارة يمكن التعديل على طول وعرض الصندوق وكذلك لون الخلفية به...
وللعلم يمكن عمل التعديل على الكود من خلال هذه الأداة
Encode Decode HTML
كما يمكن عمل scroll box بواسطة هذه الأداة
scroll box generator
المصدر: Peter
لكم تحياتي واتمنى لكم الفائدة المرجوة





