التخطي إلى المحتوى الرئيسي

اضافة رابط مختصر للمواضيع في بلوجر تلقائيا تحت كل موضوع

السلام عليكم ورحمة الله وبراكته


ما أقصده باضافة رابط مختصر للمواضيع في بلوجر تلقائيا تحت كل موضوع  أي أنه سيتم اختصار رابط أي موضوع جديد تضيفه في مدونتك تلقائيا من موقع bitly.com و حتى لو ذهبت الى حسابك في bitly.com  ستجد روابط مختصرة لمواضيعك الجديدة فلن يبقى لك سوى خطوة النشر , اضافة الى أن تحت كل موضوع سيضهر رابط مختصر خاص به و طبعا للروابط المختصرة أهمية  كبيرة في موقعك 

اذا أولا و من الضروري أن يكون لديك حساب في bitly.com و يمكنك انشاء حساب بسهولة فقط عبر الدخول الى الرابط التالي 
https://bitly.com/a/sign_up 
بعد ذالك يمكنك انشاء حساب اما عن طريق التويتر أو الفيسبوك أو بطريقة عادية 

الان بعد أن قمنا بانشاء حساب جديد ستقوم بالذهاب الى لوحة تحكم مدونتك ثم الى قالب ثم تحرير HTML
بعد ذالك ستقوم بالبحث عن </ head>
بعد ايجاده قم باضافة الكود التالي فوقه مباشرة قم بالضغط هنا لرأية الكود
بعد تطبيق هذه الخطوة قم بالبحث عن YOURUSERNAME و غييرها باسم حسابك ثم ابحث عن YOURAPIKEY 
و غييرها  بال APIKEY الخاص بحسابك و يمكنك ذالك فقط عبر الضغط على settings


بعد ذالك نتوجه الى advanced وننزل الى الأسفل قليلا لنجد ال User Name و ال API Key الخاص بنا

الان بعد ملئ المعلومات نقوم بالبحث عن

]]></ b:skin>

بعد ايجاده نقوم باضافة فوقه


#shoternUrl { margin: 20px 0 20px 0; } #shorturl { float: right; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 10px -3px rgba(0, 0, 0, 0.5); float: right; background: #364581; padding-top: 10px; width: 100%; color: #FFF; font-size: 11px; }


بعد ذالك تقوم بالبحث اما عن
post-footer-line post-footer-line-1
أو
post-footer-line post-footer-line-2
أو
post-footer-line post-footer-line-3

لأن القوالب مختلفة لذالك ستجربها كلها وتختار التي تناسبك

تحته مباشرة تقوم باضافة الكود الاتي


عليك اعادة كتابة الكود , احرص على كتابته كتابة صحيحة و مبروك عليك الاضافة


كلمة شكرا تكفيني


تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

اضافة اداة المشاركه عبر المواقع الاجتماعيه تحت كل تدوينة

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

كيف تستفيد من أداة Inspect Element في جوجل كروم

Inspect Element هي أداة توجد في متصفح جوجل كروم وهي أداة وضعت خصيصا لمطوري الويب أو web devloper فيها العديد من المميزات لمساعدة مطور الويب في عمله و لهدا سأريك في هدا الدرس أهم الاستعمالات لأداة Inspect Element  كيف تستفيد من أداة Inspect Element في جوجل كروم  نافذة Elements من هده القائمة يمكنك مشاهدة جميع عناصر الصفحة و أكواد ال css الخاصة بكل عنصر ,ويمكنك التعديل عليها حسب ذوقك ادا كنت تتقن ال HTML و CSS  نافذة Sources هده النافذة تمكنك من مشاهدة مصادر موقعك التي تتمثل في السكريبتات  و كل ما يتصل به موقعك نافذة Resources هده النافذة تقوم باضهار موارد موقعك و أقصد بموارد هي الصور و السكريبتات و ال Stylesheets فعبر فتح ملف Frames يمكنك أن تشاهد الصور والسكريبتات و ال Stylesheets الخاصة بأي موقع أو مدونة  نافذة console  وهي وحدة تحكم المدونة أو الموقع يمكنك القاء أوامر للموقع أعطيك مثال على ذالك تلك الخدع التي تراها في الفيسبوك عن طريقة اختراق أي حساب أو فتح كامرا أي شخص ... فتلك الخدع تعمل بواسطة console وتلقي أوامر

كود Html تكبير الصورة بمرور الماوس عليها

السلام عليكم و رحمة الله وبراكته HTML اليوم أردت أن أقدم لكم اضافة لمدوناتكم و هي عبارة عن كود و هدا الكود يقوم بتكبير صورة بطريقة جميلة وبمجرد مرور الماوس عليها معاينة مرر الماوس على هده الصورة  تكبير الصورة بمرور الماوس عليها Htmlكود   تكبير الصورة بمرور الماوس عليها < image src = "رابط الصورة"  onmouseover = "this.height='300';this.width='300'"   onmouseout = "this.height='200';this.width='200'"  height = "200"  width = "200" > الكلمات الدلالية HTML الماوس صورة