الأربعاء، 21 أغسطس 2019

طريقة تركيب إضافة SEO SmartLink لتقوية السيو على مدونات بلوجر

هذه المرة ، سنشارك معكم البرنامج المساعد Smart SEO Link وهو البرنامج المساعد خاص WordPress الذي يعمل على تغيير أي كلمة في مقالة إلى رابط.
طريقة تركيب إضافة SEO SmartLink لتقوية السيو على مدونات بلوجر

كيف يعمل سكربت Smart SEO Link

السكربت سوف يقرأ كل كلمة على مدونتك. على سبيل المثال ، إذا اضفت كلمة "قوالب بلوجر"  أو "blogger" في مواضيع الخاص بك و ايض على المكوّن الإضافي ، فسيتم تلقائيًا جعل تلك الكلمات بها روابط داخلية (باكلينك) في كل مرة تتحول الكلمة إلى رابط انت من سوف يحدد الرابط مرة واحدة لكل كلمة مثلا فقط إذا كانت الكلمة داخل المقالة في مدونتك.

يتيح لك SEO Smart Links إمكانية تحويل كل كلمة رئيسية تظهر في مدونتك في الرابط ، سواء في الرسالة أو في صفحة المدونة.

 هذا السكربت المساعد حساس جدا لحجم الحروف المستخدمة في الكلمات الرئيسية.  هذا البرنامج المساعد SEO Smart Link سيعمل فقط على نفس الكتابة أو نفس الكلمة الرئيسية.

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

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

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

كيفية تثبيت روابط SEO الذكية على Blogger؟

إذا كنت ترغب في استخدام اضافة SEO Smart Link على مدونتك ، فاتبع الخطوات أدناه.

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

 ستقوم الأداة الإضافية Smart Links SEO بتغيير كل كلمة رئيسية محددة مسبقًا إلى رابط داخلي ، وتنطبق على مشاركات المدونة وكذلك صفحات المدونة.

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

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

تحميل ملف الاكواد

تحميل

الثلاثاء، 20 أغسطس 2019

حصريا...سكربت تقسيم المواضيع الى صفحات على بلوجر

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

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

ملاحظة اذا اردت التحقق من ان الاضافة تشتغل قم بإنشاء موضوع جديد او قديم بعد كل فقرة ضع هذا الرمز <><>
ضعه ثلاتة مرات يعني ثلاثة صفحات و من ثم ركب الاكواد لتقوم بالمعاينة على هذا الموضوع اتمنى ان تصل الفكرة

الان الى طريقة التركيب قبل كل شيئ خد نسخة احتياطية من القالب تحسبا للخطأ

