اخر الاخبار
جار التحميل...

اضافة شريط اخبار احترافى لمدونات بلوجر

اضافة شريط اخبار احترافى لمدونات بلوجر - فى هذا الموضوع سوف اشارككم على مدونة روتكس باحدث اضافة حتى الان وبشكلها المطور اضافة شريط اخبار احترافى لمدونات بلوجر.

اضافة شريط اخبار احترافى لمدونات بلوجر

فائدة شريط الاخبار

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

معاينة شريط الاخبار

اضافة شريط اخبار احترافى لمدونات بلوجر


اضافة شريط اخبار احترافى لمدونات بلوجر


1. اذهب الى لوحة التحكم > القالب > تحرير القالب > ضع الكود التالى فوق ]]></b:skin>

/* CSS Breaking News Rotkx */
#breakingnews{position:relative;font-family:'Droid Arabic Kufi',Roboto;margin:20px 20px 0 20px;height:50px;line-height:26px;overflow:hidden;padding:4px 0;border-top:2px solid #ecf0f1;border-bottom:2px solid #ecf0f1}
#breakingnews:after{content:'\f0c9';font-family:fontawesome;color:#bdc3c7;position:absolute;left:18px;font-size:1.2rem;font-weight:normal;top:12px;text-align:center}
#breakingnews .breakhead{background:#e74c3c;color:#fff;display:inline-block;float:right;font-size:17px;font-weight:700;padding:6px 12px}
#adbreakingnews{float:right;margin-right:12px;margin-top:6px;line-height:28px}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}
#adbreakingnews li a {font-weight:400;color:#000;margin-top:10px;}
#adbreakingnews li a:hover {color:#e74c3c;}
#adbreakingnews li a:before{content:'\f079';font-family:fontawesome;display:inline-block;float:right;margin:0 0 0 8px;line-height:29px;}

2. ضع الكود التالى فوق </body>

<script type='text/javascript'>
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="http://www.rotkx.com",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>لا توجد نتائج!</span>")},error:function(){$("#adbreakingnews").html("<strong>خطأ فى التحميل Feed!</strong>")}})});
//]]>
</script>

قم بتغيير الرابط المحدد برابط مدونتك

3. ضع الكود التالى من التخطيط فى المكان المناسب او من تحرير القالب بين <body> و </body>

<div id='breakingnews'><span class='breakhead'>اخر الاخبار</span>
<div id='adbreakingnews'>جارى التحميل...</div></div>

4. احفظ القالب

انتهى شرح اضافة شريط اخبار احترافى لمدونات بلوجر، شكرا لكم على الزيارة.

كيفية تصميم قالب بلوجر يدويا

كيفية تصميم قالب بلوجر يدويا - فى هذا الموضوع اود ان اشاركم عن كيفية تصميم قالب بلوجر يدويا وبدون برامج على الرغم من اننى اخذت وقت كثير فى تصميم وتكويد بعض القوالب.

كيفية تصميم قالب بلوجر يدويا

تصميم قالب بلوجر ليس سهل وسريع كما يعتقد البعض، وليس من الصعب تنفيذ الفكرة بالنسبة للذين لديهم خبرة تصميم قوالب بلوجر، ومع ذلك فهذا الموضوع مقدمة او درس تمهيدى فى مقدمة تصميم قالب بلوجر يدويا وضعت لكم بعض الاكواد التقديمية.

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

  • الهيدر
  • المواضيع
  • الفوتر

كما هو معروف، ان هيكل القالب يتكون من اكواد HTML العادية، بينما اكواد HTML الأساسية هى لإنشاء الصفحات الاساسية.

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

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + &quot; no-js rwd &quot; + data:blog.pageType' expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<!--[if lt IE 9]> <script src="http://html5shiv.g<ooglecode.com/svn/trunk/html5.js"> </script> <![endif]-->
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link href='https://plus.google.com/102442301709620757978/posts' rel='publisher'/>
<link href='https://plus.google.com/102442301709620757978/about' rel='author'/>
<link href='https://plus.google.com/102442301709620757978' rel='me'/>
<meta content='pzMFv6FZc9fet-71sUjPE9fUBmfZjSw6sgU7nTNJbOY' name='google-site-verification'/>
<!-- ميتا تاج سيو -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>    
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<meta content='Egypt' name='geo.placename'/>
<meta content='Mahmoud Elgohary' name='Author'/>
<meta content='general' name='rating'/>
<meta content='eg' name='geo.country'/>
<!-- نهاية ميتا تاج سيو -->
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<!-- ميتا تاج سيو -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>الارشيف لـ <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>الصفحة غير موجودة - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>
</b:if>
<!-- إعدادات التواصل الاجتماعى -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<meta content='430352253733985' property='fb:app_id'/>
<meta content='100000013167350' property='fb:admins'/>
<meta content='ar_EG' property='og:locale'/>
<meta content='eg_EG' property='og:locale:alternate'/>
<meta content='ar_AR' property='og:locale:alternate'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='بيتا بريس قالب بلوجر متجاوب' property='og:description'/>
</b:if>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@Ma7moud2lgohary' name='twitter:site'/>
<meta content='@Ma7moud2lgohary' name='twitter:creator'/>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
 <!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<script type='text/javascript'>(function(h){h.className=h.className.replace(/(^| )no-js( |$)/,&quot;$1js$2&quot;)})(document.documentElement);</script>
