أجمل 5 إضافات تأقير التحميل على صفحات البلوجر

08 سبتمبر 2018

الصفحة الرئيسية اضافات

أجمل 5 إضافات تأقير التحميل على صفحات البلوجر

احدث إضافات التحميل اقدمها لكم

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

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

المعاينة و شرح تركيبها

الأضافة الأولى

نضع هذا الكود أسفل الوسم <body مباشرة

<div class='preloade'> <div class='container'> <div class='noters-blogo'/> <div class='noters-blogo'/> <div class='noters-blogo'/> <div class='noters-blogo'/> <div class='noters-blogo'/> </div> </div>

نضع هذا الكود فوق الوسم ]]></b:skin> مباشرة.

:root { --duration: 1.5s; --container-size: 250px; --box-size: 33px; --box-border-radius: 15%; } .noters-blogo { width: var(--box-size); height: var(--box-size); position: relative; display: block; transform-origin: -50% center; border-radius: var(--box-border-radius); .noters-blogo:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: lightblue; border-radius: var(--box-border-radius); box-shadow: 0px 0px 10px 0px rgba(#1C9FFF, 0.4); } &:nth-child(1) { animation: slide var(--duration) ease-in-out infinite alternate; &:after{ animation: color-change var(--duration) ease-in-out infinite alternate; } } @for $i from 1 to 5 { &:nth-child(#{$i + 1}) { animation: flip-#{$i} var(--duration) ease-in-out infinite alternate; &:after{ animation: squidge-#{$i} var(--duration) ease-in-out infinite alternate; } } } &:nth-child(2):after{ background-color: #1C9FFF; } &:nth-child(3):after{ background-color: #1FB1FD; } &:nth-child(4):after{ background-color: #22C7FB; } &:nth-child(5):after{ background-color: #23D3FB; } } @keyframes slide { 0% { background-color: #1795FF; transform: translatex(0vw); } 100% { background-color: #23D3FB; transform: translatex(calc(var(--container-size) - (var(--box-size) * 1.25))); } } @keyframes color-change { 0% { background-color: #1795FF; } 100% { background-color: #23D3FB; } } @for $i from 1 to 5 { @keyframes flip-#{$i} { 0%, #{$i * 15}% { transform: rotate(0); } #{$i * 15 + 20}%, 100% { transform: rotate(-180deg); } } @keyframes squidge-#{$i} { #{$i * 15 - 10}% { transform-origin: center bottom; transform: scalex(1) scaley(1);} #{$i * 15}% { transform-origin: center bottom; transform: scalex(1.3) scaley(0.7);} #{$i * 15 + 10}%, #{$i * 15 + 5}% { transform-origin: center bottom; transform: scalex(0.8) scaley(1.4);} #{$i * 15 + 40}%, 100% { transform-origin: center top; transform: scalex(1) scaley(1);} #{$i * 15 + 25}% { transform-origin: center top; transform: scalex(1.3) scaley(0.7);} } }

الأضافة الثانية

نضع هذا الكود أسفل الوسم <body مباشرة.

<div class='centered'> <div class='blob-1'></div> <div class='blob-2'></div> </div>

نضع هذا الكود فوق الوسم ]]></b:skin> مباشرة.

.centered{ width:400px; height:400px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#000; filter: blur(10px) contrast(20); } .blob-1,.blob-2{ width:70px; height:70px; position:absolute; background:#fff; border-radius:50%; top:50%;left:50%; transform:translate(-50%,-50%); } .blob-1{ left:20%; animation:osc-l 2.5s ease infinite; } .blob-2{ left:80%; animation:osc-r 2.5s ease infinite; background:#0ff; } @keyframes osc-l{ 0%{left:20%;} 50%{left:50%;} 100%{left:20%;} } @keyframes osc-r{ 0%{left:80%;} 50%{left:50%;} 100%{left:80%;} }

الأضافة الثالثة

نضع هذا الكود أسفل الوسم <body مباشرة.

<div class='preload-blogo'> <div class='container'> <div class='dash uno'></div> <div class='dash dos'></div> <div class='dash tres'></div> <div class='dash cuatro'></div> </div> </div>

نضع هذا الكود فوق الوسم ]]></b:skin> مباشرة.

