كيف تنسق المدونة بقالب سيو بلس مجاني وتغير ألوانها؟

ديسمبر 10, 2022

(0)

"'>

<b:else/>

</b:if>

<data:post.body/>

<b:include cond='data:post.body contains "Pagecontactus" and data:view.isPage' name='contactUsJs'/>

<b:include cond='data:post.body contains "ArchivePage" and data:view.isPage' name='Archive'/>

</div>

</b:includable>

<b:includable id='postBodySnippet' var='post'/>

<b:includable id='postCommentsAndAd' var='post'/>

<b:includable id='postCommentsLink'>

<b:if cond='data:view.isMultipleItems'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

<b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>

</span>

</b:if>

</b:includable>

<b:includable id='postFooter' var='post'/>

<b:includable id='postFooterAuthorProfile' var='post'/>

<b:includable id='postHeader' var='post'/>

<b:includable id='postMeta' var='post'>

<b:include data='post' name='postMetadataJSON'/>

</b:includable>

<b:includable id='postPagination'/>

<b:includable id='postTitle' var='post'>

</b:includable>

<b:includable id='previousPageLink'/>

<b:includable id='sp-RelatedPosts' var='post'>

<b:loop index='i' values='data:post.labels' var='label'>

<b:if cond='data:i == 0'>

<div class='headline RelatedPost'><h3 class='title'>أخر المواضيع من قسم : <data:label.name/></h3></div>

</b:if>

</b:loop>

<b:loop index='i' values='data:post.labels' var='label'>

<b:if cond='data:i == 0'>

</b:if>

</b:loop>

</div>

</b:includable>

<b:includable id='sp-aboutPostAuthor' var='post'>

<b:if cond='data:post.author.aboutMe and data:view.isPost'>

<b:if cond='data:post.author.authorPhoto.image'>

</div>

كتب بواسطة : <span><data:post.author.name/></span>

</a>

</div>

<data:post.author.aboutMe/>

</div>

</div></div>

<b:else/>

</a>

</div>

<data:post.author.aboutMe/>

</div>

</b:if>

</div>

</b:if>

</b:includable>

<b:includable id='sp-errorPage'>

<h2 class='error'>معذرة، فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة.</h2>

</div>

<style>

div#error-page {

display: block;

text-align: center;

padding: 30px;

height: calc((100vh - 245px));

}

.r-r {

float: none;

width: 100%;

}

h1.errornum {

font-size: 80px;

}

h2.error {

font-size: 23px;

color: #4e4e4e;

}

.block-side {

display: none;

}

