لا تتردد في الإكتشاف...
 |
| من لوحة تحكم مدونتك إذهب إلى قالب |
 |
| ثم إضغط تحرير HTML |
]]></b:skin>وذلك بالضغط على Ctrl + F ثم ضع فوقه مباشرتاً هذا الكود :
.feed-links{display:none !important;}ليبقى اخيراً هكذا :
 |
| هذا هو شكل الآداة التي نتحدث عنها |
 |
| من لوحة التحكم إختر التخطيط |
 |
| ثم إختر المكان في مدونتك واضغط على إضافة آداة |
 |
| إختر HTML/JavaScript |
 |
| ثم ضع الكود التالي في الجزء الاصفر هذا ثم إضغط حفظ |
<script type="text/javascript">استبدل هذا الرقم الأحمر برقم حسابك على جوجل بلس
(function(){window.___gcfg={'lang':'ar'};
var po=document.createElement('script');
po.type='text/javascript';
po.async=true;
po.src='https://apis.google.com/js/plusone.js';
var s=document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po,s);
})();
</script>
<div class="wc-gplusmod">
<div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/108292020330642658594?prsrc=2" data-source="blogger:blog:followers" data-width="290"/>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
 |
| بعد الدخول على رابط الآداة ستجد الموقع كهذذا إضغط على Add to Firefox |
 |
| ثم انتظر حتى يكتمل التحميل |
 |
| حتى تأتي هذه النافذة و اضغط Install Now |
 |
| بعد الضغط على تثبيت الاداة ستجدها هنا بهذا الشكل |
 |
| ستجد الاداه هكذا في اسفل الموقع مقسومة نصفين النصف الاكبر هو كتابة الـ HTML و XML النصف الاصغر هو كتابه CSS |
 |
| انظر لهذا المربع الذي يتخلله سهم صغير, كل شغلنا سيكون من هذا المربع اضغط عليه وجرب الوقوف على اي شئ في المدونة |
 |
| انا وقفت على عنوان موضوع انظر ,, تم تحديده بإطار ازرق اضغط عليه الان وانظر لمكان الاداة |
 |
| انظر جيداً 1- هو مكان العنوان في صفحة html 2- هو مكان العنوان في صفحة CSS |
 |
| انظر هنا ,, ضغطت على فونت حتى اعدل على اي شئ اريده وانفترض انني اريد تكبير الفونت؟؟ سأقوم بتغيير الرقم 18 الى 30 وننظر في الصورة التاليه |
 |
| تم تكبير العنوان |
 |
