السبت، 25 أبريل، 2015

اضافة كود النافذه المنبثقة الى مدونات بلوجر الصفحات الأعلانية pop-up window

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


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

 اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/Java Script









الأن ضع هذا الكود بداخلة :

 <script type="text/javascript">
document.body.onclick= function(){
window.open('http://www.kingnt.com/', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50');
}</script>

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


الجمعة، 24 أبريل، 2015

اضافة اخر المشاركات مع ترقيم المشاركات وإقرأ المزيد بشكل مرتب recent posts

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

كيفية تركيب الأضافة بمدونتك :

 اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/Java Script









اضف هذا الكود بداخلة :
<div class="recentpoststyle">
<script type='text/javascript'>
//<![CDATA[
function showlatestposts(json) {
  for (var i = 0; i < posts_no; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }
    }
    posttitle = posttitle.link(posturl);
    var readmorelink = "... إقرأ المزيد";
    readmorelink = readmorelink.link(posturl);
    var postdate = entry.published.$t;
    var showyear = postdate.substring(0,4);
    var showmonth = postdate.substring(5,7);
    var showday = postdate.substring(8,10);
    var monthnames = new Array();
    monthnames[1] = "Jan";
    monthnames[2] = "Feb";
    monthnames[3] = "Mar";
    monthnames[4] = "Apr";
    monthnames[5] = "May";
    monthnames[6] = "Jun";
    monthnames[7] = "Jul";
    monthnames[8] = "Aug";
    monthnames[9] = "Sep";
    monthnames[10] = "Oct";
    monthnames[11] = "Nov";
    monthnames[12] = "Dec";
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
 document.write('<li class="recent-post-title">');
    document.write(posttitle);
 document.write('</li><div class="recent-post-summ">');
    if (post_summary == true) {
      if (postcontent.length < summary_chars) {
         document.write(postcontent);
}
      else {
         postcontent = postcontent.substring(0, summary_chars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + ' ' + readmorelink);
}
}
 document.write('</div>');
if (posts_date == true) document.write('<div class="post-date">' + monthnames[parseInt(showmonth,10)] + ' ' + showday + ' ' + showyear + '</div>');
}
}
//]]>
</script>
<script>
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://hadystore.blogspot.com/" rel="nofollow">Hadystore</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none; color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;}
li.recent-post-title { padding: 5px 0px;}
.recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;}
.post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;}
.recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;}
</style></div>

بالاخير اضغط على حفظ
اتجة الان الى الصفحة الرئيسية للمدونة لتشاهد النتيجة :



















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

تخصيص فهرس تلقائى فى صفحات بلوجر لزيادة الأرشفة Create HTML Sitemap Page

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

كيفية اضافة الخريطة الى مدونتك :

بالبداية توجهة الى لوحة تحكم المدونة ومنها اضغط على خاصية الصفحات ومنها اضافة صفحة جديدة :








 فى هذه المرة لا نستخدم خاصية التاليف بل سنقوم بالضغط على خاصية Html كما واضح لنا بالصورة التالية :






ضع بداخل الصفحة هذا الكود :
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link">
<a href="http://helplogger.blogspot.com/2013/12/add-sitemap-table-of-contents-to-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>
')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="
<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>
";for(var g=0;g<postTitle.length;g++){if(a==""){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}}}h+="</table>
";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts
</span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts
</span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels">
<a href="/search/label/'+temp1+'">'+temp1+"</a></p>
<ol>");firsti=a;do{document.write("
<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>
");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>
");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("
");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>
");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a>
");document.write("
")}};
//]]>
</script>
<script src="http://kingnt.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
الان قم بوضع رابط موقعك بدلا من رابط موقعى المحدد باللون الاحمر
بالاخير اضغط على نشر وانتهى التركيب .

ملحوظة :

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

السبت، 18 أبريل، 2015

كيفية ازالة كلمة إرسال تعليق المتكررة فى التعليقات Delete word Send comments