@media screen and (max-width:992px){div#error-page {height:auto;}}

</style>

</b:includable>

<b:includable id='sp-homePosts' var='post'>

<b:if cond='data:post.featuredImage'>

</a>

</picture>

<b:else/>

</a>

</b:if>

</div>

<b:if cond='data:post.author.profileUrl'>

<b:else/>

</b:if>

<data:post.labels.first.name/></a>

</span>

</div>

<a class='moreLink' expr:href='data:post.url' expr:title='data:post.title'>أقراء المزيد</a>

</div>

</b:includable>

<b:includable id='sp-navigation' var='post'>

<b:if cond='data:this.newerPageUrl'>

<b:else/>

<span>أنت الان في اول موضوع</span>

</b:if>

</div>

<b:if cond='data:this.olderPageUrl'>

<b:else/>

<a><span>أنت الأن في اخر موضوع</span></a>

</b:if>

</div>

//<![CDATA[

!function(n){var e=n(".topic-nav-cont a.next"),r=n(".topic-nav-cont a.prev");n.get(e.attr("href"),function(t){e.html("<span class='texxattt'>المقال التالي</span> <span class='posttitle'>"+n(t).find(".entry-title").text()+"</span>")},"html"),n.get(r.attr("href"),function(t){r.html("<span class='texxattt'>المقال السابق</span> <span class='posttitle'>"+n(t).find(".entry-title").text()+"</span>")},"html")}(jQuery);

//]]>

</script>

</div>

</b:includable>

<b:includable id='sp-nextprev'>

<b:if cond='data:newerPageUrl'>

<data:messages.newer/></a>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

<data:messages.older/></a>

</span>

</b:if>

</div>

<div class='loadMorePosts'><a href='javascript:void(0)'>عرض المزيد <svg aria-hidden='true' class='icon-load' focusable='false' role='img' viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg'><path d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='currentColor'/></svg></a></div>

<div id='loader' style='display: none'>جاري العرض <svg class='notran icon-load' version='1.1' viewBox='0 0 50 50' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'><path class='notran' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z' fill='currentColor' transform='rotate(240 25 25)'><animateTransform attributeName='transform' attributeType='xml' class='notran' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>

<div class='noMorePosts' style='display: none'>انتهت المواضيع <svg aria-hidden='true' class='icon-load' data-icon='times' data-prefix='far' role='img' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' fill='currentColor'/></svg></div>

</div>

</b:includable>

<b:includable id='sp-postQuickEdit' var='post'>

<b:if cond='data:view.isPost'>

<a expr:href='"https://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=post;postID=" + data:post.id' target='_blank' title='تعديل المشاركة'> تعديل المشاركة </a>

</span></b:if>

<b:if cond='data:view.isPage'>

<a expr:href='"https://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=page;pageID=" + data:post.id' target='_blank' title='تعديل الصفحة'> تعديل الصفحة </a>

</span></b:if>

</b:includable>

<b:includable id='sp-postTags' var='post'>

<b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels.any'>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</div>

<b:loop index='item' values='data:post.labels' var='label'>

<b:if cond='data:item lt 1'>

"@context": "http://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem","position": 1,"item": {"@id": "<data:blog.homepageUrl.canonical/>","name": "<data:blog.title/>"}},{"@type": "ListItem","position": 2,"item": {"@id": "<data:label.url.canonical/>","name": "<data:label.name/>"}},{"@type": "ListItem","position": 3,"item": {"@id": "<data:post.url.canonical/>","name": "<data:view.title.escaped/>"}}]}</script>

</b:if>

</b:loop>

</b:if>

</b:includable>

<b:includable id='sp-reactions' var='post'>

<b:if cond='data:widgets.Blog.first.allBylineItems.reactions'>

<data:widgets.Blog.first.allBylineItems.reactions.label/>

</span>

</span>

$reacAct =0;

$(document).scroll(function(){if ($(window).scrollTop() > 200) {if(!$reacAct) $('.reactions-iframe').attr('src' , $('.reactions-iframe').attr('data-src'));$reacAct =1;}})

$(window).scroll(function() {if ($(window).scrollTop() > 200) {if(!$reacAct) $('.reactions-iframe').attr('src' , $('.reactions-iframe').attr('data-src'));$reacAct =1;}});

</script>

</b:if>

</b:includable>

<b:includable id='sp-sharePost' var='post'>

<b:if cond='data:widgets.Blog.first.allBylineItems.share and data:view.isPost'>

<span><div class='icon fa-facebook'/>فيسبوك</span>

</a>

<span><div class='icon fa-twitter'/>تويتر</span>

</a>

<span><div class='icon fa-pinterest'/>بنترست</span>

</a>

<span><div class='icon fa-whatsapp'/>واتساب</span>

</a>

<span><div class='icon fa-reddit'/>ريدايت</span>

</a>

<span><div class='icon fa-linkedin'/>لينكدين</span>

</a>

</div>

//<![CDATA[

$( ".ic-phone" ).click(function() {var ua = navigator.userAgent.toLowerCase();var isAndroid = ua.indexOf("android") > -1;var Ismobile = ua.indexOf("mobile") > -1;var isiPhone = ua.indexOf("iPhone") > -1;if(isAndroid) {}else if(Ismobile){}else if(isiPhone){}else {alert("لا يمكنك مشاركة التدوينة على الواتساب من الحاسوب !");}});

//]]>

</script>

</b:if>

</b:includable>

<b:includable id='threadedCommentForm' var='post'>

<b:if cond='data:this.messages.blogComment != ""'>

</b:if>

</div>

<b:include data='post' name='commentFormIframeSrc'/>

<b:tag name='script' type='text/javascript'>