.dash { margin: 0 15px; width: 35px; height: 15px; border-radius: 8px; background: #FF2CBD; box-shadow: 0 0 10px 0 #FECDFF; } .uno { margin-right: -18px; transform-origin: center left; animation: spin 3s linear infinite; } .dos { transform-origin: center right; animation: spin2 3s linear infinite; animation-delay: .2s; } .tres { transform-origin: center right; animation: spin3 3s linear infinite; animation-delay: .3s; } .cuatro { transform-origin: center right; animation: spin4 3s linear infinite; animation-delay: .4s; } @keyframes spin { 0% { transform: rotate(0deg); } 25% { transform: rotate(360deg); } 30% { transform: rotate(370deg); } 35% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes spin2 { 0% { transform: rotate(0deg); } 20% { transform: rotate(0deg); } 30% { transform: rotate(-180deg); } 35% { transform: rotate(-190deg); } 40% { transform: rotate(-180deg); } 78% { transform: rotate(-180deg); } 95% { transform: rotate(-360deg); } 98% { transform: rotate(-370deg); } 100% { transform: rotate(-360deg); } } @keyframes spin3 { 0% { transform: rotate(0deg); } 27% { transform: rotate(0deg); } 40% { transform: rotate(180deg); } 45% { transform: rotate(190deg); } 50% { transform: rotate(180deg); } 62% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 80% { transform: rotate(370deg); } 85% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes spin4 { 0% { transform: rotate(0deg); } 38% { transform: rotate(0deg); } 60% { transform: rotate(-360deg); } 65% { transform: rotate(-370deg); } 75% { transform: rotate(-360deg); } 100% { transform: rotate(-360deg); } }

الأضافة الرابعة

نضع هذا الكود أسفل الوسم <body مباشرة.

<div class="blobs"> <div class="blob-center"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> <div class="blob"></div> </div> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <filter id="goo"> <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" /> <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo" /> <feBlend in="SourceGraphic" in2="goo" /> </filter> </defs> </svg>

نضع هذا الكود فوق الوسم ]]></b:skin> مباشرة.

svg { display: none; } $bolb-color: #FFF200; // Loader .blobs { filter: url(#goo); width: 300px; height: 300px; position: relative; overflow: hidden; border-radius: 70px; transform-style: preserve-3d; // Blob center item .blob-center { transform-style: preserve-3d; position: absolute; background: $bolb-color; top: 50%; left: 50%; width: 30px; height: 30px; transform-origin: left top; transform: scale(.9) translate(-50%, -50%); animation: blob-grow linear 3.4s infinite; border-radius: 50%; box-shadow: 0 -10px 40px -5px $bolb-color; } } // Blob item .blob { position: absolute; background: $bolb-color; top: 50%; left: 50%; width: 30px; height: 30px; border-radius: 50%; animation: blobs ease-out 3.4s infinite; transform: scale(.9) translate(-50%, -50%); transform-origin: center top; opacity: 0; // Set animation delay for each of type @for $i from 1 to 6 { &:nth-child(#{$i}) { animation-delay: $i * 0.2 + s; } } } // Keyframes variables $left: calc(-330px - 50%); $right: calc(330px - 50%); // Keyframes @keyframes blobs { 0% { opacity: 0; transform: scale(0) translate($left, -50%); } 1% { opacity: 1; } 35%,65% { opacity: 1; transform: scale(.9) translate(-50%, -50%); } 99% { opacity: 1; } 100% { opacity: 0; transform: scale(0) translate($right, -50%); } } @keyframes blob-grow { 0%, 39% { transform: scale(0) translate(-50%, -50%); } 40%, 42% { transform: scale(1, .9) translate(-50%, -50%); } 43%, 44% { transform: scale(1.2, 1.1) translate(-50%, -50%); } 45%, 46% { transform: scale(1.3, 1.2) translate(-50%, -50%); } 47%, 48% { transform: scale(1.4, 1.3) translate(-50%, -50%); } 52%{ transform: scale(1.5, 1.4) translate(-50%, -50%); } 54% { transform: scale(1.7, 1.6) translate(-50%, -50%); } 58% { transform: scale(1.8, 1.7) translate(-50%, -50%); } 68%, 70% { transform: scale(1.7, 1.5) translate(-50%, -50%); } 78% { transform: scale(1.6, 1.4) translate(-50%, -50%); } 80%, 81% { transform: scale(1.5, 1.4) translate(-50%, -50%); } 82%, 83% { transform: scale(1.4, 1.3) translate(-50%, -50%); } 84%, 85% { transform: scale(1.3, 1.2) translate(-50%, -50%); } 86%, 87% { transform: scale(1.2, 1.1) translate(-50%, -50%); } 90%, 91% { transform: scale(1, .9) translate(-50%, -50%); } 92%, 100% { transform: scale(0) translate(-50%, -50%); } }