فى احدى الدروس السابقة بقسم متغيرات بلوجر وضعت لكم درس يشرح لكم عن تغيير كلمة ارسال تعليق بكلمة اخرى بديلة او بصورة مختارة من خلال هذه التدوينة : ما هو الكود المسؤل بكلمة إرسال تعليق بمدونات بلوجر POST COMMENT MSG . اليوم ساضع لكم درس عن كيفية ازالة كلمة ارسال تعليق المتكررة المتواجدة باسفل التعليقات . سبب كتابة هذه التدوينة جأتنى رسالة مرة اخرى عن طريق الاتصال بنا من احدى اصحاب المدونات يريد ازالة كلمة ارسال تعليق المتواجدة باسفل التعليقات فأحببت ان اضعها لكم هنا فى موقع كينج نت لكى تعم الفائدة على الجميع لعل ان هذه التدوينة تفيد اشخاص اخريين .

كيفية ازالة كلمة ارسال تعليق :

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













  قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى
 الى الطريقة
 فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML















الان قم بالبحث عن هذا الكود :
<p class='comment-footer'>
                              <b:if cond='data:post.embedCommentForm'>
                                <b:if cond='data:post.allowNewComments'>
                                  <b:include data='post' name='comment-form'/>
                                  <b:else/>
                                  <data:post.noNewCommentsText/>
                                </b:if>
                                <b:elseif cond='data:post.allowComments'/>
                                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

                                  <data:postCommentMsg/>
                                </a>

                              </b:if>
                            </p>
                          </b:if>
قم بحذف الكود المحدد باللون الاصفر .
ملحوظة هامة : لقد وضعت لكم هذه الاكواد الغير محددة باللون الاصفر لان الكود المحدد باللون الأصفر متكرر بالقالب فلذلك وضعت لكم محتوى الأكواد ليسهل عليك حتى يتم عملية الحذف بشكل سليم .
ولا ننسى بأن هذه الكلمة فى الاساس بيتم اخفائها عندما يتم وضع اى تعليق !

وهذه صورة توضح لنا شكل الكود المطلوب للحذف :







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

الجمعة، 17 أبريل، 2015

كيفية تحديد محتوى اكواد فقرة الاقتباس بضغطة واحدة Auto Select Code Blockquote

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



شرح تركيب الكود :

  قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى
 الى الطريقة
 فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML














الأن قم بالبحث عن هذا الكود :
</body>
ضع قبلة مباشرة هذا الكود :
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;click&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
 }, false);
}
</script>
بالأخير اضغط على حفظ وهذه صورة توضح شكل التركيب :







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

الاثنين، 13 أبريل، 2015

كيف يتم تعطيل أدوات تذييل المشاركات دفعة واحدة فى بلوجر display Post Footer

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

كيف يتم تعطيل أدوات تذييل المشاركات دفعة واحدة :

 قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى
 الى الطريقة
 فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML














قم بالبحث عن هذا الكود :
]]></b:skin>
ضع قبلة مباشرة هذا الكود :
.post-footer
{
display: none;
}
بالاخير اضغط على حفظ
تواجهة الان الى الصفحة الرئيسية لتشاهد النتيجة ستجد بأن ادوات تذييل المشاركات تم اخفائها بالكامل .

ملحوظة هامة  :

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

الأحد، 12 أبريل، 2015

عرض أزرار المشاركة الأجتماعية الأفتراضية داخل صفحة المشاركات فقط Share Buttons

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



صور توضح قبل وبعد التركيب :

صورة توضح قبل الاخفاء


صورة توضح بعد الأخفاء



صورة توضح للشكل النهائى اظهارها داخل المشاركات فقط



عرض أزرار المشاركة الأجتماعية الأفتراضية داخل صفحة المشاركات  :

 قبل اضافة اى اكواد او التعديل علية يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML



الأن قم بالبحث عن هذا الكود :
<div class='post-share-buttons goog-inline-block'>
                                <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
                              </div>
                            </div>
فهذا الكود السابق من الممكن ان تجدة مختلف من قالب الى قالب ولكن فهو يشبة بحد كبير بين قالب وقالب على سبيل المثال فهذا كود اخر من قالب اخر :
<div class='post-share-buttons'>
   <b:include data='post' name='shareButtons'/>
</div>
لكى تتعرف على الكود بشكل صحيح فهو يبتداء بهذا الكود :
 div class='post-share-buttons
ماذا نفعل الأن ؟
فقط ضع فى اولة هذا الكود :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
ثم ضع هذا الكود :
</b:if>
بعد كود :
</div>
وبالأخير اضغط على حفظ التغييرات .
وهذه الصورة توضح لنا شكل التركيب :