$( document ).ready(function() {

$commActive = 0;

if ($(window).scrollTop() > 200) {

if(!$commActive) commActive();

}

$(window).scroll(function() {

if ($(window).scrollTop() > 200) {

if(!$commActive) commActive();

}

});

function commActive(){

$commActive = 1;

var asafah = `<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' expr:src='data:commentFormIframeSrc' frameborder='0' id='comment-editor' name='comment-editor' width='100%'/>`;

$('.asfafafqw').html(asafah)

$.getScript( "https://www.blogger.com/static/v1/jsbin/1769009776-comment_from_post_iframe.js", function() {

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

/*<![CDATA[*/

$(".comment-content").each(function(e){var t=$(".comment-content:eq("+e+")");if(-1!=t.html().search(/(https|http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg|gif|png|svg))/gi))t.html(t.html().replace(/(https|http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg|gif|png|svg))/gi,'<img src="$2" />'));else if(-1!=t.html().search(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/gi)||-1!=t.html().search(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/gi))t.html(t.html().replace(/(?:https:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g,'<iframe width="100%" height="350" src="https://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>').replace(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/g,'<iframe src="//player.vimeo.com/video/$1" width="200" height="100" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'));else{var m=t.text().replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,"<a rel='nofollow noopener' target='_blank' id='commnetLinkS' href='$1'>$1</a>");t.html(m.replace(/(^|[^\/])(www\.[\S]+(\b|$))/gim,'$1<a id="commnetLinkS" target="_blank" href="http://$2">$2</a>'))}});

/*]]>*/

});

/*<![CDATA[*/

$.getScript("https://www.blogger.com/static/v1/widgets/3564956223-widgets.js").done(function(){

_WidgetManager._Init('');_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'useNgc': true}, 'displayModeFull'));

$("#comment-editor").insertAfter($(".asfafafqw "));

});

/*]]>*/

}

});

</b:tag>

</div>

</b:includable>

<b:includable id='threadedCommentJs' var='post'>

<b:template-script inline='true' name='threaded_comments'/>

blogger.widgets.blog.initThreadedComments(

<data:post.commentJso/>,

<data:post.commentMsgs/>,

<data:post.commentConfig/>);

</script>

</b:includable>

<b:includable id='threadedComments' var='post'>

<b:include name='commentsTitle'/>

<b:message name='messages.numberOfComments'>

<b:param expr:value='data:post.numberOfComments' name='numComments'/>

</b:message>

</div>

<b:if cond='data:post.allowNewComments == "true"'>

</b:if>

</div>

</div>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threadedCommentForm'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

</b:if>

</section>

</b:includable>

</b:widget>

<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML200' locked='true' title='اعلان اول الموضوع' type='HTML' version='2' visible='false'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

</b:includable>

</b:widget>

<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML201' locked='true' title='اعلان اخر الموضوع' type='HTML' version='2' visible='false'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

</b:includable>

</b:widget>

<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML202' locked='true' title='اعلان منتصف الموضوع' type='HTML' version='2' visible='false'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

if($('#s7bcent-a3lan-PagePrake').length){$("#s7bcent-a3lan-PagePrake").append($("#Centercontent-a3lan"));}

else{$Center = Math.floor($('.post-body br').length/2-1);$("#Centercontent-a3lan").insertAfter(".post-body br:eq("+$Center+")");}

</script>

</b:includable>

</b:widget>

<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML220' locked='true' title='اعلان مقالات ذات صلة' type='HTML' version='2' visible='false'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

</b:includable>

</b:widget>

</b:section>

<b:section class='hideee' cond='not data:view.isError' id='RedirectPage' maxwidgets='1' showaddelement='no'>

<b:widget id='HTML12' locked='true' title='ميزة جدول التنقل' type='HTML' version='2' visible='false'>

<b:widget-settings>

<b:widget-setting name='content'>التنقل السريع</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:view.isPost'>

//<![CDATA[

$("#tocDiv").append($(".topcs7v")),$(tocList).empty();var t=null,a=null,e=0;$(".ap-connt h2, .ap-connt h3, .ap-connt h4").each(function(){var n="<a name='"+e+"'></a>";$(this).before(n);var p="<li><a href='#"+e+"'>"+$(this).text()+"</a></li>";$(this).is("h2 , h3, h4")?(a=$(),(t=$(p)).append(a),t.appendTo("#tocList")):a.append(p),e++});

