الأحد، 30 أبريل 2017

كيفية إزالة أداة تدعمه بلوجر

تحتوي قوالب بلوجر على أداة تسمى " تدعمه بلوجر" "Powered by Blogger"  في تخطيط النموذج الافتراضي.
ولا يمكن إزالة الأداة ببساطة لأنها مقفلة افتراضيا. 
و لإزالتها، يتوجب علينا فتح هذه الأداة و هذا شيء في غاية السهولة. 
في هذا الدرس التعليمي القصير سوف نتعلم كيفية إزالة أداة " تدعمه بلوجر" من قوالبنا إن شاء الله.
كيفية إزالة أداة "Powered by Blogger".

سوف نقترح عليكم طريقتين لإزالة هذه الأداة و هما:

الطريقة الأولى: 

و تعتبر هذه الطريقة من أسهل الطرق التي يمكن لأي كان تنفيذها، بحيث تسمح لك بإخفاء هذه الأداة التي تظهر على مدونتك. 
و إليكم الخطوات التي يجب تنفيذها من أجل ذلك. 
إذهب إلى لوحة تحكم مدونتك.  
     1- المظهر. 
     2- تحرير الـــHTML. 
     3- ثم نبحث عن </head>... يمكنكم استعمال (Ctrl +F) من أجل البحث في القالب.  

     4- ثم نضيف الكود التالي أسفل الـــ </head>
<style>
#Attribution1 {
display: none;
}
</style>
     5- ثم قم بحفظ القالب.

الطريقة الثانية: 

فيما يلي نقترح عليكم الطريقة الثانية، و هذه الطريقة تسمح لنا بحذف نهائيا هذه الأداة من قالب بلوجر.
و إليكم الخطوات التي يجب تنفيذها من أجل ذلك. 
إذهب إلى لوحة تحكم مدونتك.  
     1- المظهر. 
     2- تحرير الـــHTML. 
     3- ثم نبحث عن الكود أسفله... يمكنكم استعمال (Ctrl +F) من أجل البحث في القالب.  
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
     4- الأن نقوم باستبدال كلمة 'true' بكلمة 'false' 
     5- ثم قم بحفظ القالب.

و هكذا نكون قد قمنا بإخفاء أو حذف الأداة من قوالب بلوجر بطريقة صحيحة.

نحن في انتظار تعليقاتكم و إن واجهتكم أي مشكلة فنحن رهن الإشارة دائما.

السبت، 1 أبريل 2017

تثبيت أداة في مكان خاص على بلوجر


نقدم لكم في درسنا هذا إن شاء الله كيفية تثبيت أداة من أدوات بلوجر في مكان ثابت.
لأننا بمجرد إضافة أداة، فإنها سوف تظهر على جميع صفحات المدونة بما في ذلك الرئيسية، أو صفحات الرسائل...
و إذا أردنا إظهار إحدى الأدوات مثلا فقط على الصفحة الرئيسية أو على صفحات رسائل المدونة...
فإن الطريقة جد سهلة إن شاء الله.
من أجل ذلك، يجب أن تحمل هذه الأداة إسم خاص بها و مميز لها من إجل تسهيل عملية البحث عن هذه الأداة في كود الــHTML.
و بعد تنفيذ هذه العملية، يمكنكم بعد ذلك حذف أو تغيير إسم الأداة.
و حتى لا نطيل عليكم، إليكم الطريقة:
نذهب إلى المظهر (القالب) "تحرير قالب بلوجر" ثم Ctrl+F و نبحث عن
<b:widjet id
هكذا سوف تتمكنون من تحديد مكان كل الأدوات التي تمت إضافتها إلى بلوجر.
و هنا يجب عليكم تحديد الأداة المراد تثبيتها في مكان خاص على المدونة... (مثلا:أداة إعلانات أدسنس، أو أداة التسميات...).
بحيث سيكون كود الأداة على الشكل الآتي:
<b:widget id='HTML3' locked='false' title='هنا ستجد إسم الأداة' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget> 
الآن بمجرد تحديد الأداة المعنية بالأمر
من أجل إظهار هذه الأداة على الرئيسية فقط، نقوم بإضافة السطرين بالأحمر كما هو موضح في الكود أسفله:
<b:widget id='HTML3' locked='false' title='هنا إسم الأداة' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 
من أجل إظهار الأداة على جميع الصفحات باستثناء الصفحة الرئيسية،
<b:widget id='HTML3' locked='false' title='هنا إسم الأداة' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 
من أجل إظهار هذه الأداة فقط على صفحة معينة من المدونة نستعمل الكود:
<b:widget id='HTML3' locked='false' title='هنا إسم الأداة' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "أضف هنا رابط من روابط مدونتك_http://..."'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget> 
يجب إضافة الأكواد باللون الأحمر فقط.

الاثنين، 27 مارس 2017

تعليقات بلوجر بشكل احترافي رائع

نقدم لكم اليوم إن شاء الله درس حول تغيير شكل تعليقات بلوجر، بحيث سوف نجعله بشكل رائع و جميل كما توضح الصورة أسفله. 
و بطبيعة الحال، لِمن لديه دراية جيدة بخصوص الـــ CSS و الــHTML، يمكنه تغيير نوع الخط و ألوان الخطوط كما يشاء. 
المرحلة الأولى : ضبط إعدادت التعليقات المترابطة من لوحة التحكم.
قم بتسجيل الدخول إلى لوحة التحكم الخاص بمدونتك بلوجر.
ثم توجه إلى إعدادت.
بعد الدخول إلى إعدادات في القائمة الجانبية أنقر على أخرى. 
في السماح بخلاصات المدونة إجعلها كامل (كما في الصورة أسفله)، بعدها قم بحفظ.
بعد حفظ الإعدادت توجه إلى المشاركات و التعليقات و المشاركة . 
الآن موقع التعليقات إجعلها مضمن. (كما في الصورة أسفله)