ثم ابحث عن وسم b:skin سوف تجد اثنين منه فالتاني هو المطلوب ضع فوقه كود css هذا
.post-pages{position:relative;clear:both;overflow:hidden;margin-top:15px}
.post-pages:before{content:"";background-color:#eeeeee;height:5px;position:absolute;width:100%;top:15px}
a.next-page,a.prev-page{z-index:1;background-color:#ffffff;position:relative;border:2px solid #d24949;border-radius:100px;color:#d24949}
a.next-page:hover,a.prev-page:hover{border:2px solid #9e44c9;color:#9e44c9}
a.next-page:hover:before,a.prev-page:hover:before{background-color:#9e44c9}
.rtl a.prev-page{margin-right:10px;-webkit-box-shadow:10px 0 0, -20px 0 0 #FFF;box-shadow:10px 0 0, -20px 0 0 #FFF;float:right;padding:5px 10px 5px 15px}
.ltr a.prev-page{margin-left:10px;-webkit-box-shadow:-10px 0 0, 20px 0 0 #FFF;box-shadow:-10px 0 0, 20px 0 0 #FFF;float:right;padding:5px 10px 5px 15px}
.rtl a.next-page{margin-left:10px;-webkit-box-shadow:-10px 0 0, 20px 0 0 #FFF;box-shadow:-10px 0 0, 20px 0 0 #FFF;float:left;padding:5px 15px 5px 10px}
.ltr a.next-page{margin-right:10px;-webkit-box-shadow:10px 0 0, -20px 0 0 #FFF;box-shadow:10px 0 0, -20px 0 0 #FFF;float:left;padding:5px 15px 5px 10px}
a.next-page:before,a.prev-page:before{font-family:fontawesome;background-color:#d24949;width:21px;height:21px;border-radius:100px;text-align:center;color:#ffffff;font-size:16px}
.rtl a.next-page:before{content:"\f104"}
.rtl a.prev-page:before{content:"\f105"}
.ltr a.next-page:before{content:"\f105"}
.ltr a.prev-page:before{content:"\f104"}
a.next-page:before{float:left;margin-right:10px}
a.prev-page:before{float:right;margin-left:10px}
جميل الان الان قم بالبحث عن وسم data:post.bod يوجد اكثر من ثلاثة غالب هو الثالث او الرابع جرب حتى تجده ضع اسفله هذا الكود الخاص ب html
<div class='post-pages'></div>
الى الان قمنا بتركيب الاكواد الثانوية الان سوف نضع كود javascript المسؤول عن تقسيم المواضيع هو من سوف تقومون بتجربته اذا كنت تتوفر على قالب جديد بخاصية amp قم بثركيب هذا السكربت 

<script type='text/javascript'>/*<![CDATA[*/
          var postBody = document.querySelector('.amp-content'),
              PostPages = postBody.innerHTML.split('<><>'),
              currPage = 1,
              Pagin  = new String();
          document.querySelector('.post-outer').classList.add('divided-post');
          location.search.replace('?','').split('&').forEach(function(par){ 
            if(par.split('=')[0]==='page'){ currPage=parseInt(par.split('=')[1]); }
          });
          postBody.innerHTML = PostPages[currPage-1];
          if( (currPage) !== PostPages.length ){ Pagin += '<a class="next-page" href="?page='+ (currPage+1) +'" data-trans="2"></a>';}
          if( currPage !== 1 ){ Pagin += '<a class="prev-page" href="?page='+ (currPage-1) +'" data-trans="3"></a>'}
          document.querySelector('.post-pages').innerHTML = Pagin;
          /*]]>*/</script>
اما اذا لم يشتغل الكود الاول جرب الكود التاني و سوف يشتغل بإذن لله
<script type='text/javascript'>/*<![CDATA[*/
          var postBody = document.querySelector('.post-body'),
              PostPages = postBody.innerHTML.split('<><>'),
              currPage = 1,
              Pagin  = new String();
          document.querySelector('.post-outer').classList.add('divided-post');
          location.search.replace('?','').split('&').forEach(function(par){ 
            if(par.split('=')[0]==='page'){ currPage=parseInt(par.split('=')[1]); }
          });
          postBody.innerHTML = PostPages[currPage-1];
          if( (currPage) !== PostPages.length ){ Pagin += '<a class="next-page" href="?page='+ (currPage+1) +'" data-trans="2"></a>';}
          if( currPage !== 1 ){ Pagin += '<a class="prev-page" href="?page='+ (currPage-1) +'" data-trans="3"></a>'}
          document.querySelector('.post-pages').innerHTML = Pagin;
          /*]]>*/</script>
كما قلت لكم القوالب فهي متغيرة كثيرا و لايمكن للإضافات الاشتغال على البعض منها لذلك نلجأ الى التعديل ، كما يمكنكم التقسيم الى مالانهاية بدون حدود.
الى هنا اترككم الى موضوع جديد اخر انشألله مع السلامة

الأربعاء، 7 أغسطس 2019

الآن يمكنك تحميل قالب الفا سيو النسخة التانية المطورة بمميزات خرافية

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

اذا اعجبك القالب و اردت زيادة اماكن الاعلانات فيمكنك تركيب نظام الاعلانات الخاص بنا يتكون من 100 مكان خاص للاعلانات فقط داخل التدوينة بثمن 10 دولارات فقط و التركيب مجاني.
للإستفسار عن هذه الخدمة او طلبها راسلنا عبر هذه الصفحة 

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

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


التعليمات :
سؤال : هل يمكن استخدام هذا القالب على العديد من المدونات؟
الإجابة : نعم ، يمكن استخدامه في العديد من المدونات طالما أن المدونة لا تزال مدونة خاصة بك.
السؤال : هل يمكن بيع هذا القالب؟
الإجابة : لا ، هذا القالب مخصص للاستخدام الشخصي فقط.
سؤال : هل يمكنني طلب المساعدة من موقع تقني واي لتعديل هذا القالب؟
الإجابة : أنا آسف لأنني لا أقدم الدعم إلا في حالة وجود أخطاء أو تريد اضافات مدفوعة. إذا كنت تريد التعديل ، يرجى القيام بذلك بنفسك.
أسئلة أخرى يرجى مراسلتنا عبر البريد إلكتروني issamemohtadi@gmail.com


الى هنا ننتهي من شرح قالب الفا سيو اتمنا ان ينال اعجابكم نلتقي في موضوع اخر انشأ لله . 

الخميس، 1 أغسطس 2019

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

السلام عليك طال غيابنا و نعثدر بشدة بسبب الغياب فهو خارج عن ارادتنا , اليوم انشاءلله سوف نشرح طريقة وضع اكواد html و css و JavaScript و اكواد اخرى بتنسيق جميل و رائع . هذه الاضافة طلبها مني احد الاخوى على حسابي الفيسبوك و بما انني لم اشرحها من قبل قررت اضع عليها تدوينة.
جديد..اضف جميع الاكواد البرمجية داخل مواضيع بلوجر بشكل جميل و منسق
الطريقة التي سوف اقدمها لكم غير موجودة على المحتوى العربي تقريبا 2 مدونات من وضعها اما المعاينة فهي من سوف ترونها الآن و التي سوف اضع بها الاكواد اللازمة , لأن ليس من الصعب على أي شخص يستخدم مدونات بلوجر إظهار أكواد HTML وجافا سكريبت داخل منشورات المدونة.
ربما قد رأيت أيضًا أشخاصًا  يعرضون اكواد HTML و JavaScript داخل منشورات Blogger مع مربعات العرض المخصصة.

طريقة التركيب
أولا خد نسخة احتياطية من القالب تحسبا لأي خطأ قمت به.
تانيا قم بالضغط على Cntrl + F و إبحث عن وسم 
]]></b:skin>
فسوف تجد منه اثنان اختار الوسم التاني ثم فوقه اي قبله ضع هذا الكود الخاص ب css للإضافة .

pre{padding:50px 10px 10px 10px;margin:.5em 0;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#2B303B;position:relative;max-height:500px;text-align:left;direction:ltr;}
pre::before{font-size:16px;content:attr(title);position:absolute;top:0;background-color:#2B303B;padding:10px;left:0;right:0;color:#8790a1;text-transform:uppercase;display:block;margin:0 0 15px 0;font-weight:bold;}
pre::after{content:'ضغطتين للنسخ';padding:2px 10px;width:auto;height:auto;position:absolute;right:8px;top:8px;color:#8790a1;line-height:20px;}
pre:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;top:-8px;visibility:visible;}
pre code{display:block;background:none;border:none;color:#C0C5CE;direction:ltr;text-align:left;word-spacing:normal;padding:0 0;font-weight:bold;font:14px 'Consolas','Monaco',monospace,Courier,Courier New;}
pre code .token.prolog{color:#777;}
pre code .token.doctype{color:#777;}
pre code .token.cdata{color:#777;}
pre code .token.url{color:#ccc;}
pre .language-css .token.string{color:#ccc;}
pre .style .token.string{color:#ccc;}
pre code .token.atrule{color:#009999;}
pre code .token.atrule{color:#1baeb0;}
pre code .token.regex{color:#ccc;}
pre code .token.important{font-weight:bold;}
pre code .token.entity{color:#759bb9;cursor:help;}
pre code .namespace{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";filter:alpha(opacity=0.8);opacity:.8;}
pre code .token.tag,.language-markup .token.punctuation{color:#A3BE8C;}
pre code .token.attr-name{color:#C0C5CE;}
pre code .token.selector{color:#759bb9;}
pre code .token.property{color:#759bb9;}
pre code .token.comment{color:#8c919a;font-style:italic;}
pre code .token.punctuation{color:#8FA1B3;}
pre code .token.operator{color:#4d9bd8;}
pre code .token.number,pre code .token.boolean{color:#cec768;}
pre code .token.attr-value{color:#f79029;}
pre code .token.string{color:#A3BE8C;}
pre code .token.keyword{color:#94719c;font-style:italic;}
code mark{background-color:#ea4f4e!important;color:#fff!important;padding:2px;}
pre code mark{background-color:#ea4f4e!important;color:#fff!important;padding:2px;}
/*======comments pre======*/
.comments pre{padding:10px 10px 15px 10px;background:#2c323c;}
.comments pre::before{content:'Code';font-size:13px;position:relative;top:0;background-color:#f56954;padding:3px 10px;left:0;right:0;color:#fff;text-transform:uppercase;display:inline-block;margin:0 0 10px 0;font-weight:bold;border:none;}
.comments pre::after{font-size:11px;}
.comments pre code{color:#eee;}
.comments pre.line-numbers{padding-left:10px;}
/*=======line numbers========*/
pre.line-numbers{position:relative;padding-left:3.0em;counter-reset:linenumber;}
pre.line-numbers > code{position:relative;}
.line-numbers .line-numbers-rows{height:100%;position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.5em;width:3em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:0;}
.line-numbers-rows > span{pointer-events:none;display:block;counter-increment:linenumber;}
.line-numbers-rows > span:before{content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right;transition:350ms;}
pre[data-codetype='HTMLku']:before{color:#f79029;}
pre[data-codetype='CSSku']:before{color:#759bb9;}
pre[data-codetype='JavaScriptku']:before{color:#d4b447;}
pre[data-codetype='JQueryku']:before{color:#94719c;}
/*=======transition=======*/
pre::after{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
/*=======border radius=======*/
pre,.comments pre::before{border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
تالثا قم بوضع هذا السكربت فوق وسم المقفول



    <script type='text/javascript'>
       /*<![CDATA[*/
/**
 * Prism: Lightweight, robust, elegant syntax highlighting
 * MIT license http://www.opensource.org/licenses/mit-license.php/
 * @author Lea Verou http://lea.verou.me
 */
!function(){var o=/\blang(?:uage)?-(?!\*)(\w+)\b/i,y=self.Prism={languages:{insertBefore:function(e,t,a,n){var r=(n=n||y.languages)[e],i={};for(var s in r)if(r.hasOwnProperty(s)){if(s==t)for(var g in a)a.hasOwnProperty(g)&&(i[g]=a[g]);i[s]=r[s]}return n[e]=i},DFS:function(e,t){for(var a in e)t.call(e,a,e[a]),"[object Object]"===Object.prototype.toString.call(e)&&y.languages.DFS(e[a],t)}},highlightAll:function(e,t){for(var a,n=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'),r=0;a=n[r++];)y.highlightElement(a,!0===e,t)},highlightElement:function(e,t,a){for(var n,r,i=e;i&&!o.test(i.className);)i=i.parentNode;if(i&&(n=(i.className.match(o)||[,""])[1],r=y.languages[n]),r){e.className=e.className.replace(o,"").replace(/\s+/g," ")+" language-"+n,i=e.parentNode,/pre/i.test(i.nodeName)&&(i.className=i.className.replace(o,"").replace(/\s+/g," ")+" language-"+n);var s=e.textContent.trim();if(s){var g={element:e,language:n,grammar:r,code:s=s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/\u00a0/g," ")};if(y.hooks.run("before-highlight",g),t&&self.Worker){var l=new Worker(y.filename);l.onmessage=function(e){g.highlightedCode=c.stringify(JSON.parse(e.data)),g.element.innerHTML=g.highlightedCode,a&&a.call(g.element),y.hooks.run("after-highlight",g)},l.postMessage(JSON.stringify({language:g.language,code:g.code}))}else g.highlightedCode=y.highlight(g.code,g.grammar),g.element.innerHTML=g.highlightedCode,a&&a.call(e),y.hooks.run("after-highlight",g)}}},highlight:function(e,t){return c.stringify(y.tokenize(e,t))},tokenize:function(e,t){var a=y.Token,n=[e],r=t.rest;if(r){for(var i in r)t[i]=r[i];delete t.rest}e:for(var i in t)if(t.hasOwnProperty(i)&&t[i]){var s=t[i],g=s.inside,l=!!s.lookbehind||0;s=s.pattern||s;for(var o=0;o<n.length;o++){var c=n[o];if(n.length>e.length)break e;if(!(c instanceof a))if(s.lastIndex=0,u=s.exec(c)){l&&(l=u[1].length);var u,p=u.index-1+l,h=p+(u=u[0].slice(l)).length,d=c.slice(0,p+1),f=c.slice(h+1),m=[o,1];d&&m.push(d);var b=new a(i,g?y.tokenize(u,g):u);m.push(b),f&&m.push(f),Array.prototype.splice.apply(n,m)}}}return n},hooks:{all:{},add:function(e,t){var a=y.hooks.all;a[e]=a[e]||[],a[e].push(t)},run:function(e,t){var a=y.hooks.all[e];if(a&&a.length)for(var n,r=0;n=a[r++];)n(t)}}},c=y.Token=function(e,t){this.type=e,this.content=t};if(c.stringify=function(e){if("string"==typeof e)return e;if("[object Array]"==Object.prototype.toString.call(e)){for(var t=0;t<e.length;t++)e[t]=c.stringify(e[t]);return e.join("")}var a={type:e.type,content:c.stringify(e.content),tag:"span",classes:["token",e.type],attributes:{}};"comment"==a.type&&(a.attributes.spellcheck="true"),y.hooks.run("wrap",a);var n="";for(var r in a.attributes)n+=r+'="'+(a.attributes[r]||"")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'" '+n+">"+a.content+"</"+a.tag+">"},self.document){var e=document.getElementsByTagName("script");(e=e[e.length-1])&&(y.filename=e.src,document.addEventListener&&!e.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",y.highlightAll))}else self.addEventListener("message",function(e){var t=JSON.parse(e.data),a=t.language,n=t.code;self.postMessage(JSON.stringify(y.tokenize(n,y.languages[a]))),self.close()},!1)}(),Prism.languages.markup={comment:/<!--[\w\W]*?--(>|>)/g,prolog:/<\?.+?\?>/,doctype:/<!DOCTYPE.+?>/,cdata:/<!\[CDATA\[[\w\W]+?]]>/i,tag:{pattern:/<\/?[\w:-]+\s*[\w\W]*?>/gi,inside:{tag:{pattern:/^<\/?[\w:-]+/i,inside:{punctuation:/^<\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(('|")[\w\W]*?(\2)|[^\s>]+)/gi,inside:{punctuation:/=/g}},punctuation:/\/?>/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/&#?[\da-z]{1,8};/gi},Prism.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))}),Prism.languages.css={comment:/\/\*[\w\W]*?\*\//g,atrule:/@[\w-]+?(\s+.+)?(?=\s*{|\s*;)/gi,url:/url\((["']?).*?\1\)/gi,selector:/[^\{\}\s][^\{\}]*(?=\s*\{)/g,property:/(\b|\B)[a-z-]+(?=\s*:)/gi,string:/("|')(\\?.)*?\1/g,important:/\B!important\b/gi,ignore:/&(lt|gt|amp);/gi,punctuation:/[\{\};:]/g},Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{style:{pattern:/(<|<)style[\w\W]*?(>|>)[\w\W]*?(<|<)\/style(>|>)/gi,inside:{tag:{pattern:/(<|<)style[\w\W]*?(>|>)|(<|<)\/style(>|>)/gi,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css}}}),Prism.languages.javascript={comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|\/\/.*?(\r?\n|$))/g,lookbehind:!0},string:/("|')(\\?.)*?\1/g,regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,lookbehind:!0},keyword:/\b(var|let|if|else|while|do|for|return|in|instanceof|function|new|with|typeof|try|catch|finally|null|break|continue)\b/g,boolean:/\b(true|false)\b/g,number:/\b-?(0x)?\d*\.?\d+\b/g,operator:/[-+]{1,2}|!|=?<|=?>|={1,2}|(&){1,2}|\|?\||\?|\*|\//g,ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g},Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/(<|<)script[\w\W]*?(>|>)[\w\W]*?(<|<)\/script(>|>)/gi,inside:{tag:{pattern:/(<|<)script[\w\W]*?(>|>)|(<|<)\/script(>|>)/gi,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript}}}),Prism.languages.java={comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|\/\/.*?(\r?\n|$))/g,lookbehind:!0},string:/("|')(\\?.)*?\1/g,keyword:/\b(abstract|continue|for|new|switch|assert|default|goto|package|synchronized|boolean|do|if|private|this|break|double|implements|protected|throw|byte|else|import|public|throws|case|enum|instanceof|return|transient|catch|extends|int|short|try|char|final|interface|static|void|class|finally|long|strictfp|volatile|const|float|native|super|while)\b/g,boolean:/\b(true|false)\b/g,number:/\b0b[01]+\b|\b0x[\da-f]*\.?[\da-fp\-]+\b|\b\d*\.?\d+[e]?[\d]*[df]\b|\W\d*\.?\d+\b/gi,operator:{pattern:/([^\.]|^)([-+]{1,2}|!|=?<|=?>|={1,2}|(&){1,2}|\|?\||\?|\*|\/|%|\^|(<){2}|($gt;){2,3}|:|~)/g,lookbehind:!0},ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g};
//Line Number
$('pre').attr('class', 'line-numbers');Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("\n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)});
//SelectorAll
for(var pres=document.querySelectorAll("var,samp,strong,em,code,pre,kbd,blockquote,value,textarea"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);

      /*]]>*/
    </script>

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

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

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

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

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

لذلك استمتعو بهذه الاضافة الناذرة و الجميلة على ان القاكم غدا انشالله مع جديد و الحصري فقط على موقع تقني واي.
اسم الملف : generator code حجم الملف : 5.8kb نوع الخادم : Google drive

الخميس، 11 يوليو 2019

نظرة على خيارات التخزين عبر الإنترنت التي تقدمها شركة Google

خدمات Google السحابية تعد Google واحدة من أكبر مزودي خدمات التخزين السحابي في العالم. مع أكثر من 2.5 مليار جهاز يعمل بنظام Android ، يتعين على عملاق الإعلانات والبحث تخصيص ما يصل إلى 20 إكسابايت (على افتراض نسبة جهازين لكل حساب مستخدم) ؛ أن ما يقرب من 20 مليار جيجابايت من البيانات حيث يرتبط كل حساب في Gmail بمستوى تخزين سحابي مجاني يبلغ 15 جيجابايت.
الإعلانات الكثير من محركات الأقراص الثابتة والكثير من الخوادم (ربما أكثر من مليون) منتشرة في جميع أنحاء العالم. من المحتمل أن يكون الرقم الحقيقي أقل من ذلك بكثير ، لأنه لا يستخدم جميع الأشخاص هذا التخزين الكبير وظهور Facebook يعني أن المليارات تخزن صورهم في مكان آخر.

عندما يتعلق الأمر بالتخزين السحابي للمستهلك ، لدى Google ثلاثة مجمعات بيانات رئيسية للمستخدمين النهائيين: Google Drive و Gmail و Google Photos ؛ يشاركون جميعهم نفس حصة التخزين المجانية كجزء من Google One ، وهو نظام عضوية Google الجديد الذي يمنحك إمكانية الوصول إلى الخبراء ، والتخزين الموسّع والمزيد.

تتوفر الخيارات المدفوعة في حالة الرغبة في وضع المزيد من البيانات عبر الإنترنت. ستكلفك مساحة تخزين تصل إلى 100 جيجابايت 15.99 دولارًا سنويًا من خلال أغلى فئة ، حيث تصل سعة 30 تيرابايت إلى 2880 دولارًا في العام. بالإضافة إلى ذلك ، لا تأخذ الصور ومقاطع الفيديو المخزنة باستخدام حجم "جودة عالية" (الصور - ما يصل إلى 16 ميجابكسل ومقاطع الفيديو - حتى الدقة العالية الكاملة) أي مساحة على الإطلاق من حصة التخزين لديك.

الآن ما لم يكن لديك النطاق العريض بسرعة فائقة جيجابت ، فمن المرجح أن تكون سرعات التحميل بطيئة. يعني التحميل عند 2 ميغابت في الثانية أنك ستحمل ما يصل إلى 22 جيجابايت في اليوم ؛ هذا من الناحية النظرية. على افتراض أن لديك خط إنترنت مخصصًا ، سوف يستغرق الأمر ما يقرب من أربع سنوات لملء سعة تخزين تبلغ 30 تيرابايت. استراتيجية النسخ الاحتياطي الواضحة لزيادة كفاءة التخزين التي يجب أن تكون قادرًا على استخدامها.

الإعلانات " خدمة أخرى" جوجل سحابة التخزين خارج سوق المستهلكين ، تعمل Google أيضًا على واحدة من أكبر السحابات العامة في العالم (إلى جانب Amazon و Microsoft و IBM و Oracle). يعد Google Cloud Storage (على غرار AWS S3) أحد مكوناته الأساسية ويوفر تخزينًا موحدًا للمطورين والشركات. كجزء من منصة Google Cloud Platform ، فإنه يوفر للشركات ثلاث مستويات تخزين (قياسية وخط قريب وخط بارد) ، مع تسعير يعتمد على عدد مرات الوصول (أكثر من مرة في الشهر ، وأقل من مرة في الشهر ، وأقل من مرة في السنة).

لا يتوفر هذا النوع من التخزين بسهولة للمستخدمين النهائيين ولكنه أرخص ، خاصة إذا كنت لا تحتاج إلى الكثير من البيانات. ستكلفك مساحة تخزين تبلغ 20 غيغابايت فقط 4.80 دولارًا سنويًا ، وستنخفض إلى 1.20 دولارًا سنويًا لتخزين الخطوط الباردة ، وستحصل على رصيد بقيمة 300 دولار مجانًا لمدة 12 شهرًا الأولى عند تجربة Google Cloud Platform . يُمكنك تخزين عدة تيرابايت من البيانات مجانًا لمدة عام ولكن يجب نقل كل ذلك في غضون 30 يومًا من انتهاء الفترة التجريبية. يتم تحصيل رسوم إضافية مقابل الوصول إلى البيانات ونقلها ولقيامك بالإجراءات داخل بيئة التخزين السحابية.

تجدر الإشارة إلى أن G Suite ، حزمة تطبيقات Google التجارية ، تمنحك مساحة تخزين سحابية غير محدودة مقابل 12 دولارًا شهريًا عبر ستة مستخدمين ، بحيث يبلغ الحد الأقصى 864 دولارًا على مدار عام. هذا هو أقل بكثير من 3K دولار بالقرب من 30TB. إذا كان لديك الكثير من البيانات للنسخ الاحتياطي (شريط ، محرك أقراص فلاش USB أو محركات أقراص صلبة) في سحابة Google ، فيمكنك حتى الحصول على جهة خارجية للقيام بذلك نيابة عنك.

تم فحص Google حاليًا فقط Iron Mountain و Zadara Storage للقيام بذلك. سيتعين عليك دفعها لنقل البيانات فعليًا من الأجهزة الطرفية الخاصة بك إلى مراكز بيانات Google. سيكون مكلفًا خاصةً إذا لم تكن مقيمًا في الولايات المتحدة ، ولكن على الأقل لن تحتاج إلى الانتظار لسنوات. كما هو الحال دائمًا ، تأكد من حصولك على نسخة احتياطية مزدوجة أو ثلاثية قبل إرسال أو شحن شيء حساس مثل تيرابايت أو حتى البيانات التي تبلغ قيمتها بايت.

الاثنين، 8 يوليو 2019

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

أولا أعتذر عن الغياب فلا أقصد هذا و لكن الظروف تجبرني على ذلك اليوم أنشألله سوف اشرح لكم طريقة تركيب اضافة معلومات التدوينة بشكلها الجديد و المبسط .
حصريا طريقة تركيب اضافة معلومات الموضوع على مدونات بلوجر
فهي تتوفر على موقعنا و اضفتها تقريبا اقل من اسبوع وجدها جميلة، بدون اطالة و مجاملات لنذهب لطريقة التركيب و اماكن وضع الاكواد .
طريقة تركيب الإضافة
اولا قم بوضع اكواد css فوق وسم ]]></b:skin>
طبعا الأكواد فهي جاهزة و مصممة بشكل جميل و لك الحرية في التعديل عليها.

.post-info > span {display: block; float: none; clear: both; min-height: 32px; margin-bottom: 4px; background: rgba(245, 244, 244, 0.7); font-size: 13px;}
.post-info a { color: #408696; }
.post-info > span .fa { width: 32px; height: 32px; color: #fff; text-align: center; font-size: 22px; margin-left: 10px; padding-top: 5px; vertical-align: middle; }
.post-info > span .fa-comment { background: orange; }
.post-info > span .fa-user { background: #E55048; }
.post-info > span .fa-copyright { background: #21a1e5; }
.post-info > span .fa-calendar { background: #7F93A2; background: #7F93A2; color: white; border-radius: 0px; padding: 5px 0px 0px 0px; }
.post-info > span .fa-tags { background: #81e058; }
.post-info > span .fa-eye { background: #0ebeff; }
.post-info > span .fa-star { background: #fcd000; }
.post-info > span .fa-chain-broken { background:#974EE5; }
.rw-ui-container.rw-dir-ltr .rw-report-link, .rw-ui-container.rw-valign-middle.rw-halign-right .rw-report-link, .rw-ui-tooltip, .rw-ui-info-nub.rw-ui-info-inner-nub, .rw-ui-info-nub.rw-ui-info-outer-nub, .rw-ui-report.rw-size-large.rw-halign-center.gradient.rw-dir-ltr.rw-type-nero.rw-meta-rating-29085119.rw-valign-bottom, .rw-ui-report.rw-dir-ltr, .rw-ui-container.rw-size-medium .rw-report-link { display: none !important; }
.rw-ui-info-inner-container:hover { background: none !important; }
.rw-ui-container.rw-size-small span.rw-ui-info {color: #b8b8b8 !important; text-transform: uppercase; font-size: 13px; display: none; }
.rw-ui-container.rw-halign-right, .rw-ui-container.rw-halign-right .rw-ui-info-inner-container { border-color: #f8f7f7 !important; background-color: #f8f7f7 !important;}

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

غالبية الاشخاص يضعها اسفل التدوينة مباشرة لذلك قم بوضع كود html اسفل وسم الخاص بالمواضيع و هو <data:post.body/>غالبا سوف يكون التاني او التالث
سيكون هناك ملحق على شكل ملف لأن كود html كبير نوعا ما لذاك حمل الملحق من اسفل الموضوع.

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

هذا كل شيئ اليوم هذا الاسبوع انشألله سوف يكون حافل بالمواضيع و الإضافات لذلك لا تبخلو علينا بمشاركة المواضيع لتعم الفائدة علينا و عليكم.
إسم الملف : معلومات التدوينة.xml حجم الملف : 3.51KB نوع الخادم : Google Drive

السبت، 29 يونيو 2019

هذية مني إليكم منافس سيو بلس قالب GM المدفوع بشكل مجاني على موقعنا

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

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

مميزات قالب Gm 

  1. يتوفر على 60 لغة
  2. إضافة تقسيم المحتوى إلى صفحات متنوعة لمواقع الفيرال
  3. تقليل استخدام وضغط اكواد CSS , Javascript
  4. عدم وجود أخطاء برمجية
  5. لوحة تحكم بشكل متميز وبسيط من الإستراتيجية تجعل من السهل تحديث وحذف عناصر القالب
  6. يمكنك تشغيل وإيقاف الاضافات من التخطيط فقط
  7. استعمال الوان مريحة وانيقة
  8. اضافة تمرير المزيد الافضل من ترقيم الصفحات
  9. متجاوب ويدعم جميع الشاشات والأحجام المتغايرة
  10. قائمة الاقسام بشكل حديث ومنسدلة علي الشاشات الضئيلة
  11. امكانية اضافة الاعلانات في كل مناطق الموقع
  12. شكل فريد للعناوين الداخلية
  13. اضافة بيانات الكاتب اسفل كل مشاركة
  14. مشاركات ذات صلة اسفل الموضوع على نحو فريد
  15. يدعم سيو قوي جدا وأرشفة المواضيع
  16. تسريع ظهور الاعلانات أدسنس
كل هذا متوفر في قالب GM بلوجر صراحة ترددت في نشر هذا القالب بحكم انه مدفوع و ثمنه 10 دولار و صاحب القالب شاب عربي لذلك لا تبخلو علينا بمشارك  الموضوع لتعم الفائدة للجميع .