مدونة معاون

اضافة مكتبة بوتستراب لمدونة بلوجر وموقع خاص

سنشرح اليوم كيفية اضافة مكتبة بوتستراب لمدونة بلوجر ، وهذه المكتبة ظهرت في سنوات الاخير ، مع العديد من مكتبات الاخرى التي تساعد المصمم و مبرمج في الاستفادة منها وتسهل عليه البرمجة وتصميم كما انها تختصر عليه الوقت وتغنيه عن كتابة اكواد كثيرة. ومن بين هذه المكتبات مكتبة الفونت أوسم والتي تقدم لك الكثير من ايقونات المجانية. ولا ننسى مكتبة الجي كويري التي يعتمد عليها الكثير من مطورين بل فقد بنيت عليها مكتبة البوتستراب التي سنشرحها اليوم.

اضافة مكتبة بوتستراب لمدونة بلوجر وموقع خاص

كيفية اضافة مكتبة بوتستراب:

* ماهي مكتبة بوتستراب: كان اسمها في السابق تويتر بوتستراب. ولقد تم إنشاء هذه المكتبة لمساعدة المصممين على تصميم منتجات رائعة و بسرعة، وهي مصممة بواسطة html ، css ، javascript ، وكان تابعة لشركة التويتر ، لكن سرعان ما اصبح هذا المشروع يكبر وبدأ في التوسع حتى استقل عن التويتر واصبح يعرف باسمه اليوم ، وطبعا يجب ان لا تنسى ان بوتستراب مبني على جي كويري ولا تشتغل الا به.


* مميزات مكتبة بوتستراب: هناك العديد من مميزات لهذه المكتبة نذكر منها:

- سهلة الاستخدام.

- التوفق مع جميع المتصفحات.

- خفيفة ومرنة وسريعة التحميل.

- تصميم موقع متجاوب (Responsive) بشكل تلقائي.


* كيفية استخدام مكتبة بوتستراب: توجد طريقتين لأضافة هذه المكتبة وهما.

- في حال كنت تصمم موقع بدون استخدام الانترنت فيجب عليك تحميلها في ملف خارجي. ثم يجب عليك استدعاء مكتبة الجي كويري.

- اما في حال كنت تصمم باستخدام الانترنت او تصمم قوالب لمدونات بلوجر قم باتباع الخطوات التالية.

قم بالبحث عن الوسم التالي.

</head>

عند ايجاده ضع فوقه الأكواد التالية.

<link href='http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css' rel='stylesheet'/>

<link href='http://cdn.rawgit.com/morteza/bootstrap-rtl/master/dist/cdnjs/3.3.1-rc2/css/bootstrap-rtl.min.css' rel='stylesheet'/>

<!-– jquery js, bootstrap js -->

<script src='http://code.jquery.com/jquery-1.11.0.min.js'/>

<link href='http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js' rel='stylesheet'/>

* الكود الاول والذي هو بلون الأحمر هو كود css الخاص بمكتبة بوتستراب ويجب ان يتواجد في قالب اذا كنت تصمم بالبوتستراب.

* الكود الثاني والذي هو بلون البرتقالي هو كود css الخاص بمكتبة بوتستراب والذي يقوم بتغير اتجاهات من شمال الى اليمين وتستعمل هذا الكود في حال كنت تصمم موقع عربي ، اما اذا كان موقعك انجليزي فيمكنك حذف هذا الكود.

* الكود الرابع والذي هو بلون البنفسجي هو كود الخاص بمكتبة الجي الكويري. وفي حال كان يوجد في مدونتك يمكنك حذفه.

* الكود الخامس والذي هو بلون الأسود هو كود خاص بالجافا الخاص بمكتبة بوتستراب ، ويجب ان يتواجد في المدونة.


كان هذا كل شيء بالنسبة لشرح اليوم ، اذا كان لديك اي استفسار او اي مشكل لا تتردد في تركه في تعليق ، او اتصال بنا وسنرد عليك في اقرب وقت ، واخر الكلام.