أولا و قبل كل شيء، قم بحفظ نسخة احتياطية من قالب مدونتك.

المرحلة الثانية: إضافة الكود إلى القالب
في لوحة التحكم الخاصة بمدونتك توجه إلى قالب بعدها تحرير الـــــ HTML ثم أنقر على متابعة.
ثم إعمل علامة على توسيع قوالب عناصر واجهة المستخدم.

الآن قم بالبحث عن رمز الكــــــــــــود:
<b:include data='post' name='comments'/>
ثم نقوم باستبداله بهذا الكــــــــــــود:
<b:if cond='data:post.showThreadedComments'><b:include data='post'
name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if>

ملاحظة : إذا وجدت كودين او اكتر استبدلهم جميعا 

المرحلة الثالثة: إضافة خصائص الـــCSS: 
الآن قم بالبحث مرة أخرى عن الكــــــــــــود:
]]></b:skin>
و قم بإضافة الكــــــــــــود قبله:
.comments {clear: both;margin-top: 10px;margin-bottom: 0px;line-height: 1em;}.comments .comments-content {font-size: 14px;margin-bottom: 16px;font-family: Verdana;font-weight: normal;text-align:right;line-height: 1.4em;}.comments .continue a, .comments .comment .comment-actions a {display:inline;font-family:Arial, Helvetica, sans-serif;font-size:13px;padding: 2px 5px;text-decoration: none;text-shadow:0 1px
1px rgba(0,0,0,.3);color:#FFF;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px
rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);-webkit-border-radius: 3px;-moz-border-radius:
3px;border-radius: 3px;margin-right: 10px;border: 1px solid #3079ED;background: #0066FF;background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#009999));background: -moz-linear-gradient(top, #0099FF, #009999);filter: progid:DXImageTransform.Microsoft.gradient(startCo
lorstr='#0099FF', endColorstr='#009999');}.comments .continue a:hover, .comments .comment .comment-actions a:hover {text-decoration: none;background:#0099FF;background: -webkit-gradient(linear, left top, left
bottom, from(#009999), to(#0099FF));background: -moz-linear-gradient(top, #009999, #0099FF);filter:
progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#009999', endColorstr='#0099FF');}.comments .continue a:active, .comments .comment .comment-actions a:active {position: relative;top:1px;background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC));background: -moz-linear-gradient(top, #0066FF, #0099CC);filter: progid:DXImageTransform.Microsoft.gradient(startCo
lorstr='#0066FF', endColorstr='#0099CC');}.comments .comments-content .comment-thread ol {list-style-type:
none;padding: 0;text-align: none;}.comments .comments-content .inline-thread {padding: 0.5em 1em 0
1em;}.comments .comments-content .comment-thread {margin: 8px 0px 0px 0px;}.comments .comments-content .comment-thread:empty {display: none;}.comments .comments-content .comment-replies {margin-top: 1em;margin-left: 40px; font-size:12px;}.comments .comments-content .comment {padding-bottom:8px;margin-bottom: 0px}.comments .comments-content .comment:first-child {padding-top:16px;}.comments .comments-content .comment:last-child {border-bottom:0;padding-bottom:0;}.comments .comments-content .comment-body {position:relative;}.comments .comments-content
 .user {font-style:normal;font-weight:bold;}.comments .comments-content .user a {color: #444;}.comments
.comments-content .user a:hover {text-decoration: none;color: #555;}.comments .comments-content
.icon.blog-author {width: 18px;height: 18px;display: inline-block;margin: 0 0 6px -4px;}.comments .comments-content .datetime {margin-left:6px;color: #999;font-style: italic;font-size: 12px;float: left;}.comments
.comments-content .comment-content {font-family: Arial, sans-serif;font-size: 15px;line-height:
19px;}.comments .comments-content .comment-content {font-family: Arial, sans-serif;font-size: 15px;line-height: 19px;text-align:none;margin: 15px 0 15px;}.comments .comments-content .owner-actions
{position:absolute;right:0;top:0;}.comments .comments-replybox {border: none;height: 250px;width:
100%;}.comments .comment-replybox-single {margin-top: 5px;margin-left: 48px;}.comments .comment-replybox-thread {margin-top: 5px;}.comments .comments-content .loadmore a {display: block;padding: 10px
16px;text-align: center;}.comments .thread-toggle {cursor: pointer;display: inline-block;}.comments
.comments-content .loadmore {cursor: pointer;max-height: 3em;margin-top: 3em;}.comments .comments-content .loadmore.loaded {max-height: 0px;opacity: 0;overflow: hidden;}.comments .thread-chrome.thread-collapsed {display: none;}.comments .thread-toggle {display: inline-block;}.comments .thread-toggle .thread-arrow {display: inline-block;height: 6px;width: 7px;overflow: visible;margin: 0.3em;padding-right:
4px;}.comments .thread-expanded .thread-arrow {background:
url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc
AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;)  no-repeat scroll 0 0 transparent;}.comments .thread-collapsed .thread-arrow {background:
url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA
AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB  JRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;}.comments .avatar-image-container {float:
right;overflow: hidden;}.comments .avatar-image-container img {width: 36px;}.comments .comment-block
{margin-right: 48px;position: relative;padding: 20px 15px 20px 15px;background: #F7F7F7;border: 1px solid
#E4E4E4;overflow: hidden;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-image: initial;}

هذا كل شيء و أتمنى أن يعجبكم الموضوع.
و إذا واجهتكم أية مشاكل أو لديكم أي استفسارات، نحن رهن الإشارة و دائما في الخدمة. 
نرجو لكم كل التوفيق.