الأضافة الخامسة

نضع هذا الكود أسفل الوسم <body مباشرة.

<div class="loader"></div> <div class="shadow"></div>  <div class="logo"> <a href="https://mariodesigns.co.uk/" target="_blank"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/751678/MDlogo.svg" alt="Mario Designs"></a> </div>

نضع هذا الكود فوق الوسم ]]></b:skin> مباشرة.

// Color variables $main : #FFF5A5; $secundary : #FFD4DA; $terchiary : #99D2E4; // animation keyframes @keyframes mainAnimation { 0% { width: 50px; transform: translateX(0px) translateY(0px) rotate(0deg); } 20% { width: 50px; transform: translateX(0px) translateY(0px) rotate(0deg); } 40% { width: 150px; transform: translateX(-50px) translateY(0px) rotate(0deg); } 60% { width: 150px; transform-origin: bottom right; transform: translateX(-150px) translateY(0px) rotate(90deg); } 80% { width: 50px; transform: translateX(-25px) translateY(0px) rotate(90deg); } 100% { width: 50px; transform: translateX(-50px) translateY(0px) rotate(90deg); } } @keyframes secundaryAnimation { 0% { transform: translateX(0px) translateY(0px) rotate(0deg); } 20% { transform: translateX(0px) translateY(0px) rotate(180deg); } 40% { transform: translateX(0px) translateY(0px) rotate(180deg); } 60% { transform: translateX(0px) translateY(0px) rotate(0deg); } 80% { transform: translateX(0px) translateY(0px) rotate(0deg); } 100% { transform: translateX(0px) translateY(0px) rotate(180deg); } } @keyframes shadowAnimation { 0% { width: 150px; transform: translateX(-25px) translateY(0px) rotate(0deg); } 20% { width: 75px; transform: translateX(37.5px) translateY(0px) rotate(0deg); } 40% { width: 200px; transform: translateX(-25px) translateY(0px) rotate(0deg); } 60% { width: 75px; transform: translateX(37.5px) translateY(0px) rotate(0deg); } 80% { width: 75px; transform: translateX(37.5px) translateY(0px) rotate(0deg); } 100% { width: 150px; transform: translateX(-25px) translateY(0px) rotate(0deg); } } @keyframes float { 0% { top: 50%; } 50% { top: 51%; } 100% { top: 50%; } } // Styling html, body { height: 100%; } body { position: relative; background: rgb(153,210,228); background: linear-gradient(135deg, rgb(153,210,228) 0%,rgb(255,212,218) 100%); } .loader { position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; background-color: $main; transform: translateX(0px) translateY(0px) rotate(0deg); animation: mainAnimation 2.6s ease 0s infinite forwards; z-index: 2; &:after { content: ''; display: inline-block; position: absolute; width: 50px; height: 50px; top: 0; left: -50px; background-color: $main; transform-origin: top right; transform: translateX(0px) translateY(0px) rotate(0deg); animation: secundaryAnimation 2.6s ease 0s infinite forwards; } } .shadow { position: absolute; width: 100px; height: 10px; top: 50%; left: 50%; margin-top: 50px; margin-left: -75px; border-radius: 50%; background-color: #95a5a6; transform: translateX(0px) translateY(0px) rotate(0deg); animation: shadowAnimation 2.6s ease 0s infinite forwards, float 5s ease-in-out 0s infinite forwards; z-index: 1; } // MD Logo - !click to see more awesome work! .logo { position: absolute; bottom: 20px; left: 50%; width: 42px; height: 42px; padding: 12px 5px; margin-left: -21px; box-sizing: border-box; background-color: white; border-radius: 50%; transition: transform 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); &:hover { transform: scale(1.4); } img { width: 100%; height: auto; margin: 0 auto; } }

