المشاركات

عرض الرسائل ذات التصنيف اضافات

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

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

إضافة مربع البحث لبلوجر باكثر من شكل مختلف

صورة
بسم الله الرحمن الرحيم | السلام عليكم ورحمة الله وبركاتة لا نختلف أن  إضافة  مربع البحث لمدونتك مهم جداً لانه يسهل كثيراً على الزائر فى البحث عن شئ  أضافت هذة التدوينة وغير ذلك إنها خصصت أكثر من شكل مختلف لكى يناسب ويتناسب مع الجميع 6 اشكال مختلفة إختر ما يناسبك والآن دعنا نعرض عليك الأشكال وطريقة  التركيب . كالعادة تقوم بالدخول إلى الصفحة الرئيسية   لبلوجر   (لوحة التحكم) إختر التخطيط ثم إضافة اداة جافاسكريبت وتضع بها الكود الخاص بالشكل الذى تريدة <style> #searchbox {     background: #d8d8d8;     border: 4px solid #e8e8e8;     padding: 20px 10px;     width: 250px; } input:focus::-webkit-input-placeholder {     color: transparent; } input:focus:-moz-placeholder {     color: transparent; } input:focus::-moz-placeholder {     color: transparent; } #searchbox input {     outline: none; } #searchb...