الجمعة، 30 سبتمبر 2011
طريقة اضافة مقطع من اليوتيوب الى مدونة بلوجر
الخطوة الأولى : توجه إلى الموقع الشهير الـ YouTube والبحث عن المقطع الذي تريده :
الخطوة الثانية : هناك أسفل الفيديو خيار يسمى "Embed" " تضمين " نقوم بالضغط عليه :
الخطوة الثالثة : إختيار أبعاد الفيديو الذي تود أن يكون عليها الفيديو عند عرضه على مدونتك :
ومن ثم ننسخ الكود الموضح أعلى الصورة .
الخطوة الرابعة : التوجه إلى صندوق الإرسال في مدونتك , ومنه إلى تبويبة "تحرير HTML" :
الخطوة الخامسة : نسخ الكود الذي قمنا بالحصول عليه من موقع الـ YouTube في صندوق الإرسال في وضح "تحرير HTML" :
الخميس، 29 سبتمبر 2011
طريقة اضافة مقطع من اليوتيوب يعمل تلقائيا في مدونة بلوجر
طريقة جعل مقطع الـ Youtube يعمل تلقائيا ً في تدوينات Blogger
تم سؤالي عن هذه النقطة , كيف يمكن أن نضع فيديو من اليوتيوب في إحدى التدوينات وبمجرد فتح الموضوع يتم تشغيل الفيديو تلقائيا ً , الأمر بسيط جدا ً , في درسنا هذا سنتعلم طريقة وضع فيديو من اليوتيوب يتم تشغيله تلقائيا ً بمجرد فتح الموضوع .
الخطوة الأولى : التوجه إلى موقع الـ YouTube وإختيار إحدى المقاطع التي نود وضعها على مدونتنا , يمكن مراجعة طريقة إضافة مقطع من اليوتيوب إلى مدونات Blogger من خلال الرابط التالي :
طريقة اضافة مقطع من اليوتيوب الى مدونة بلوجر
الخطوة الثانية : بعد نسخ الكود في صندوق الإرسال تحديدا ً في "تحرير HTML" نقوم بإجراء التعديلات التالية :
اللون الأزرق يدل على رابط المقطع , واللون الاحمر يدل على الإضافة التي يجب إضافتها لكي نتم درسنا بنجاح .
<object width="640"
height="385"><param name="movie" value="http://www.youtube.com/v/kFHee0QTLz0?fs=1&hl=fr_FR &autoplay=1"></param><param name="allowFullScreen"
value="true"></param><param
name="allowscriptaccess"
value="always"></param><embed src="http://www.youtube.com/v/kFHee0QTLz0?fs=1&hl=fr_FR&autoplay=1" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true"
width="640" height="385"></embed></object>
اللون الأزرق يدل على رابط المقطع , واللون الاحمر يدل على الإضافة التي يجب إضافتها لكي نتم درسنا بنجاح .
اضافة قائمة جانبية لمدونة بلوجر
افضل
قائمة جانبية لمدونة بلوجر
انا استخدمها في مدونتي
انا استخدمها في مدونتي
- إذهب إلى التصميم >> تحرير HTML
ضع علامة عند توسيع القالب ثم
ضع علامة عند توسيع القالب ثم
- إحفظ نسخه إحتياطيه من
قالبك
إبحث عن الكود التالى
باستخدام ctrl-f
]]></b:skin>
- ثم
قبله تماماً أضف الكود التالى
#menu6 ul { list-style: none; margin: 0;
padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px;
} #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica,
sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF;
height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited {
color: #8D9179; display: block; background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZX4hC4-ZWckR1HPDcU41E4i71GjKep2fdQd2LajryCQfWd1t-yAr9R2PU83yamoCsoS8ejq5Wvw489vtdUZyMoGwVxvasK9Ka8iGCzyvs9H6wWW_3o5mZ2GzXns3FlVwpfXQEPcH8Kx4/);
padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li
a:active { color: #6C7250; background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZX4hC4-ZWckR1HPDcU41E4i71GjKep2fdQd2LajryCQfWd1t-yAr9R2PU83yamoCsoS8ejq5Wvw489vtdUZyMoGwVxvasK9Ka8iGCzyvs9H6wWW_3o5mZ2GzXns3FlVwpfXQEPcH8Kx4/)
0 -32px; padding: 8px 0 0 10px; }
- ثم قم بحفظ القالب
- إذهب إلى التصميم >>
عناصر الصفحه >> إضافة أداه >> HTML JAVASCRIBT
- ضع بها الكود التالى
<div id="menu9"> <ul> <li><a
href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>
*** ملحوظه
* إستبدل كل ما هو بالأحمر برابط الصفحه
* إستبدل كل ما هو بالأزرق بعنوان الصفحه
* لاضافة صفحه أو إزاله صفحه فقط أضف أو قم بمسح الأتى
<li><a href="#">Link</a></li>
الاثنين، 26 سبتمبر 2011
الاشتراك في:
الرسائل (Atom)