| قُم بالضغط على عنوان الكود الذي هو رقم واحد ثم اضغط عليه كليك يمين وانسخه من كوبي رقم اتنين وابحث عنه في المدونة وقم بتعديل ما تريد |
<b:skin><![CDATA[اما في المواقع والمدونات الآخرى وايضاً بلوجر يتم استخدام الآكواد بالشكل التالي:
body {
background: #00CCFF;
margin: 0;
padding: 0;
color: #333333;
font: normal normal 14px 'Droid Arabic Naskh',Arial,Tahoma,Sans-Serif;
text-align: center
}
a:link,a:visited {
color: #13A7DA;
text-decoration: none;
outline: none;
}
a:hover,a:active {
color: #292929;
text-decoration: none;
outline: none;
}
]]></b:skin>
<style type='text/css'>ما هي القاعدة الثابتة في كتابة أكواد CSS ؟ التالي ..
body {
background: #00CCFF;
margin: 0;
padding: 0;
color: #333333;
font: normal normal 14px 'Droid Arabic Naskh',Arial,Tahoma,Sans-Serif;
text-align: center
}
a:link,a:visited {
color: #13A7DA;
text-decoration: none;
outline: none;
}
a:hover,a:active {
color: #292929;
text-decoration: none;
outline: none;
}
</style>
<div id='welcome'>to MiniSoft</div>
نلاحظ أن id اصبح ( # ) وكتبت بجانبه welcome لأنها مكتوبة بجانب id في صفحة HTML#welcome {color: #000000 ;font: normal normal 12px Tahoma, Geneva, sans-serif;}
<div class='mini'>soft</div>-class مكتوب في صفحة CSS
.mini {نلاحظ أن class اصبح نقطة ( . ) و كتبت بجانبها mini لأنها مكتوبة بجانب class في صفحة HTML
background-color: #CC0000;
text-align: center;
}
<div class='mini'>ميني سوفت على تويتر</div>كل هذه الوسوم المتشابهه تكتب في صفحة CSS هكذا:
<div class='mini'>ميني سوفت على جوجل كروم</div>
<div class='mini'>ميني سوفت ع الفيس بوك</div>
.mini {.إذاً فهمنا أن الوسم هو الملون و الذي يوجد بداخله كلمات كما رأينا, هذا بعكس المعرف id لا يمكن ان يتكرر نفس الوسم في نفس الصفحة او القالب كاملاً,,,
background-color: #CC0000;
text-align: center;
}
 |
| بمجرد دخولك للموقع ستجد هذه النافذة 1- اكتب مثلاً تعليقات الفيس بوك 2- اكتب اي شئ بالانجليزية 3- اتركها اخرى 4- اضغط متابعة |
 |
| اكتب ما تراه امامك في هذا المربع ثم إضغط متابعه |
 |
| ستنتقل الى هذه الصفحة إضغط على Edit App |
 |
| بعد ذلك تنتقل الى هذه الصفحة وهي المهمة 1- أكتب دومين بلوجرblogspot.com إن كنت صاحب موقع واسمه مثلاً ahmad فأكتب ahmad.com 2- اجعل هذه معطلة 3- اضغط هنا ثم اكتب في الخانه رقم 4 اسم موقعك كاملاً 5- اضغط حفظ التغييرات |
 |
| ثم إحفظ الرقم الذي تجده في هذا المكان لأننا سوف نحتاجه |
 |
| من لوحة تحكم مدونتك إختر قالب |
 |
| ثم إختر تحرير HTML |
<HTML
<HTML prefix='og: http://ogp.me/ns#' xmls:fb='http://ogp.me/ns/fb#'
</body>
<div id='fb-root'/><script>window.fbAsyncInit = function() {FB.init({xfbml: true, appId: كود الفيس بوك });};(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/ar_AR/all.js'document.getElementById('fb-root').appendChild(e);}());</script>
<div class='comments' id='comments'>
الآن ابحث عن الوسم <head> ثم ضع تحته هذا الكود<b:if cond='data:blog.pageType == "item"'><div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/><fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/></div></b:if>
<!--Start Metadata Facebook -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='اسم المدونة مع وصف قصير ' property='og:site_name'/>
<meta content='صورة 256×256 تعبر عن مدونتك' property='og:image'/>
<meta content='كود الفيسبوك' property='fb:app_id'/>
<meta content='معرف حسابك ع الفيسبوك' property='fb:admins'/>
<meta content='website' property='og:type'/>
<meta content='article' property='og:type'/>
<!-- Metadata Facebook End -->
 |
| 1- اضغط على اسم حسابك كما بالصورة 2- ستجد الاسم هكذا |
{ما يهمنا هو هذا الكود الملون بالاحمر وهو معرف حسابك , ضعه في مكانه الذي اشرنا اليه ثم انتقل الى هذا الرابط ( هنا ) واتبع التالي:
"id": "100004490551583",
"name": "\u0645\u064a\u0646\u064a \u0633\u0648\u0641\u062a",
"first_name": "\u0645\u064a\u0646\u064a",
"last_name": "\u0633\u0648\u0641\u062a",
"link": "http://www.facebook.com/Min0oSoft",
"username": "Min0oSoft",
"gender": "male",
"locale": "ar_AR"
}
 |
| سيفتح معك الرابط صفحة بها كلمة الإعدادات كما ترى |
 |
| تفتح امامك هذه النافذة فاتبع التالي 1- اذا كان اسمك على الفيسبوك عربي او انجليزي اكتب اول حرف فقط وسيظهر قائمة بأسمك واسماء اصدقاءك اختر اسمك 2- لتجده في الخانه رقم 2 كما هو موضح 3- ضع اشارة هنا 4- اختر بالتوقيت الزمني 5- اضغط حفظ |
 |
| افتح القالب بواسطة البرنامج ثم إضغط Ctrl + F سوف تظهر هذه النافذة ,, في الخانة رقم واحد أكتب left ثم انتقل لكلمة mark وانظر الصورة التالية |
 |
| بعد الإنتقال لكلمة mark اضغط على mark all كما بالصورة |
 |
| بعد الضغط على mark all ستجد عدد ظهر بالاسفل كما بالصورة هو عدد الكلمات التي ظللت بسبب الضغط على mark all |
 |
| ستجد كلمة left قد ظُللت جميعها ولكن لن نقوم بتغييرها الى right مباشرتاً بل انظر الصورة التالية |
 |
| سوف نقوم بتغيريها الى yemen مثلاً ثم كرر نفس العملية ولكن بحثاً عن كلمة right ثم حولها الى left ثم كرر نفس العملية بحثاً yemen استبدلها بـ right |
 |
| هذه هي الرساله التي سنقوم بإخفاءها |
 |
| اذهب الى لوحة تحكم القالب ثم اختر قالب |
 |
| ثم اضغط تحرير HTML |
 |
| ثم انظر في اول القالب ستجد هذه الكلمة وبجاورها السهم الاسود اضغط عليه وهذا الجزء هو الذي يحتوي على اكواد CSS |
 |
| ثم انظر ستجد أنني اضفت هنا كود مُظلل بالاصفر سأضع لك الكود وضعه في نفس المكان |
.feed-links {display:none !important;}
 |
| ثم اضغط حفظ القالب |
 |
| هذا هو الشريط المقصود |
 |
| من لوحة التحكم الخاصة بالمدونة إذهب الى قالب ثم إضغط على تحرير HTML |
 |
| ستجد القالب بالشكل التالي انظر السطر المُظلل بالاصفر ستجد بجانبه سهم صغير اسود اضغط عليه حتى يتم توسيع هذا الجزء |
 |
| بعد التوسيع ستجد القالب اصبح بهذا الشكل انظر الجزء الذي ظُلل بالاصفر ضع تحته هذا الكود |
#navbar-iframe,#navbar {display: none !important;}
 |
| لتصبح هكذا ثم اضغط حفظ القالب |