و شكرا

window['__wavt'] = 'AOuZoY6v4Wlf6LflEyrusMvPMEogWsReQQ:1601342545862';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1447494531780787993','//www.halateck.com/2018/09/5.html','1447494531780787993'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1447494531780787993', 'title': 'مدونة هلا تك', 'url': 'https://www.halateck.com/2018/09/5.html', 'canonicalUrl': 'https://www.halateck.com/2018/09/5.html', 'homepageUrl': 'https://www.halateck.com/', 'searchUrl': 'https://www.halateck.com/search', 'canonicalHomepageUrl': 'https://www.halateck.com/', 'blogspotFaviconUrl': 'https://www.halateck.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-126206837-1', 'encoding': 'UTF-8', 'locale': 'ar', 'localeUnderscoreDelimited': 'ar', 'languageDirection': 'rtl', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22مدونة هلا تك - Atom\x22 href\x3d\x22https://www.halateck.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22مدونة هلا تك - RSS\x22 href\x3d\x22https://www.halateck.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22مدونة هلا تك - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1447494531780787993/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22مدونة هلا تك - Atom\x22 href\x3d\x22https://www.halateck.com/feeds/7578444719712942284/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/107a52a1691ddec1', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'الحصول على الرابط', 'key': 'link', 'shareMessage': 'الحصول على الرابط', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'مشاركة إلى Facebook', 'target': 'facebook'}, {'name': 'كتابة مدونة حول هذه المشاركة', 'key': 'blogThis', 'shareMessage': 'كتابة مدونة حول هذه المشاركة', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'مشاركة إلى Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'مشاركة إلى Pinterest', 'target': 'pinterest'}, {'name': 'بريد إلكتروني', 'key': 'email', 'shareMessage': 'بريد إلكتروني', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ar\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'قراءة المزيد', 'pageType': 'item', 'postId': '7578444719712942284', 'postImageThumbnailUrl': 'https://1.bp.blogspot.com/-pvrEUWbfv2s/W5P5S8KAQLI/AAAAAAAACE4/6DFAx96Hg2wx0XTi0DyotHf_ptA_0SArQCLcBGAs/s72-c/22.png', 'postImageUrl': 'https://1.bp.blogspot.com/-pvrEUWbfv2s/W5P5S8KAQLI/AAAAAAAACE4/6DFAx96Hg2wx0XTi0DyotHf_ptA_0SArQCLcBGAs/s640/22.png', 'pageName': 'أجمل 5 إضافات تأقير التحميل على صفحات البلوجر', 'pageTitle': 'مدونة هلا تك: أجمل 5 إضافات تأقير التحميل على صفحات البلوجر', 'metaDescription': ''}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'تعديل', 'linkCopiedToClipboard': 'تم نسخ الرابط إلى الحافظة', 'ok': 'حسنًا', 'postLink': 'رابط المشاركة'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'مخصص', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'أجمل 5 إضافات تأقير التحميل على صفحات البلوجر', 'description': 'مدونة هلا تك مدونة تقنية تهتم بمجالات التقنية بأنواعهاوالتصميم', 'featuredImage': 'https://1.bp.blogspot.com/-pvrEUWbfv2s/W5P5S8KAQLI/AAAAAAAACE4/6DFAx96Hg2wx0XTi0DyotHf_ptA_0SArQCLcBGAs/s640/22.png', 'url': 'https://www.halateck.com/2018/09/5.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7578444719712942284}}, {'name': 'widgets', 'data': [{'title': 'BlogArchive', 'type': 'BlogArchive', 'sectionId': 'Tempnec', 'id': 'BlogArchive400'}, {'title': 'BlogLabels', 'type': 'Label', 'sectionId': 'Tempnec', 'id': 'Label400'}, {'title': 'BlogAuthors', 'type': 'Profile', 'sectionId': 'Tempnec', 'id': 'Profile400'}, {'title': 'كود التفعيل', 'type': 'HTML', 'sectionId': 'Tempnec', 'id': 'HTML400'}, {'title': 'إعدادات القالب', 'type': 'LinkList', 'sectionId': 'Tempnec', 'id': 'LinkList400'}, {'title': 'مواقع التواصل الإجتماعي', 'type': 'LinkList', 'sectionId': 'top-bar', 'id': 'LinkList301'}, {'title': 'الصفحات', 'type': 'PageList', 'sectionId': 'top-bar', 'id': 'PageList301'}, {'title': 'مربع البحث', 'type': 'HTML', 'sectionId': 'top-bar', 'id': 'HTML301'}, {'title': 'مدونة هلا تك (رأس الصفحة)', 'type': 'Header', 'sectionId': 'head-sec', 'id': 'Header1'}, {'title': 'إعلان سطح المكتب', 'type': 'HTML', 'sectionId': 'head-sec', 'id': 'HTML302'}, {'title': 'إعلان الهاتف', 'type': 'HTML', 'sectionId': 'head-sec', 'id': 'HTML307'}, {'title': 'القائمة الرئيسية', 'type': 'LinkList', 'sectionId': 'menu-bar', 'id': 'LinkList302'}, {'title': 'أخبار ساخنة', 'type': 'HTML', 'sectionId': 'section300', 'id': 'HTML305'}, {'title': 'السلايدر الرئيسي', 'type': 'HTML', 'sectionId': 'section301', 'id': 'HTML306'}, {'title': 'إعلان صفحات التسميات والأرشيف والبحث', 'type': 'HTML', 'sectionId': 'RecentPosts', 'id': 'HTML505'}, {'title': 'رسائل المدونة الإلكترونية', 'type': 'Blog', 'sectionId': 'RecentPosts', 'id': 'Blog1', 'posts': [{'id': '7578444719712942284', 'title': 'أجمل 5 إضافات تأقير التحميل على صفحات البلوجر', 'featuredImage': 'https://1.bp.blogspot.com/-pvrEUWbfv2s/W5P5S8KAQLI/AAAAAAAACE4/6DFAx96Hg2wx0XTi0DyotHf_ptA_0SArQCLcBGAs/s640/22.png', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'بواسطة'}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'author', 'label': 'بواسطة'}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': ''}]}, {'title': 'نموذج الاتصال', 'type': 'ContactForm', 'sectionId': 'RecentPosts', 'id': 'ContactForm93'}, {'title': 'إعدادت رسالة ملفات تعريف الارتباط', 'type': 'LinkList', 'sectionId': 'RecentPosts', 'id': 'LinkList967'}, {'title': 'maher', 'type': 'LinkList', 'sectionId': 'Auth-Sec', 'id': 'LinkList1'}, {'title': 'Default', 'type': 'LinkList', 'sectionId': 'Auth-Sec', 'id': 'LinkList500'}, {'title': 'التواصل الإجتماعي[SOC]', 'type': 'LinkList', 'sectionId': 'sidebar-section', 'id': 'LinkList2'}, {'title': 'مشاركات عشوائية', 'type': 'HTML', 'sectionId': 'sidebar-section', 'id': 'HTML501'}, {'title': 'المشاركات الشائعة', 'type': 'PopularPosts', 'sectionId': 'sidebar-section', 'id': 'PopularPosts1', 'posts': [{'title': 'اضافة الوضع المظلم / الليلي / لقوالب البلوجر 2019', 'id': 6595010774222460536}, {'title': ' Viomagz قالب بلوجر مجلة 2020 ', 'id': 5129803509020793854}, {'title': 'اضافة رائعة جدا اضافة الوضع الليلي الى مدونتك ', 'id': 4248826812879234740}, {'title': 'تصفح التدوينة مع جعل الفيديو الموجود داخلها بشكل عائم عند النزول لأسفل', 'id': 564036803527641167}, {'title': ' اضافة روابط داخلية بشكل تلقائي لتقوية السيو', 'id': 1498200048048196676}]}, {'title': 'التعليقات', 'type': 'HTML', 'sectionId': 'sidebar-section', 'id': 'HTML504'}, {'title': 'التسميات', 'type': 'Label', 'sectionId': 'footer-top-section', 'id': 'Label503'}, {'title': 'حقوق المدونة', 'type': 'HTML', 'sectionId': 'footer-cop-section', 'id': 'HTML303'}, {'title': 'مواقع التواصل الإجتماعي', 'type': 'LinkList', 'sectionId': 'footer-cop-section', 'id': 'LinkList304'}, {'title': 'أداة الترجمة', 'type': 'HTML', 'sectionId': 'footer-cop-section', 'id': 'HTML304'}]}]); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive400', 'Tempnec', document.getElementById('BlogArchive400'), {'languageDirection': 'rtl', 'loadingMessage': '\u200fجارٍ التحميل\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label400', 'Tempnec', document.getElementById('Label400'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile400', 'Tempnec', document.getElementById('Profile400'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML400', 'Tempnec', document.getElementById('HTML400'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList400', 'Tempnec', document.getElementById('LinkList400'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList301', 'top-bar', document.getElementById('LinkList301'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList301', 'top-bar', document.getElementById('PageList301'), {'title': 'الصفحات', 'links': [{'isCurrentPage': false, 'href': 'https://www.halateck.com/', 'title': 'الرئيسية'}, {'isCurrentPage': false, 'href': 'https://www.halateck.com/p/lk-kpk.html', 'id': '2333036220811605046', 'title': 'من نحن'}, {'isCurrentPage': false, 'href': 'https://www.halateck.com/p/blog-page_60.html', 'id': '412680659606792332', 'title': 'إتفاقية الأستخدام'}, {'isCurrentPage': false, 'href': 'https://www.halateck.com/p/blog-page.html', 'id': '4559764745701879705', 'title': 'سياسة الخصوصية'}, {'isCurrentPage': false, 'href': 'https://www.halateck.com/p/blog-page_47.html', 'id': '7410963725820436383', 'title': 'أرشيـف المدونــة'}, {'isCurrentPage': false, 'href': 'https://www.halateck.com/p/css-beautify-and-unminify-javascript_46.html', 'id': '586442111443050612', 'title': 'ضغط و ترتيب الأكواد'}, {'isCurrentPage': false, 'href': 'https://www.halateck.com/p/blog-page_18.html', 'id': '4281899452331096499', 'title': 'إتصــل بنــا'}], 'mobile': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML301', 'top-bar', document.getElementById('HTML301'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'head-sec', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML302', 'head-sec', document.getElementById('HTML302'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML307', 'head-sec', document.getElementById('HTML307'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList302', 'menu-bar', document.getElementById('LinkList302'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML305', 'section300', document.getElementById('HTML305'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML306', 'section301', document.getElementById('HTML306'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML505', 'RecentPosts', document.getElementById('HTML505'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'RecentPosts', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2182872954-lbx__ar.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle_rtl.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm93', 'RecentPosts', document.getElementById('ContactForm93'), {'contactFormMessageSendingMsg': 'جارٍ الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة، يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغًا.', 'title': 'نموذج الاتصال', 'blogId': '1447494531780787993', 'contactFormNameMsg': 'الاسم', 'contactFormEmailMsg': 'بريد إلكتروني', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList967', 'RecentPosts', document.getElementById('LinkList967'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'Auth-Sec', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList500', 'Auth-Sec', document.getElementById('LinkList500'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'sidebar-section', document.getElementById('LinkList2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML501', 'sidebar-section', document.getElementById('HTML501'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar-section', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML504', 'sidebar-section', document.getElementById('HTML504'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label503', 'footer-top-section', document.getElementById('Label503'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML303', 'footer-cop-section', document.getElementById('HTML303'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList304', 'footer-cop-section', document.getElementById('LinkList304'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML304', 'footer-cop-section', document.getElementById('HTML304'), {}, 'displayModeFull'));