كما تلاحظون بالصورة السابقة الشكل النهائى والصحيح وللتوضيح اكثر سيكون التركيب هكذا :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons goog-inline-block'>
                                <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
                             </div>
                             </b:if>
                            </div>
اعتقد الصورة والمثال وضح لنا شكل تركيب الكود .
اذا واجهتك اى مشكلة لا تتردد وضع لنا رد بالتعليقات 

السبت، 11 أبريل، 2015

ازالة النقط السوداء من صفحة التخطيط الطريقة الصحيحة remove Bullet Layout

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

صورة توضح لنا شكل النقط من صفحة التخطيط :

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

سبب عدم حل المشكلة رغم وضع الكود المخصص :

كلنا نعلم بأن هذا الكود التالى يقوم بأزالة هذه النقط :
body#layout ul {
display: none;
}
ولكن اجد الجميع يقومون بتركيبة قبل او بعد هذا الكود :
]]></b:skin>
وبعد تركيب الكود السابق وحفظ القالب ثم التوجهة الى صفحة التخطيط يجدون بأن النقط مازالت متواجدة لأن هذه الكود لم يتم وضعه بالمكان الصحيح رغم ان الكود السابق يمنع هذه النقط .

الحل الصحيح لاخفاء هذه النقط من صفحة التخطيط :

 قبل اضافة اى اكواد او التعديل علية يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML
الأن ماذا نفعل ؟
قم بالبحث عن هذا العنوان وهو متواجد بأى قالب :
/* Variable definitions
اعتقد الجميع يعرفون جيدا هذا العنوان السابق فقط ضع قبلة هذا الكود :
body#layout ul {
display: none;
}
بالاخير اضغط على حفظ التغيرات وهذه صورة توضح لنا شكل تركيب الكود :
كما تلاحظون بالصورة السابقة الشكل الصحيح لتركيب الكود وهو المحدد باللون الاصفر وباسفلة العنوان الذى بحثنا عنة المحدد باللون السماوى اعتقد الصورة وضحت لكم الشكل النهائى .
وهذه الصورة التالية وضحت لنا بأن النقط تم ازالتها من صفحة التخطيط :

ملحوظة هامة :

اذا لم يتم نجاح معك هذا الكود السابق قم بوضع هذا الكود :
#layout ul{
display: none;
}
فلا تقلق فالكود السابق ينجح على معظم القوالب ولكن هذا الكود اضافى بديل .

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

الجمعة، 10 أبريل، 2015

كيفية جعل شعار المدونة اوعنوان المدونة يتحرك بشكل دائرى Effect Roll Logo

فى احدى الاضافات السابقة وضعت لكم تدوينة باسم : اضافة تموج صفحة المدونة بشكل دائرى اثناء التصفح - ترنح المدونة - ROLL BLOGGER بأحدى دروس بلوجر فاليوم ساضع لكم تدوينة اخرى واتمنى ان تعجبكم وهى خاصة بأضافة تأثير على شعار المدونة او عنوان المدونة فهذا التاثير يجعل الشعار او العنوان يتحرك بشكل دائرى يمينا وشمالا بشكل جذاب عند وضع مؤشر الماوس عليها . هذه الاضافة لن تسبب اى ثقل للمدونة وعن تجربة ولن تجعل الارشيف يتاثر بمدونتك فهذه الاضافة مجرد تجميل للمدونة فقط .


شرح اضافة تاثير على شعار او عنوان المدونة :

 قبل اضافة اى اكواد او التعديل علية يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML















الان قم بالبحث عن هذا الكود :
]]></b:skin>
فقط ضع قبلة مباشرة هذا الكود :
#header-inner{
 -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
#header-inner:hover{
-moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
بالاخير اضغط على حفظ التغيرات .
اذهب الأن الى صفحة المدونة وشاهد النتيجة ستجد اسم المدونة او عنوان المدونة او شعار المدونة يتحرك بشكل جذاب عند وضع مؤشر الماوس عليها .
اتمنى ان هذه الاضافة البسيطة اعجبتكم وانتظرونى باضافة اخرى جديدة .

كيفية حذف الاضافات الذى تعطيك صفحة بيضاء بدون وجود كلمة حذف وحفظ

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



صور توضح مضمون المشكلة :

 صورة توضح لنا شكل تواجد الاضافة بصفحة التخطيط :













صورة توضح لنا بأن الاضافة تعطينا صفحة بيضاء لا وجود لكلمة حذف او حفظ او اى تحكم :















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

كيفية حذف الأضافة من القالب  :

قبل اضافة اى اكواد او التعديل علية يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML















الأن قم بالضغط على زر تنسيق النموذج كما موضح لنا بالصورة التالية :






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

الأن ماذا تفعل ؟
يجب ان تعرف اسم القطعة الذى تريد حذفها ثم ابحث عنها عن طريق ازرر الكيبورد بالضغط على CTRL+F واضغط بحث
ستجد اسم الاضافة وببداية الاضافة رمز مثلث جانبى بجانب الارقام بالجهة اليسرى فهذا الرمز يوضح لك نقطة بداية الاضافة  فلكل اضافة لها رمز المثلث كما تلاحظون بالصورة التالية :





كما تلاحظون بالصورة السابقة توضح لنا الاضافة الذى اريد حذفها على سبيل المثال نصاح للمدونيين فالاضافة ببدايتها رمز المثلث والاضافة التالية رمز مثلث وهكذا كل ما عليك تحديد الكود المطلوب الخاص بالاضافة من بدايتة الى اخرة ثم قم بحذفة وهذه صورة توضح لنا شكل حذف الكود المطلوب :





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

الأن بامكانك ان تذهب الى لوحة التخطيط لكى تشاهد النتيجة فلن تجد الاضافة لان تم حذفها من القالب نفسة وهذه صورة توضح لنا بأن اضافة نصائح المدونيين الخاصة بى تم حذفها نهائيا :











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

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

الجمعة، 3 أبريل، 2015

كيفية جعل روابط المدونة تتغيير بمؤثرات نارية اكثر من رائعة Add Fire on Link

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




صورة توضح لشكل التأثير النارى : 







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

طريقة تركيب الاضافة بالمدونة :

قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML















الان ابحث عن هذا الكود :
body {
من خلال هذا الكود الخاص بجسم المدونة سنجد بداخلة اكواد نبحث بداخلة عن هذا الكود :
a:hover {
وهذه صورة توضح لنا شكل الكود المطلوب الذى بداخل body {











الان بعد ما تم الوصول الى الكود المطلوب وهو خاص بتغيير الوان الرابط عند وضع مؤشر الماوس نقوم بتحديدة كاملا كما بالصورة ونستبدلة بهذا الكود :
a:hover{text-shadow: 0 0 1.5px #e2e2e2, 0 -5px 4px #ff3, 1.5px -6px 6px #fd3, -2px -8px 9px #f40, 1.5px -10px 10px #f10;text-decoration:none;}
body {
بالاخير اضغط على حفظ التغييرات واذهب الى الصفحة الرائيسية للمدونة وقم بوضع مؤشر الماوس على اى رابط بالمدونة ستجد النتيجة الشكل النارى .
هذه الطريقة لن تؤثر على المدونة سواء سرعة او بطى التصفح او جعل الارشيف يتأثر بالمدونة فهى مجرد لتزيين وتجميل المدونة فقط .
بالنهاية ارجو بأن هذه الأضافة البسيطة اعجبتكم وانتظرونى بأضافة اخرى جديدة .

حل مشكلة تهيئة التغذية بسبب ظهور رسالة عنوان URL للموجز غير صالح

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



صورة توضح لشكل الرسالة :












كما تلاحظون شكل الرسالة المزعجة : عنوان URL للموجز غير صالح
اعتقد هذه الصورة وضحت لنا مضمون التدوينة الان نذهب الى كيفية حل المشكلة .

كيفية حل هذه المشكلة :

حل هذه المشكلة فى اى خطوة من الخطواتيين التاليين :
الخطوة الاولى :
عند اضافة رابط تغذية قسم من اقسام مدونتك لا تضع رابط القسم بحروف كابتل كبيرة اعتقد الجميع سيتعجب من كلامى بالفعل حل هذه المشكلة فى الاحروف برابط القسم فيجب ان تضع الرابط هكذا :
http://kingnt.com/feeds/posts/default/-/name
كما تلاحظون رابط القسم بحروف صغيرة وليست كبيرة فقط قم بوضع اسم القسم مكان كلمة name المحددة باللون الاصفر.

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

صورة توضح لحل المشكلة بعد اتباع اى خطوة :



















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









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

الموافقة على نشر التعليقات

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