<b:skin><![CDATA[
/*
Created By : Mahmoud Elgohary - Rotkx
Created On : April 2017
URL        : http://www.rotkx.com
*/
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,adnav,adheader{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
.navbar,.post-feeds,.feed-links,#navbar-iframe,.date-header,#layout ul{display:none;}
body{font-size:13px;color:#222;margin:0;padding:0;background:#dee2e4;font-family:'Open Sans',sans-serif;}
a:link,a:visited{color:#333;text-decoration:none}a:hover{color:#3498db;text-decoration:none}
a img{border-width:0}*{box-sizing:border-box}.clear{clear:both}strong,b{font-weight:bold;padding:0;}cite,em,i{font-style:italic;}
#Attribution1,.quickedit,#ContactForm1,#ContactForm1 br {height:0;width:0;visibility:hidden;display:none!important;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'></b:widget>
</b:section>
</body>
</HTML>

تريد جعل القالب بعرض معين نفترض 640px وبه تأثيرات، اجعل اسمه مثلا #wrapper-rotkx، قم بوضع الكود التالى فوق ]]</b:skin>

#wrapper-rotkx{position:relative;max-width:640px;margin:0 auto;background:#fff;padding:10px;overflow:hidden;box-shadow:0 0 0 20px rgba(0,0,0,0.02);}

ضع الكود التالى تحت <body>

<div id='wrapper-rotkx'>

ثم ضع الكود التالى فوق </body>

</div>

وفى الاخير انتهى شرح كيفية تصميم قالب بلوجر يدويا اتمنى ان يكون مفيد لكم.

كيفية اضافة مكتبة الجى كويرى لمدونات بلوجر

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

كيفية اضافة مكتبة الجى كويرى لمدونات بلوجر

ما هى الجى كويرى


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

مزايا الجى كويرى


عند استخدامك لـ الجى كويرى يجب ان تكون متفهم او مدرك كيف تستخدمها، من مزايا الجى كويرى لا تتم كتابة اكواد او تعليمات برمجية طويلة او معقدة.

مزايا استخدام الجى كويرى


  • تمكن من كتابة اكواد جافا سكريبت
  • تجعل الاكواد تصبح بسيطة
  • السهولة فى صنع الاكواد
  • وغيرها من المزايا

عيوب الجى كويرى


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

سـ : هل مكتبة الجى كويرى تبطئ المواقع؟
جـــ : ملف الجى كويرى خفيف جدا، لذلك فإنه لن يجعل الموقع الخاص بك بطئ.

كيفية اضافة مكتبة الجى كويرى لمدونات بلوجر


اذا قرأت وفهمت ما معنى الجى كويرى وما مزاياها وتريدها، فـ شرح التركيب بسيط جدا وسهل.

كالعادة سجل الدخول الى حسابك فى بلوجر.

اذهب الى القالب > تحرير القالب

ضع الكود التالى فوق </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>

الخطوة الاخيرة وهى حفظ القالب.

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

فى الختام


شكرا لكم على الزيارة، اتمنى ان يكون شرح كيفية اضافة مكتبة الجى كويرى لمدونات بلوجرر مفيدة لكم.

انواع بعض المؤشرات فى بلوجر

انواع بعض المؤشرات فى بلوجر - عند زيارة مواقع عصرية الشكل احيانا او مطورة تجد مؤشرات مختلفة الاشكال عند توجيه الماوس على الروابط، اليكم بعض الاشكال مع اكوادها.

انواع بعض المؤشرات فى بلوجر

الاسممعاينة المؤشرالكود
defaultمعاينة المؤشرcursor : default
crosshairمعاينة المؤشرcursor : crosshair
handمعاينة المؤشرcursor : hand
pointerمعاينة المؤشرcursor : pointer
Cross browserمعاينة المؤشرcursor : hand
moveمعاينة المؤشرcursor : move
textمعاينة المؤشرcursor : text
waitمعاينة المؤشرcursor : wait
helpمعاينة المؤشرcursor : help
n-resizeمعاينة المؤشرcursor : n-resize
ne-resizeمعاينة المؤشرcursor : ne-resize
e-resizeمعاينة المؤشرcursor : e-resize
se-resizeمعاينة المؤشرcursor : se-resize
s-resizeمعاينة المؤشرcursor : s-resize
sw-resizeمعاينة المؤشرcursor : sw-resize
w-resizeمعاينة المؤشرcursor : w-resize
nw-resizeمعاينة المؤشرcursor : nw-resize
progressمعاينة المؤشرcursor : progress
not-allowedمعاينة المؤشرcursor : not-allowed
vertical-textمعاينة المؤشرcursor : vertical-text
all-scrollمعاينة المؤشرcursor : all-scroll
col-resizeمعاينة المؤشرcursor : col-resize
row-resizeمعاينة المؤشرcursor : row-resize

تتم اضافة كود المؤشر داخل كود الاستايل : مثال

cursor:hover {
color:#fff !important;
background:#111;
padding:5px;
transition-duration:2s;
-moz-transition-duration:2s;
-webkit-transition-duration:2s;
cursor:help;
}

كيفية جعل فيديو اليوتيوب متجاوب وصديق للسيو فى بلوجر

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

كيفية جعل فيديو اليوتيوب متجاوب وصديق للسيو فى بلوجر

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

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


كيفية جعل فيديو اليوتيوب متجاوب وصديق للسيو فى بلوجر


1. اذهب الى المشاركات > مشاركة جديدة واضغط على تبويبة HTML بدلا من تأليف.

2. ضع الكود التالى مع قراءة التعديلات.

<center><object data="http://www.youtube.com/embed/xxxxx" frameborder="0" height="315" width="560"></object></center>

التعديلات :

قم باستبدال xxxxx برابط رمز الفيديو كما هو موضح بالصورة.

كيفية جعل فيديو اليوتيوب متجاوب وصديق للسيو فى بلوجر

تخصيص صندوق فيديو اليوتيوب


يمكنك  تغيير الطول والعرض وجعله مناسب مع عرض المشاركة.

قم بازالة كود <center> و </center> اذا كنت لا تريد جعل الفيديو فى منتصف الموضوع.

3. بعدها اضغط حفظ او نشر، وبعدها انتقل الى تحرير القالب، وضع الكود التالى فوق </head>

@media only screen and (max-width:768px){
object{width:100%}}

@media only screen and (max-width:480px){
object{width:85%}}

@media only screen and (max-width:320px){
object{width:280px}}

4. اضغط حفظ القالب، يرجى التحقق من درجة سيو مدونتك او موضوعك

اتمنى ان يكون شرح كيفية جعل فيديو اليوتيوب متجاوب وصديق للسيو فى بلوجر مفيد لكم، اذا واجهت اى مشكلة ضع سؤال فى صندوق التعليقات بالاسفل.

كيفية حذف الإسناد فى بلوجر

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

كيفية حذف الإسناد فى بلوجر

وتظهر مشاكل عندما يكون هناك مدونين ما زالو يريدون استخدام قوالب بلوجر الافتراضية وفى نفس الوقت يريدون ازالة تدعمه بلوجر لعدة اسباب.

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


كيفية حذف الإسناد فى بلوجر


1. اذهب الى بلوجر > تحرير القالب > ضع الكود التالى فوق ]]></skin>

#Attribution1 {height:0px;visibility:hidden;display:none}

2. اضغط حفظ القالب

اتمنى ان يكون شرح كيفية حذف الإسناد فى بلوجر مفيد لكم.

كيفية حذف الادوات الغير قابلة للحذف فى بلوجر

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

كثيرا هذه المشكلة تواجه المبتدئين ويضطرون الى تغيير القالب بسبب هذه الاضافة الثابتة التى لا تُحذف، وهذا يسبب لنا الارتباك او تغيير القالب الذى يوجد به هذه الاضافة.

كيفية حذف الادوات الغير قابلة للحذف فى بلوجر

كيفية حذف الادوات الغير قابلة للحذف فى بلوجر


1. اذهب الى بلوجر > تحرير القالب > ابحث عن الاداة التى تريد حذفها، مثال : المشاركات الشائعة

<b:widget id='PopularPosts1' locked='true' title='المشاركات الشائعة' type='PopularPosts'>...</b:widget>

استبدل الكود المحدد السابق بالكود المحدد التالى ليصبح بهذا الشكل

<b:widget id='PopularPosts1' locked='false' title='المشاركات الشائعة' type='PopularPosts'>...</b:widget>

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

الان تم حذف اضافة اداة المشاركات الشائعة اذا كانت غير قابلة للحذف، يمكنك تكرار الطريقة السابقة فى ادوات اخرى غير قابلة للحذف.