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

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

ما أقصده باضافة رابط مختصر للمواضيع في بلوجر تلقائيا تحت كل موضوع  أي أنه سيتم اختصار رابط أي موضوع جديد تضيفه في مدونتك تلقائيا من موقع 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

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

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

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

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