إضافة صندوق تضمين الأكواد مع زر النسخ في بلوجر 2023


head

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="preconnect" href="https://fonts.gstatic.com"/>
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300" rel="stylesheet"/>


أكواد HTML


<div class="codeBlockCopy" >
<form>
<textarea dir="ltr" id="mytext" rows="5">
Your code here
</textarea>
</form>
<button onclick="document.getElementById('mytext').select();
document.execCommand('copy');">نسخ الكل <i class="fa fa-copy"></i></button>
</div>



وهذا هو كود CSS الخاص بهذا الصندوق:

.codeBlockCopy {margin:10px; padding-left:10px}

.codeBlockCopy textarea {width:90%; background:#f3f3f3; padding:5px;border:1px solid gray; font-family: 'Fira Code'}

.codeBlockCopy button {border: 1px solid gray;cursor: pointer}

محول اكواد ادسنس

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<br />
<div class="separator" style="clear: both; text-align: center;"><br /></div>
<b><span style="color: #800180; font-family: times; font-size: x-large;">مرحبا بكم اصدقاء <a href="https://www.joker0o.de">مدونة قود توينز</a></span></b></div><div style="text-align: center;"><b><span style="font-size: x-large;">..</span></b></div><div style="text-align: center;"><b><span style="font-size: x-large;"><span style="color: red;">هذا المحول أكواد</span> <span style="font-family: times;">نستخدمه لتعديل تكويد السكريبتات التي لا يقبلها القالب مثل الشفرات الإعلانية لأدسنس أو لإضافة اكواد في تعليقات بلوجر</span></span></b></div>
<div style="text-align: center;">
<br /></div>
<div dir="rtl" style="text-align: right;" trbidi="on">
<center>
<iframe idm_frm="2341" frameborder="0" height="240px" marginheight="0px" marginwidth="0px" name="myiFrmo" scrolling="no" src="data:text/html;base64,PGh0bWw+PGhlYWQ+CjxtZXRhIGh0dHAtZXF1aXY9ImNvbnRlbnQtdHlwZSIgY29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PVVURi04Ij4KPG1ldGEgY2hhcnNldD0idXRmLTgiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgpib2R5IHttYXJnaW46IDA7cGFkZGluZzogMDt9CnRleHRhcmVhIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTU1OwogIGJvcmRlcjogMCBub25lOwogIGNvbG9yOiAjZmZmOwogIGRpcmVjdGlvbjogbHRyOwogIGRpc3BsYXk6IGJsb2NrOwogIGZsb2F0OiByaWdodDsKICBmb250OiAxNHB4IGFyaWFsOwogIGhlaWdodDogMjAwcHg7CiAgcGFkZGluZzogNXB4OwogIHRleHQtYWxpZ246IGxlZnQ7CiAgd2lkdGg6IDEwMCU7Cn0KaW5wdXQgewogIGJhY2tncm91bmQtY29sb3I6ICNlZWU7CiAgYm9yZGVyOiAwIG5vbmU7CiAgYm94LXNoYWRvdzogMCAwIDFweCAjYmJiIGluc2V0OwogIGNvbG9yOiAjNDQ0OwogIGN1cnNvcjogcG9pbnRlcjsKICBkaXNwbGF5OiBibG9jazsKICBmbG9hdDogcmlnaHQ7CiAgZm9udDogYm9sZCAxNHB4IHRhaG9tYTsKICBtYXJnaW4tdG9wOiAtMXB4OwogIHBhZGRpbmc6IDVweCAwIDhweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgdHJhbnNpdGlvbjogYWxsIDAuN3MgZWFzZSAwczsKICB3aWR0aDogNTAlOwp9CmlucHV0OmhvdmVyIHsgYmFja2dyb3VuZC1jb2xvcjogIzQ0NkZBQTsgY29sb3I6ICNmZmY7fQo8L3N0eWxlPgo8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+Ci8vPCFbQ0RBVEFbCmZ1bmN0aW9uIGh0bWwyZW50aXRpZXMoKXsKdmFyIHJlPS9bPD4iJyZdL2cKZm9yIChpPTA7IGk8YXJndW1lbnRzLmxlbmd0aDsgaSsrKQphcmd1bWVudHNbaV0udmFsdWU9YXJndW1lbnRzW2ldLnZhbHVlLnJlcGxhY2UocmUsIGZ1bmN0aW9uKG0pe3JldHVybiByZXBsYWNlY2hhcihtKX0pCn0KZnVuY3Rpb24gcmVwbGFjZWNoYXIobWF0Y2gpewppZiAobWF0Y2g9PSI8IikKcmV0dXJuICImbHQ7IgplbHNlIGlmIChtYXRjaD09Ij4iKQpyZXR1cm4gIiZndDsiCmVsc2UgaWYgKG1hdGNoPT0iXCIiKQpyZXR1cm4gIiZxdW90OyIKZWxzZSBpZiAobWF0Y2g9PSInIikKcmV0dXJuICImIzAzOTsiCmVsc2UgaWYgKG1hdGNoPT0iJiIpCnJldHVybiAiJmFtcDsiCn0KLy9dXT4KPC9zY3JpcHQ+CjxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij4KLy88IVtDREFUQVsKLy9DaGFyYWN0ZXIgY291bnQgc2NyaXB0CmZ1bmN0aW9uIGNvdW50aXQod2hhdCl7CmZvcm1jb250ZW50PXdoYXQuZm9ybS5jaGFyY291bnQudmFsdWUKd2hhdC5mb3JtLmRpc3BsYXljb3VudC52YWx1ZT1mb3JtY29udGVudC5sZW5ndGgKfQovL11dPgo8L3NjcmlwdD4KPC9oZWFkPgo8Ym9keT4KPGZvcm0+Cjx0ZXh0YXJlYSBuYW1lPSJkYXRhMSIgcGxhY2Vob2xkZXI9Ii4uLiDYo9i22YEg2KfZhNmD2YjYryDYp9mE2YXYsdin2K8g2KrYrdmI2YrZhNmHINmH2YbYpyI+PC90ZXh0YXJlYT48YnI+CjxpbnB1dCBjbGFzcz0idGFod2VsY25tdSIgbmFtZT0iYnV0dG9uIiAgb25jbGljaz0iaHRtbDJlbnRpdGllcyh0aGlzLmZvcm0uZGF0YTEpIiB2YWx1ZT0i2KrYrdmI2YrZhCIgdHlwZT0iYnV0dG9uIj4gCjxpbnB1dCBjbGFzcz0iaGF6ZmNubXUibmFtZT0iQ2xlYXIiIHZhbHVlPSIgINmF2LPYrSAgIiB0eXBlPSJyZXNldCI+Cgo8L2Zvcm0+Cgo8L2JvZHk+PC9odG1sPgo=" style="border: 0px none; max-width: 600px;" width="100%"></iframe>
</center>
</div>
</div>

طريقة إضافة صندوق الأكواد إلى مدونة بلوجر 2023 , Blogger code box


]]></b:skin>



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::after{content:'اضغط مرتين للنسخ';padding:2px 10px;width:auto;height:auto;position:absolute;right:8px;top:8px;color:#ffffff;line-height:20px;background: red;font-family: 'Tajawal';}
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:#b1b1b1;}
pre code .token.doctype{color:#b1b1b1;}
pre code .token.cdata{color:#b1b1b1;}
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;}

......................................................................................

</body>




<script type='text/javascript'>
//<![CDATA[

!function(){var o=/\blang(?:uage)?-(?!\*)(\w+)\b/i,y=self.Prism={languages:{insertBefore:function(e,t,a,n){var r=(n=ny.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,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").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.lookbehind0;s=s.patterns;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:/&lt;!--[\w\W]*?--(&gt;|&gt;)/g,prolog:/&lt;\?.+?\?&gt;/,doctype:/&lt;!DOCTYPE.+?&gt;/,cdata:/&lt;!\[CDATA\[[\w\W]+?]]&gt;/i,tag:{pattern:/&lt;\/?[\w:-]+\s*[\w\W]*?&gt;/gi,inside:{tag:{pattern:/^&lt;\/?[\w:-]+/i,inside:{punctuation:/^&lt;\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(('|")[\w\W]*?(\2)|[^\s>]+)/gi,inside:{punctuation:/=/g}},punctuation:/\/?&gt;/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/&amp;#?[\da-z]{1,8};/gi},Prism.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))}),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:/(&lt;|<)style[\w\W]*?(>|&gt;)[\w\W]*?(&lt;|<)\/style(>|&gt;)/gi,inside:{tag:{pattern:/(&lt;|<)style[\w\W]*?(>|&gt;)|(&lt;|<)\/style(>|&gt;)/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}|!|=?&lt;|=?&gt;|={1,2}|(&amp;){1,2}|\|?\||\?|\*|\//g,ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g},Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/(&lt;|<)script[\w\W]*?(>|&gt;)[\w\W]*?(&lt;|<)\/script(>|&gt;)/gi,inside:{tag:{pattern:/(&lt;|<)script[\w\W]*?(>|&gt;)|(&lt;|<)\/script(>|&gt;)/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}|!|=?&lt;|=?&gt;|={1,2}|(&amp;){1,2}|\|?\||\?|\*|\/|%|\^|(&lt;){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;i!/pre/i.test(t.nodeName)e)||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>

......................................................................................
كود استخدمه دائما لاضافة الاكواد في مقال تقني
<pre><code class="language-markup">
<!--ضع الاكواد بعد تحويلها هنا-->
</code></pre>

https://youtu.be/h5yMeDb01Wc
https://www.mediafire.com/file/z7u20a3qw8gkd2z/كيفية+تقسيم+المقال+في+بلوجر+إلي+عدة+صفحات+مرقمة.txt/file


]]></b:skin>



/* #44a248 تقسيم المقالات بلوجر - لتغير اللون أبحث عن الكود */
.postNav{display:flex;flex-wrap:wrap;justify-content:center; font-size:90%;line-height:20px; color:#fefefe; margin-top:30px;margin-bottom:0}
.postNav > *{display:flex;align-items:center; padding:10px 13px;margin-bottom:10px; color:inherit;background-color:#44a248; border-radius:2px;text-decoration:none} .postNav > *:hover{opacity:.8}
.postNav .current{background-color:rgba(0,0,0,.03); color:#989b9f}
.postNav{font-size:13px; margin:50px 0} .postNav > *{padding:8px 15px;border-radius:2px;margin-bottom:8px} .postNav > *:not(:last-child){margin-right:8px}

............................................................
اعلي الوسم </body>

<b:if cond='data:view.isPost'>
<script>/*<![CDATA[*/ document.addEventListener('DOMContentLoaded', function() {function checkChildren(nodes, elemId){for(i=0;i<nodes.length;i++){if(nodes[i].id==elemId){return nodes[i];}else{return checkChildren(nodes[i].children, elemId);}}} function isNumeric(value) {var type = typeof value; return (type === 'number' || type === 'string') && !Number.isNaN(value - Number.parseFloat(value));} var nodes = document.querySelector('div.post-body').children; var splitdong = checkChildren(nodes, 'postSplit').innerHTML; var content = splitdong.split('<!--nextpage-->'); var url = window.location.href; var url = url.split('?page='); var no = url[1] + '&m=4'; var no = no.split('m'); var no = no[0]; var no = no.replace('&', ''); var url = url[0]; var i = 1; if( !isNumeric(no) ){var no = 1;} document.getElementById('postSplit').innerHTML = content[no-1]; if( content.length > 1 ) {document.getElementById('postSplit').innerHTML += "<div class='postNav' id='postPager'><span class='page current'>Pages :</span></div>";} if( no>1 ){document.getElementById('postPager').innerHTML += "<!-- <a href='"+url+"?page="+(no-1)+"' title='Previous Page'>Prev</a> -->";} content.forEach(function(item) { if( no == i ){document.getElementById('postPager').innerHTML += "<span class='current'>"+i+"</span>";} else {document.getElementById('postPager').innerHTML += "<a href='"+url+"?page="+i+"'>"+i+"</a>";} i++; }); if(content.length > no){ var nn = parseInt(no) + 1; document.getElementById('postPager').innerHTML += "<a href='"+url+"?page="+nn+"'>Next</a>";} }); /*]]>*/</script>
</b:if>


............................................................



<div id='postSplit'>

<h2>صفحة 1</h2>
<p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.</p>
<!--nextpage-->

<h2>صفحة 2</h2>
<p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.</p>
<!--nextpage-->

<h2>صفحة 3</h2>
<p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.</p>

</div>

إضافة زر الصعود للأعلي لمدونات بلوجر

]]></b:skin>


/*!
* زر الصعود للأعلي الأصدار الأول v1.0
* copyright 2022 قوود توينز Good Twins
*/
.scrollToTop {
outline: 0;border: 0;font - size: 14 px;cursor: pointer
}.scrollToTop svg {
display: block
}.scrollToTop {
position: fixed;z - index: 9999;opacity: 0;pointer - events: none;transition: opacity .3 s,
background .3 s,
-webkit - transform .3 s;transition: transform .3 s,
opacity .3 s,
background .3 s;transition: transform .3 s,
opacity .3 s,
background .3 s,
-webkit - transform .3 s; - webkit - transform: translateY(-2e m);transform: translateY(-2e m)
}.scrollToTop.visible {
pointer - events: all;
opacity: 1; - webkit - transform: translateY(0);
transform: translateY(0)
}
.scrollToTop svg {
fill: #0f0000
}.scrollToTop {
background - color: #ff0808;box-shadow:0 1px 4px rgba(255,8,8);bottom:1em;right:1em;padding:.5em;border-radius:4px}.scrollToTop:hover{background-color:#ff0808
}


............................................................
اعلي الوسم </body>

<!-- ScrollToTop -->
<button id="scrollToTop" data-upspeed='1000' data-upshow='600' class="scrollToTop">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24">
<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</button>
<script src='//cdn.jsdelivr.net/gh/imintweb/Js/scrollup.min.js'></script>

............................................................

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

<b:tag src='//cdn.staticaly.com/gh/jokenox/bloggerjs/master/blogger.min.js'
cond='!data:view.isMultipleItems'
name='script'/>