//]]>

</script>

</b:if>

</b:includable>

</b:widget>

<b:widget id='Label500' locked='true' title='ميزة اقرأ ايضا' type='Label' version='2' visible='false'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>LIST</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:if cond='data:view.isPost'><div class='post-random'><div class='newPost'/><div class='newPost'/><div class='newPost'/><div class='newPost'/></div>

//<![CDATA[

// Multi Related Post

//]]>

</script>

//<![CDATA[

(function newPost() {var text = 'اقرا ايضا';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let Post = document['querySelectorAll']('.post-random .newPost');while (i < relatedTitles['length'] && i < Post['length']) {for (let a = 0; a < Post['length']; a++) {Post[a]['innerHTML'] = '<span class="texxattt">' + text + '</span><a class="posttitle" href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();

//]]>

</script>

<b:if cond='data:title contains "[bot]"'>

//<![CDATA[

if($('#s7bcent-a3lan-PagePrake').length){}

else{$(".post-random").insertBefore("#bot-a3lan");}

//]]>

</script>

<b:else/>

//<![CDATA[

if($('#s7bcent-a3lan-PagePrake').length){}else{

$cent = Math.floor($('.post-body br').length/2-1 )

$(".post-random").insertBefore(".post-body br:eq("+$cent+")");

}

//]]>

</script>

</b:if>

</b:includable>

<b:includable id='3colList'/>

<b:includable id='cloud'/>

<b:includable id='content'/>

<b:includable id='default'/>

<b:includable id='list'/>

<b:includable id='posts1'/>

<b:includable id='posts2'/>

<b:includable id='posts3'/>

<b:includable id='posts4'/>

<b:includable id='posts5'/>

<b:includable id='posts6'/>

<b:includable id='postsNormal'/>

<b:includable id='slide'/>

</b:widget>

</b:section>

</div>

<b:if cond='not data:view.isError'>

<b:section id='sidepar'>

<b:widget id='LinkList4' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='false'>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='data:links' var='link'>

</b:loop>

</div>

</b:includable>

</b:widget>

</b:section>

</aside>

</b:if>

</div>

<b:section class='footer-col' id='footer-col1'/>

<b:section class='footer-col' id='footer-col2'/>

<b:section class='footer-col' id='footer-col3'/>

</div>

</div>

<b:section id='footer-social' maxwidgets='1' showaddelement='no'>

<b:widget id='LinkList2' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='data:links' var='link'>

</b:loop>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</footer>

</div>

<b:tag name='script' type='text/javascript'>var ArrowIcon = "<svg aria-hidden='true' focusable='false' role='img' viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg'><path d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='currentColor'/></svg>",BlogID = String(<data:blog.blogId/>);</b:tag><div class='smoothscroll-top'><span class='scroll-top-inner'><svg aria-hidden='true' class='icon' data-icon='angle-up' data-prefix='fas' role='img' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z' fill='currentColor'/></svg></span></div>

<b:if cond='data:blog.analyticsAccountNumber'><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', '<data:blog.analyticsAccountNumber/>', 'auto', 'blogger');ga('blogger.send', 'pageview');</script></b:if>

/*]]>*/</script>

</html>

كيف تغير الألوان للعناوين؟

ابحث عن مشاركات في HTML، بالضبط لون عناوين المشاركات وغير كود اللون وضع مكانه كود اللون الذي تريده، اتبع الطريقة بالتفاصيل من هنا.

ختاما

الألوان والقالب الجيد والصفحات يُريح المُتصفح ويزيد جمالا لمُدونتك، فإن الله جميل يحب الجمال، واربطها بكوكل كونسول.

الأقسام التعليم

تعليقات

ليست هناك تعليقات

إرسال تعليق

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

البرمجة اللغوية-albarmah

أخر الاخبار

كيف تنسق المدونة بقالب سيو بلس مجاني وتغير ألوانها؟

كيف تغير الألوان للعناوين؟

ختاما