tag:blogger.com,1999:blog-31760112377258194682024-02-07T16:51:16.150-08:00كوليكا ويب | هدفنا تطوير الويب العربيكوليكا ويب : كل ما يحتاجه المطورون، قوالب بلوجر، اضافات بلوجر، سيو، يوتيوب، دروس و شروحات، ويندوز.Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.comBlogger93125tag:blogger.com,1999:blog-3176011237725819468.post-24268349719204052212020-05-09T02:21:00.000-07:002020-05-09T02:24:08.827-07:00قالب Magify معرب متعدد الاستخدام<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-Zlm6_dj_iKS9UI41VTPUhP1QBxfpzO9Q9M7zJ9oUlXo6hVS4T3WYfbycMqrs_LU-LdsjS6mpfzmEbcwkLtjphHc0pbuiAg0ltyLEk2H0aMX67gCgta8N-EQI2lejV4KVJS0DF8X7VI/s1600/%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8+Magify+%25D9%2585%25D8%25B9%25D8%25B1%25D8%25A8+%25D9%2585%25D9%2582%25D8%25AF%25D9%2585+%255B%25D9%2583%25D9%2588%25D9%2584%25D9%258A%25D9%2583%25D8%25A7+%25D9%2588%25D9%258A%25D8%25A8%255D.png" imageanchor="1"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-Zlm6_dj_iKS9UI41VTPUhP1QBxfpzO9Q9M7zJ9oUlXo6hVS4T3WYfbycMqrs_LU-LdsjS6mpfzmEbcwkLtjphHc0pbuiAg0ltyLEk2H0aMX67gCgta8N-EQI2lejV4KVJS0DF8X7VI/s640/%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8+Magify+%25D9%2585%25D8%25B9%25D8%25B1%25D8%25A8+%25D9%2585%25D9%2582%25D8%25AF%25D9%2585+%255B%25D9%2583%25D9%2588%25D9%2584%25D9%258A%25D9%2583%25D8%25A7+%25D9%2588%25D9%258A%25D8%25A8%255D.png" width="640" /></a></div>
<br />
<b>السلام عليكم زوار كوليكا ويب الكرام، لقد عدنا اليوم بقالب جديد معرب بناء علي طلب الكثير لقالب بلوجر، متعدد الاستخدامات و مميز فـ اليوم قد لبينا طلبكم و معانا اليوم قالب بلوجر، قالب Magify المتعدد الاستخدامات معرب بدون اخطاء و سهل التعديل عليه إن القالب يحتوي علي سلايد شو، و هذا مفيد جدااااا في المدونات لان يوجد بها العديد من الاقسام و يوجد قوائم منسدلة و القوائم منسدلة داخل القوائم المنسدلة 😂 يعني لو قسم فيه تفريعات كتير مثلا قسم الرياضة فيه كذا حاجة كرة قدم و كرة سلة، و الكثير من الاقسام 😄 فا هذه ميزة جميلة جدا في القالب و يحتوي علي اكواد ميتا تاج قوية 💪، لتصدر محركات البحث 👌 و المزيد أترككم تكتشفو بأنفسكم 😍 هيا بنا لا أريد ان أطيل عليكم.</b><br />
<b><br /></b>
<b><span style="color: #e69138;">مميزات قالب Magify :</span></b><br />
<br />
<ol style="text-align: right;">
<li><b>سريع وخفيف.</b></li>
<li><b>سهل التعديل عليه.</b></li>
<li><b>يحتوي علي اكواد ( ميتا تاج ) قوية.</b></li>
<li><b>صديق لمحركات البحث.</b></li>
<li><b>يوجد العديد من القوائم المنسدلة.</b></li>
<li><b>سلايد شو حسب التسمية.</b></li>
<li><b>شريط أخر الاخبار تلقائي.</b></li>
<li><b>زر الصعود إلي أعلي.</b></li>
<li><b>نبذة عن الكاتب بشكل انيق أسفل المواضيع.</b></li>
<li><b>مواضيع ذات صلة.</b></li>
<li><b>متجاوب مع جميع الشاشات.</b></li>
<li><b>و المزيد..</b></li>
</ol>
<br />
<b><br /></b>
<b><div id="wrap">
<a class="btn-slide" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly9jdy1tYWdpZnkuYmxvZ3Nwb3QuY29tLw==" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط للمعاينة</span>
</a>
<a class="btn-slide2" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cudXAtNGV2ZXIub3JnL2JpNWhvdmViY3YzNg==" rel="nofollow" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط للتحميل</span>
</a>
</div>
<br />
<div id="wrap">
<b><b><a class="btn-slide" href="https://colica-web.blogspot.com/2019/03/Cleaning-Template.html" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">قالب التنظيف</span>
<span class="title-hover">انقر هنا</span>
</a>
</b></b></div></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-4912842541801090342020-05-09T01:21:00.000-07:002020-06-15T14:50:54.310-07:00جعل الصفحات الثابتة بعرض المدونة بالكامل<div dir="rtl" style="text-align: right;" trbidi="on">
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8fAvKL5bIFLCP75LyJgomx_ITxtq9GA1JaAXu8oNfXj4VCef8kWJgR_bv6p8JrSBXSfgfA-Tv07yCUf3ovkxsGdXuRJ-KODa9h3vay4DqBC8gluTznPsnRrgc6oYlzk73lwRM-d57Xwk/s1600/%25D8%25AC%25D8%25B9%25D9%2584+%25D8%25A7%25D9%2584%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A7%25D8%25AA+%25D8%25A7%25D9%2584%25D8%25AB%25D8%25A7%25D8%25A8%25D8%25AA%25D8%25A9+%25D8%25A8%25D8%25B9%25D8%25B1%25D8%25B6+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9+%25D8%25A8%25D8%25A7%25D9%2584%25D9%2583%25D8%25A7%25D9%2585%25D9%2584.png" imageanchor="1"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8fAvKL5bIFLCP75LyJgomx_ITxtq9GA1JaAXu8oNfXj4VCef8kWJgR_bv6p8JrSBXSfgfA-Tv07yCUf3ovkxsGdXuRJ-KODa9h3vay4DqBC8gluTznPsnRrgc6oYlzk73lwRM-d57Xwk/s640/%25D8%25AC%25D8%25B9%25D9%2584+%25D8%25A7%25D9%2584%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A7%25D8%25AA+%25D8%25A7%25D9%2584%25D8%25AB%25D8%25A7%25D8%25A8%25D8%25AA%25D8%25A9+%25D8%25A8%25D8%25B9%25D8%25B1%25D8%25B6+%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9+%25D8%25A8%25D8%25A7%25D9%2584%25D9%2583%25D8%25A7%25D9%2585%25D9%2584.png" width="640" /></a></div>
<br /></div>
<b><span style="color: #6aa84f;">
جعل الصفحات الثابتة بعرض المدونة بالكامل</span> بطريقة الصحيحة و ذلك بناء علي طلب متابعينا الاعزاء في <span style="color: #e69138;">كوليكا ويب</span> طريقة اليوم سهلة و بسيطة و لكن للتذكير قم بعمل نسخة احتياطية للقالب قبل البدء ان جعل الصفحات الثابتة بعرض المدونة بالكامل يفيد في الصفحات للعديد من المدونات مثل مدونات الانمي لعرض المانغا و لصفحات سياسة الخصوصية و لكل الاغراض عمتاً ده شرح شامل لكل الصفحات الثابتة بدون اي مشاكل و اي حد يواجه اي شئ يقوم بطرح السؤال في التعليقات. 😍</b><br />
<div>
<b><br /></b></div>
<div>
<b>اولاً الدخول علي : <span style="color: #cc0000;">بلوجر > المظهر > تحرير HTML</span> ثم قم بالبحث بالضغط علي <span style="color: #6aa84f;">Ctrl + F</span></b></div>
<div>
<b>عن هذا الوسم <span style="color: #3d85c6;"><head/></span> الان قم باضافة هذه الاكواد قبلها <span style="color: #cc0000;">( فوقها )</span> :</b></div>
<div>
<b><br /></b></div>
<div>
<span style="white-space: pre;"><b><span style="color: #3d85c6; font-family: monospace;"></span></b></span><br />
<pre data-codetype="HTMLku" title="HTML"><span style="color: #3d85c6;"><b>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#comments,#sidebar-wrapper {display:none;}
#post-wrapper {float:none;width:100%;margin:0 auto;max-width:100%;}
</style>
</b:if>
</b></span>
</pre>
<b><span style="color: #3d85c6;">
</span></b></div>
<div>
<b><br /></b></div>
<div>
<b>و قم بالحفظ و شاهد التغيير اذا واجهتك اي مشكلة قم بطرحها في التعليقات 💖</b></div>
<div>
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-42967910782487335782020-05-08T02:49:00.000-07:002020-05-08T02:57:32.197-07:00اضافة نسبة مئوية في الشريط الجانبي<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFzYbnobEgn_Xhyphenhyphenpeb9BJquTu0L27lU0B3Wa3Pz3M52OVrVpbS2XGgGc6dV_q3rpIrFPTs_4xdPivDm6104C6QCppup0NHRqANq8uzBxsYxyiZJIa1XQU6qvk2GyoCj0nPjsmBeXShqVA/s1600/Add-a-percentage-in-sidebar-colicaweb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="475" data-original-width="900" height="337" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFzYbnobEgn_Xhyphenhyphenpeb9BJquTu0L27lU0B3Wa3Pz3M52OVrVpbS2XGgGc6dV_q3rpIrFPTs_4xdPivDm6104C6QCppup0NHRqANq8uzBxsYxyiZJIa1XQU6qvk2GyoCj0nPjsmBeXShqVA/s640/Add-a-percentage-in-sidebar-colicaweb.png" width="640" /></a></div>
<b><br /></b>
<b>تلبية طلب متابعينا الاعزاء سوف يتم شرح كيفية اضافة نسبة مئوية في الشريط الجانبي و اعتقد الكثير منكم لاحظ وجود الاضافة في العديد من القوالب هي اضافة خفيفة و جميلة و وتعطي نبذة عن تطورك و مدي اهتمامك بمدونتك علي الشريط الجانبي و هي مفيدة لانها تعلم الزائر عن مدي طول محتوي الصفحة و ذلك لان النسبة المئوية تزيد كلما نزل داخل الصفحة حتي 100% و عندما يصعد للاعلي تقوم بالعد من 100% الي 0% عدد تنازي الان هي بنا نتطرق الي كيف نقوم بـ اضافة نسبة مئوية في الشريط الجانبي.💖</b><br />
<div>
<b><br /></b></div>
<div>
<b><span style="color: #e69138;">طريقة التركيب</span></b></div>
<div>
<b>اول خطوة الدخول علي : <span style="color: #cc0000;">بلوجر > المظهر > تحرير HTML</span> ثم قم بالبحث بالضغط علي <span style="color: #6aa84f;">Ctrl + F</span></b><br />
<b>عن هذه </b><span style="color: #3d85c6;"><b>]]></b:skin></b></span><b> الان قم باضافة اكواد الـ <span style="color: #e69138;">CSS</span> هذه قبلها</b><span style="color: #cc0000; font-weight: bold;"> ( فوقها )</span><b> :</b><br />
<b><br /></b>
<b></b><br />
<pre data-codetype="CSSku" title="CSS"><b>
<span style="color: #3d85c6;">#scroll {
display:none;
position:fixed;
top:0;
right:15px;
z-index:500;
padding:3px 8px;
background-color:</span><span style="color: #cc0000;">#32C2A5</span><span style="color: #3d85c6;">;
color:#fff;
border-radius:3px;
font-size:14px;
}
#scroll:after {
content: " ";
position: absolute;
top:50%;
right:-10px;
height:0;
width:0;
margin-top:-6px;
border:6px solid transparent;
border-left-color:</span><span style="color: #cc0000;">#369fcf</span><span style="color: #3d85c6;">;
}</span>
</b>
</pre>
<b>
</b>
<b><br /></b>
<br />
<blockquote class="tr_bq">
<b><span style="color: #e69138;">ملحوظة : </span>الاكواد المحددة باللون <span style="color: #cc0000;">الاحمر</span> هي المسئولة عن الالوان داخل الاضافة يمكنك تغييرها تجد اكواد الالوان في هذه الصفحة <span style="color: #3d85c6;">(</span><a href="https://colica-web.blogspot.com/p/blog-page96.html" target="_blank"><span style="color: #38761d;">أكبر مكتبة للألوان</span></a><span style="color: #3d85c6;">)</span>.</b></blockquote>
<br />
<b>ثاني خطوة ضع الكود التالي بعد <span style="color: #cc0000;">( اسفل )</span> <span style="color: #3d85c6;"><body></span></b><br />
<b><span style="color: #3d85c6;"><br /></span></b>
<b></b><br />
<pre data-codetype="HTMLku" title="HTML"><b>
<span style="color: #3d85c6;"><div id='scroll'></div></span>
</b>
</pre>
<b>
</b><b><span style="color: #3d85c6;"><br /></span></b>
<b>الخطوة الاخيرة ضع الكود التالي قبل <span style="color: #cc0000;">( فوق )</span> <span style="color: #3d85c6;"></body></span></b><br />
<br />
<b></b><br />
<pre data-codetype="JavaScriptku" title="Javascript"><b>
<span style="color: #3d85c6;"><script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(600);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut(600);
}, 1000);
});
//]]>
</script></span>
</b>
</pre>
<b>
</b>
<br />
<div style="text-align: center;">
<b><span style="color: #3d85c6;">إن واجهت اي مشكلة فا باب التعليقات مفتوح للجميع</span> 😍</b></div>
<div style="text-align: center;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm97cysKHF9LcM2Km2UBhc7ddY5caA5yUByVsqjMAdJ06DuEroMcejbfh17rSiFYMtzI6YKw05AjzrO1aOrTblmKqkCR_PaPx7zrtNczc8f6SmB4QsTQv0Sk74aqGLy_FTeoSAsJ_qmgA/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm97cysKHF9LcM2Km2UBhc7ddY5caA5yUByVsqjMAdJ06DuEroMcejbfh17rSiFYMtzI6YKw05AjzrO1aOrTblmKqkCR_PaPx7zrtNczc8f6SmB4QsTQv0Sk74aqGLy_FTeoSAsJ_qmgA/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
<div>
<br /></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-9158621498739760932020-04-26T04:09:00.001-07:002020-05-11T02:08:27.461-07:00اضافة تعليقات ديسكس بطريقة احترافية ( زر عائم )<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYo9FfJ3K7K88Cta1anMsz8SfBnaFmyIMbBqENck66SE8cm2LNxLjFbG_Ue2PYqrkMhKhyXxOGPiI8r-kfNu5dttgZ_bk-f6ep6Pc8fm_tRe9_atUM58jMKTib2yOMYaWxbID8avToSo/s1600/DISQUS-Comments-Notification.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYo9FfJ3K7K88Cta1anMsz8SfBnaFmyIMbBqENck66SE8cm2LNxLjFbG_Ue2PYqrkMhKhyXxOGPiI8r-kfNu5dttgZ_bk-f6ep6Pc8fm_tRe9_atUM58jMKTib2yOMYaWxbID8avToSo/s640/DISQUS-Comments-Notification.png" width="640" /></a></div>
<br />
<span bold="" font-weight:="">متابعين </span><span style="color: #e69138; font-weight: bold;">كوليكا ويب</span><b> الاعزاء اليوم معانا طريقة احترافية جديدة لإضافة إشعار منبثق لتعليقات ديسكس باحترافية، يقوم بالانبثاق من الجانب حينما نقوم بالضغط عليه و اظهار تعليقات ديسكس بطريقة احترافية، لا تقلق هذه اضافة خفيفة و سهلة التركيب هي بنا نتطرق الي الشرح احبائي الاعزاء. 😍</b><br />
<br />
<blockquote class="tr_bq" style="text-align: center;">
<b style="color: #e69138;">طريقة التركيب</b></blockquote>
<div style="text-align: center;">
<br /></div>
<b>اول خطوة الدخول علي :<span style="color: #cc0000;"> </span></b><b><span style="color: #cc0000;">بلوجر > المظهر > تحرير HTML</span> ثم قم بالبحث بالضغط علي<span style="color: #6aa84f;"> Ctrl + F</span></b><br />
<div>
<b>عن هذا الوسم <span style="color: #0b5394;">]]></b:skin></span> الان قم باضافة هذه الاكواد قبلها <span style="color: #cc0000;">( فوقها )</span> :</b><br />
<b><br /></b>
<br />
<pre data-codetype="CSSku" title="CSS"><span style="color: #3d85c6;"><b>/* CSS Notification commente Disqus by: colica-web.blogspot.com */
.header-1 {background:#fff;border-bottom:1px solid #ddd;height:30px;padding:15px;overflow:hidden}
.header-1 h4{font-size:15px;float:right;margin:-5px 0;color:#555}
.header-1 img{float:left}
.notif-show{position:fixed;top:10px;right:10px;z-index:9999999;color:#fff!important;background:#444;padding:10px;font-size:13px;border-radius:4px}
#disqus-notif.active{right:0}
#disqus-notif{position:fixed;background:#fff;z-index:9999999;width:30%;border-left:3px solid #e2e2e2;top:0;right:-500px;bottom:0;transition:all .7s ease-in-out}#overlay-1.active{background:rgba(53,58,61,.9);position:fixed;z-index:9999999;overflow:hidden;width:100%;height:100%;top:0;left:0}.close-text{display:inline-block;font-weight:700;font-size:14px;position:relative;left:100%;top:-7px;visibility:hidden;opacity:0;transition:all 250ms ease-in-out}.close-1:hover .close-text{visibility:visible;opacity:1;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}
.close-1{position:fixed;margin-right:31%;margin-top:20px;font-size:35px;font-weight:700;color:#fff!important}
#RecentComments{display:block;width:100%;margin:0 auto;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;}
#RecentComments ul.dsq-widget-list{text-align:left;max-height:90%;overflow:auto;}
#RecentComments img.dsq-widget-avatar{margin:10px 0px 7px 10px;width:32px;height:32px;padding:0;float:right;border-radius:3px;clear:both;display:block}
#RecentComments p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#RecentComments p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2e9fff;font-size:12px}
#RecentComments p.dsq-widget-meta a:hover{color:#2e87e7}
#RecentComments li.dsq-widget-item{margin:0;padding:4px 6px 0;list-style-type:none;clear:both;border-bottom:1px solid #eee;color:#2e87e7;font-weight:600}
#RecentComments li.dsq-widget-item:last-child{border-bottom:none}
#RecentComments a.dsq-widget-user {display:table;margin-top:8px;color:#2e9fff;font-weight:700;font-size:14px}
#RecentComments a.dsq-widget-user:hover{color:#2e87e7;}
#RecentComments span.dsq-widget-comment{display:block;clear:both;margin-top:5px;}
#RecentComments .dsq-widget-comment p{display:inline-block;font-size:13px;margin:0;font-weight:400;color:#444}
#RecentComments .dsq-widget-item pre{position:relative;background-color:#f3ffca;padding-top:0;box-shadow:0 1px 0 rgba(0,0,0,.1);border-radius:0;opacity:.9;transition:all .3s;}
.count-1{background:#ED1E24;padding:2px 5px;font-size:11px;border-radius:3px;position:absolute;top:-8px;left:-20px}
#RecentComments .dsq-widget-item pre:hover {opacity:1}
#RecentComments .dsq-widget-item pre code {color:#444;font-size:82%;}
#RecentComments .dsq-widget-item pre:before{content:&#39;&#39;;position:absolute;padding:initial;font-size:initial;text-indent:initial;left:initial;color:initial;top:0;right:0;width:1.2em;height:1.2em;background-color:#d8e3b0}
#RecentComments .dsq-widget-item pre:after{content:&#39;&#39;;font-size:initial;padding:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent #fff transparent transparent}
@media screen and (max-width:480px) {#disqus-notif{width:100%}.close-1{margin:0;color:#444!important}}</b></span></pre>
<b><br /><br />ثانياً قم بالبحث علي <span style="color: #0b5394;"><body/></span> </b><b>الان قم باضافة هذه الاكواد قبلها <span style="color: #cc0000;">( فوقها )</span> :</b></div>
<div>
<span bold="" font-weight:=""><br /></span>
<br />
<pre data-codetype="JavaScriptku" title="Javascript"><b><span style="color: #3d85c6;"><a class='notif-show' href='javascript:;'><i class='fa fa-comments-o'></i><span class='count-1'> جديد ! </span></a>
<div id='overlay-1'></div>
<div id='disqus-notif'>
<a class='close-1' href='javascript:;' title='إغلاق'>&#215;<span class='close-text'>إغلاق</span></a>
<div class='header-1'><h4>إشعارات</h4><a href='https://disqus.com' target='_blank' title='Disqus'><img alt='Disqus Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYkvaMUvcj9OpBIEkBu6nXGs6tRP0mdJsreZYBECEleNCQ9D4PIuWInyULxMLP3F9BEq89zh2zBsSrXWSXUhZpAvL1lx_kzBDNAKJLcmacRdyh58kl-SYWQbBySbNqm17MtYtvCY5FhWGM/s1600/disqus-1.png'/></a></div>
<div class='dsq-widget' id='RecentComments'>
<script defer='defer' type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://</span><span style="color: #cc0000;">ColicaWeb</span><span style="color: #3d85c6;">.disqus.com/recent_comments_widget.js?num_items=18&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=120\"></scr" + "ipt>");
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$("#RecentComments a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>
</div>
</div> </span></b></pre>
<br />
<br />
<blockquote class="tr_bq">
<b><span style="color: #cc0000;">ملحوظة : قم بتغيير ColicaWeb بمعرف ديسكس الخاص بك.</span></b></blockquote>
<b><br /></b></div>
<div>
<b>ثالثاً قم بالبحث عن <span style="color: #0b5394;"><body/></span> ضع فوقه قبله هذه الاكواد:</b><br />
<b><br /></b>
<br />
<pre data-codetype="JavaScriptku" title="Javascript"><span style="color: #3d85c6;"><b><script type='text/javascript'>
//<![CDATA[
// Notifcthion Colica-Web Disqus
$(function(){$(".notif-show").on("click",function(){$("#disqus-notif").addClass("active").focus()});$(".close-1").on("click",function(){$("#disqus-notif").removeClass("active")})});
$(function(){$(".notif-show").on("click",function(){$("#overlay-1").addClass("active").focus()});$(".close-1").on("click",function(){$("#overlay-1").removeClass("active")})});
//]]>
</script></b></span></pre>
<b><br /></b>
<b>في حالة مواجهة مشكلة عدم ظهور ايقونة الاشعار في الاضافة هذا لعدم وجود مكتبة <span style="color: #cc0000;">Awesome</span> في قالبك و لاضافتها قم بالبحث عن <span style="color: #0b5394;"><body></span> و ضع هذا الرابط فوقها.</b></div>
<div>
<b><br /></b></div>
<div>
<blockquote class="tr_bq">
<span style="color: #cc0000;"><b><link type='text/css' rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'/></b></span></blockquote>
</div>
<div>
<b><br /></b></div>
<div>
<b>إذا واجهك اي شئ قم بطرحه في التعليقات.</b><br />
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cjV6TNMAe-SZ0G2aF53zBFPPsDBzt0T7zmfhIGvDUeytkNO6D5ibZKsIHdLqYitrQhitZdu6I-DqXt-W2JzWRd0QHqeQNUYBV-kfXfcli-xo1GK388HHdK6hEIgI8UCGzBvZWiHDqOg/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cjV6TNMAe-SZ0G2aF53zBFPPsDBzt0T7zmfhIGvDUeytkNO6D5ibZKsIHdLqYitrQhitZdu6I-DqXt-W2JzWRd0QHqeQNUYBV-kfXfcli-xo1GK388HHdK6hEIgI8UCGzBvZWiHDqOg/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
<div>
<b><br /></b></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com2tag:blogger.com,1999:blog-3176011237725819468.post-77710037839434647892020-04-01T06:57:00.001-07:002020-05-05T04:30:02.908-07:00قالب كوليكا ويب الاصدار السادس<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqj2gXUXiSbLmc1_vh7LOITfa7k_SbT827P7DNRKB-pPQr1A9j51HAMpX8isrIabe0rEKMQoTxR25P6JlLSNYW0pKY86PU_XAsGWryHYNJd9ey4vYZiSGNV6z_xvZLvDkuqzwz0RLGzWk/s1600/colica-web-v6.png" imageanchor="1"><img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqj2gXUXiSbLmc1_vh7LOITfa7k_SbT827P7DNRKB-pPQr1A9j51HAMpX8isrIabe0rEKMQoTxR25P6JlLSNYW0pKY86PU_XAsGWryHYNJd9ey4vYZiSGNV6z_xvZLvDkuqzwz0RLGzWk/s640/colica-web-v6.png" width="640" /></a></div>
<b><span ;"><br /></span></b>
<b><span ;">اعزائي متابعين و زوار </span><span style="color: #e69138;">كوليكا ويب</span><span ;"> الاعزاء اليوم معانا، قالب بلوجر يمتلك الكثير من المزايا انه الافضل من حيث السرعة، و سهل التعديل عليه من التخطيط و بمزايا عديدة، و بعد الكثير من الفحوصات اظهرت ان هذا القالب صديق محركات البحث و سريع جداااااا في الارشفة كنت اقوم بأرشفة المواضيع في 5 دقائق اقسم لك لا اريد ان اطيل عليكم الحديث، تفضل بمعاينة سرعة القالب و انت سوف تتأكد من كلامي مبروك عليكم أسرع قالب في الارشفة في قوالب بلوجر </span><span style="color: #cc0000;">♥</span><span ;">.</span></b><br />
<b><span ;"><br /></span></b>
<br />
<div style="text-align: center;">
<b><span style="color: #cc0000; font-size: large;">مميزات القالب</span></b></div>
<span ;"><b><br /></b></span>
<br />
<ol style="text-align: right;">
<li><span ;"><b>سريع في الارشفة.</b></span></li>
<li><span ;"><b>سهل التركيب.</b></span></li>
<li><span ;"><b>أماكن لأضافة اعلانات.</b></span></li>
<li><span ;"><b>الوان مريحة للعين.</b></span></li>
<li><span ;"><b>سهولة التنقل داخل القالب.</b></span></li>
<li><span ;"><b>قوائم منسدلة.</b></span></li>
<li><span ;"><b>أزرار مشاركة الموضوع.</b></span></li>
<li><span ;"><b>مواضيع ذات صلة اسفل المشاركات.</b></span></li>
<li><span ;"><b>والمزيد...</b></span></li>
</ol>
<br />
<span style="color: #cc0000; font-size: x-large;"><b>شروط تحميل القالب:</b></span><br />
<span ;"><b><br /></b></span>
<br />
<blockquote class="tr_bq">
<span ; font-size: large;"><b><span style="color: #6aa84f;">اسف علي هذه الطريقة التي اول مرة استخدمها لكن للاسف التفاعل منعدم في المدونة للحصول علي القالب برجاء متابعة المدونة من</span><span ;"> </span><a href="https://www.blogger.com/follow.g?view=FOLLOW&blogID=3176011237725819468" rel="nofollow" ;" target="_blank"><span style="color: #3d85c6;">هنا</span></a><span ;"> </span><span style="color: #6aa84f;">و الاعجاب بصفحة الفيس بوك من</span><span style="color: #6aa84f;"> </span><a href="https://fb.com/colica-web" rel="nofollow" ;" target="_blank"><span style="color: #3d85c6;">هنا</span></a><span style="color: #6aa84f;"> </span><span style="color: #6aa84f;">و اترك في تعليق بريدك الالكتروني و</span><span style="color: #6aa84f;"> </span><span style="color: #cc0000;">رابط المدونة</span><span style="color: #6aa84f;"> </span><span style="color: #6aa84f;">سوف اقوم بارسال اليك القالب و </span><span style="color: #cc0000;">تفعيله</span><span style="color: #6aa84f;">.</span><span ;"> </span><span style="color: #cc0000;">♥</span></b></span></blockquote>
<br />
<br />
<div id="wrap">
<a class="btn-slide" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly90ZW1wbGF0ZS1jb2xpY2Etd2ViLXY2LmJsb2dzcG90LmNvbS8=" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط للمعاينة</span>
</a>
<a class="btn-slide2" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cudXAtNGV2ZXIub3JnLzEyNTM1cmh6OHZudA==" rel="nofollow" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط للتحميل</span>
</a>
</div>
<br />
<div id="wrap">
<span ;"><b><b><span ;"><a class="btn-slide" href="https://colica-web.blogspot.com/2019/03/Cleaning-Template.html" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">قالب التنظيف</span>
<span class="title-hover">انقر هنا</span>
</a>
</span></b></b></span></div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiZKgBdhnTMVzDPaKruUZrytJOWicTOFAlFnrsNzwQq0o6gZt26hfM5E2I9tSZjOsDf89OHuri0ds76em4IG0GVJAJDmn-VBS5VlTka9klwVrW4BAmVdGsHWXTEjIxfDZsYRvUbEIZYuE/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiZKgBdhnTMVzDPaKruUZrytJOWicTOFAlFnrsNzwQq0o6gZt26hfM5E2I9tSZjOsDf89OHuri0ds76em4IG0GVJAJDmn-VBS5VlTka9klwVrW4BAmVdGsHWXTEjIxfDZsYRvUbEIZYuE/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
<br /></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com7tag:blogger.com,1999:blog-3176011237725819468.post-80651011270398282402020-03-26T04:10:00.000-07:002020-05-05T04:30:17.177-07:00منع الزيارات الوهمية في بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<b><span ;">مرحباً بكم زوار و متابعين كوليكا ويب موضوع انهرضا منع الزيارات الوهمية في بلوجر لان هذه الزيارات خطر علي حساب ادسنس و قد تعرضت لتلك الزيارات لفترة و قامت بتدهور مركز المدونة علي اليكسا و كثرت التحذيرات من ادسنس لوجود زيارات وهمية إلى مدونتي و كذلك أحد أصدقائي الذي تعرض لهجمة حيث تم إغلاق حسابه حيث للأسف توصل ب 10 ألاف زيارة وهمية وهذا يظهر مدي حقد بعض الأشخاص حيث بل ما يستثمر وقته في شئ مفيد يوظفه في ضرر لاشخاص أخرين للأسف.</span></b><br />
<b><span ;"><br /></span></b>
<br />
<div style="text-align: center;">
<b><span ;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLs44Zc_T0_rtFUsgmgEG4yt-Tv9D6xFXK8UkZFRSXbanG54rppvHicoPp3w8eipu0RHoy8rFGocjBDLayBVb2x9Oq46Ff2-IUrUL1G8o8FeAZuIr7cOYfctJoMDBd30ePVW_RnZRrB4/s1600/%25D9%2585%25D9%2586%25D8%25B9+%25D8%25A7%25D9%2584%25D8%25B2%25D9%258A%25D8%25A7%25D8%25B1%25D8%25A7%25D8%25AA+%25D9%2588%25D9%2587%25D9%2585%25D9%258A%25D8%25A9+%25D9%2581%25D9%258A+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" imageanchor="1"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLs44Zc_T0_rtFUsgmgEG4yt-Tv9D6xFXK8UkZFRSXbanG54rppvHicoPp3w8eipu0RHoy8rFGocjBDLayBVb2x9Oq46Ff2-IUrUL1G8o8FeAZuIr7cOYfctJoMDBd30ePVW_RnZRrB4/s640/%25D9%2585%25D9%2586%25D8%25B9+%25D8%25A7%25D9%2584%25D8%25B2%25D9%258A%25D8%25A7%25D8%25B1%25D8%25A7%25D8%25AA+%25D9%2588%25D9%2587%25D9%2585%25D9%258A%25D8%25A9+%25D9%2581%25D9%258A+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" width="640" /></a></span></b></div>
<b><span ;"><br /></span></b>
<b><span ;">لم أجد اي طريقة مفيدة من أجل إبلاغ جوجل بهذه الإنتهاكات لذا قررت أن أشارك معكم اعزائي متابعين مدونة كوليكا ويب الحل الذي استخدمه في مدونتي لكن يجب أن تعرف مواقع الإحالة الوهمية.</span></b><br />
<blockquote class="tr_bq">
<span style="color: #cc0000;"><b>مهم جدا عليك أن تدخل يوميا الى هذه الصفحة من أجل معرفة مصدر الزيارات لوقف الموقع المشبوه او زيارات مرتفعة من موقع معين.</b></span></blockquote>
<div style="text-align: center;">
<a class="najiri-link" href="https://www.blogger.com/#trafficsourcesstats" rel="nofollow noopener" target="_blank"><b><span style="color: #3d85c6;">
مصادر حركة الزيارات
</span></b></a></div>
<span ;"><b>حسناً الان كود منع الزيارات الوهمية في بلوجر</b></span><br />
<span ;"><b>طريقة عمل الكود هوا يقوم باعادة توجيه الزيارات من المواقع المحددة الي جوجل</b></span><br />
<span ;"><b><br /></b></span>
<b><span style="color: #e69138; font-size: large;">طريقة التركيب</span></b><div>
<br /><b><span ;">اول خطوة الدخول علي : </span><span style="color: #cc0000;">بلوجر > التخطيط > إضافة اداة > JavaScript/HTML</span></b><br />
<b><span style="color: #3d85c6;">قم بوضع الكود التالي ثم قم بالحفظ</span></b><br />
<br />
<pre data-codetype="JavaScriptku" title="Javascript"><code class="language-javascript"><script type='text/javascript'>
var block = <span style="color: #cc0000;">['http://www.url.com/', 'http://url.com/', 'http://url.net/', 'http://url.live']</span>;
for (var b = block.length; b--;) {
if (document.referrer.match(block[b]))
window.location = "<span style="color: #6aa84f;">https://google.com</span>/";
}
</script></code></pre>
<br />
<b><span ;">قم باضافة اي موقع مشبوه بجانب الروابط باللون </span><span style="color: #cc0000;">الاحمر</span></b><br />
<b><span ;">رابط ترحيل الزيارات الي الرابط باللون </span><span style="color: #6aa84f;">الاخضر</span><span ;"> و هوا الي جوجل</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3I9m87eMdZHqdVcXh81CQkv1lz0DNkD1opwbOR5LvWGn0GpUororT12N_8VSvSAt8MGKFH-E4LQ3yioiNzyn5Qv6C4bxnW_72WF2TQNTLZBkXFu5NO3f_T9LznyyMQOJNcLymXAf8qWk/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3I9m87eMdZHqdVcXh81CQkv1lz0DNkD1opwbOR5LvWGn0GpUororT12N_8VSvSAt8MGKFH-E4LQ3yioiNzyn5Qv6C4bxnW_72WF2TQNTLZBkXFu5NO3f_T9LznyyMQOJNcLymXAf8qWk/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-7317997539374823282020-03-26T02:25:00.000-07:002020-05-05T04:30:28.124-07:00قالب ماتريال ويب اخر اصدار<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZw7Ig_lRTrqJ5wwEuR1jojxoqtdvMNHK0DJSrAKWAsDfzr627tn-ZAcrO16CciM6eNg7sYnaud-RcDU3gdTz7cr9CS5aMWWi305Dma-XSR9kz9Gse4K7ggFHlU99-bXA2j42UhayKqAI/s1600/%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8+%25D9%2585%25D8%25A7%25D8%25AA%25D8%25B1%25D9%258A%25D8%25A7%25D9%2584+%25D9%2588%25D9%258A%25D8%25A8++++++%255B%25D9%2583%25D9%2588%25D9%2584%25D9%258A%25D9%2583%25D8%25A7+%25D9%2588%25D9%258A%25D8%25A8%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="625" data-original-width="1366" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZw7Ig_lRTrqJ5wwEuR1jojxoqtdvMNHK0DJSrAKWAsDfzr627tn-ZAcrO16CciM6eNg7sYnaud-RcDU3gdTz7cr9CS5aMWWi305Dma-XSR9kz9Gse4K7ggFHlU99-bXA2j42UhayKqAI/s640/%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8+%25D9%2585%25D8%25A7%25D8%25AA%25D8%25B1%25D9%258A%25D8%25A7%25D9%2584+%25D9%2588%25D9%258A%25D8%25A8++++++%255B%25D9%2583%25D9%2588%25D9%2584%25D9%258A%25D9%2583%25D8%25A7+%25D9%2588%25D9%258A%25D8%25A8%255D.png" width="640" /></a></div>
<div>
<b><span ;"><br /></span></b></div>
<b><span ;">مرحباً متابعين و زوار </span><span style="color: #e69138;">كوليكا ويب</span><span ;"> الاعزاء اليوم معانا قالب </span><span style="color: #3d85c6;">جديد</span><span ;"> وهوا بتصيمم </span><span style="color: #3d85c6;">ماتريال ديزاين </span><span ;">حسناً انه قالب</span><span style="color: #674ea7;"> </span><span style="color: #a64d79;">WP-Mini</span><span ;"> معرب لكن بالطبع مدونة </span><span style="color: #674ea7;">ماتريال ويب</span><span ;"> قامت بالتعديل عليه و حذف حقوق المصمم الاساسي للقالب و كان هناك الكثير يطلبون ذلك القالب قمت بتعريبه و </span><span style="color: #cc0000;">تعديل عليه جعله سريع جداً</span><span ;"> و جلبه لكم </span><span style="color: #cc0000;">مجانا</span><span ;"> بدون احتكار حسناً انه </span><span style="color: #3d85c6;">تصميم ماتريال ديزاين</span><span ;"> رائع خفيف و صديق لمحركات البحث وتم اضافة به احدث اكواد الميتا تاج للسيو </span><span style="color: #cc0000;">هذه اعادة تكويد القالب وليست سرقة ♥</span></b><br />
<div>
<b><span ;"><br /></span></b></div>
<div>
<b><span style="color: #e69138; font-size: large;">مميزات القالب:</span></b></div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<ol style="text-align: right;">
<li><b><span ;">متوافق للسيو.</span></b></li>
<li><b><span ;">سهل التركيب.</span></b></li>
<li><b><span ;">أماكن لأضافة اعلانات.</span></b></li>
<li><b><span ;">الوان مريحة للعين.</span></b></li>
<li><b><span ;">أزرار مشاركة الموضوع.</span></b></li>
<li><b><span ;">مواضيع ذات صلة اسفل المشاركات.</span></b></li>
<li><span ;"><b>تصميم ماتريال ديزاين.</b></span></li>
<li><span ;"><b>سهل التعديل.</b></span></li>
<li><b><span ;">متجاوب مع مختلف الشاشات.</span></b></li>
<li><b><span ;">و المزيد...</span></b></li>
</ol>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div id="wrap">
<a class="btn-slide" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly9tZHdhYi10ZW1wbGF0ZS5ibG9nc3BvdC5jb20v" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط للمعاينة</span>
</a>
<a class="btn-slide2" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cudXAtNGV2ZXIub3JnL2xuN2h2aXdhZDg5cw==" rel="nofollow" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط للتحميل</span>
</a>
</div>
</div>
<br />
<div id="wrap">
<span ;"><b><b><span ;"><a class="btn-slide" href="https://colica-web.blogspot.com/2019/03/Cleaning-Template.html" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">قالب التنظيف</span>
<span class="title-hover">انقر هنا</span>
</a>
</span></b></b></span></div>
<div>
<b><span ;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehN7oW-dGnRUcI3oRZk8-1qSpfO6m4Tk2l3fI6ao-UlkcUm9on81RctrIyxEaypuXx5CTZWQO_tZ6eb1q3Htcl8lqhn6rhlbml1tqNZuEFP_ihlYsvWCZ6hLLKbzAKZgLOpz7LfrSETY/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehN7oW-dGnRUcI3oRZk8-1qSpfO6m4Tk2l3fI6ao-UlkcUm9on81RctrIyxEaypuXx5CTZWQO_tZ6eb1q3Htcl8lqhn6rhlbml1tqNZuEFP_ihlYsvWCZ6hLLKbzAKZgLOpz7LfrSETY/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com5tag:blogger.com,1999:blog-3176011237725819468.post-298284382643990282020-03-25T00:15:00.003-07:002020-05-05T04:30:52.739-07:00إضافة رسالة ترحيبية في بلوجر ماتريال ديزاين<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXIXJb8dbB4NN6cZugONls6xj2DERY6rPzSzOGo7Z8fK5HbmKtl9w9s6Nv4qo3OWndkTsCvIWTvasJt-o-pGZTOrMtdTGLjOYse0VhLdixHsaooVnbmgsFQr9HZ5O9rIJkl8P7T8oj1Kk/s1600/welcome+message+material+design.png" imageanchor="1"><img border="0" height="425" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXIXJb8dbB4NN6cZugONls6xj2DERY6rPzSzOGo7Z8fK5HbmKtl9w9s6Nv4qo3OWndkTsCvIWTvasJt-o-pGZTOrMtdTGLjOYse0VhLdixHsaooVnbmgsFQr9HZ5O9rIJkl8P7T8oj1Kk/s640/welcome+message+material+design.png" width="640" /></a></div>
<b><span ;"><span ;"><br /></span></span></b><b><span ;"><span ;">متابعين و زوار </span><span style="color: #e69138;">كوليكا ويب</span><span ;"> اليوم سوف نتطرق الي شرح جديد مهم و هوا كيفية إضافة رسالة ترحيبية في بلوجر حسناً عزيز قد تقول و ما هوا المميز في التدوينة تلك المميز ان الرسالة الترحيبية هذه المرة بتقنية جديدة تدعي </span><span style="color: #3d85c6;">الماتريال ديزاين</span><span ;"> و هي خاصية جديدة و عصرية و سريعة و عندما تضيف اشعارات </span><span style="color: #3d85c6;">بالماتريال ديزياين </span><span ;">تظهر موقعك بشكل متطور و ذلك يدل علي مدي تطورك و استخدام الماتريال ديزاين سهل عمل حاجات كتير و جعلها خفيفة هيا بنا نتطرق الي شرح هذه الاضافة </span><span style="color: #cc0000;">♥</span><br /><br /><span style="color: #cc0000;">اقرأ أيضاً :</span></span><span ;"><span ;"> </span><a href="https://colica-web.blogspot.com/2018/03/contact-material.html" target="_blank"><span style="color: #6aa84f;">صفحة إتصل بنا بالماتيريال ديزاين</span></a></span></b><br />
<div>
<br /></div>
<div>
<b><span style="color: #e69138;">طريقة التركيب</span></b><br />
<b><span ;"><br /></span></b><b><span ;">اول خطوة الدخول علي : </span><span style="color: #cc0000;">بلوجر > المظهر > تحرير HTML</span><span ;"> ثم قم بالبحث بالضغط علي </span><span style="color: #6aa84f;">Ctrl + F</span></b><br />
<b><span ;">عن هذه </span><span style="color: #3d85c6;"></head></span><span ;"> الان قم باضافة هذه الاكواد قبلها</span><span style="color: #cc0000;"> ( فوقها )</span><span ;"> :</span></b></div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<pre data-codetype="JavaScriptku" title="Javascript"><b><script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js'/>
<style>
#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width: 600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width: 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:0;width:auto;clear:both;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;word-break:break-all;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.toast .btn,.toast .btn-large,.toast .btn-flat{margin:0;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width: 600px){.toast{width:100%;border-radius:0}}@media only screen and (min-width: 601px) and (max-width: 992px){.toast{float:left}}
</style></b></pre>
</div>
<div>
<b><span ;"><br /></span></b>
<b><span ;">ثاني خطوة ضع الكود التالي قبل </span><span style="color: #cc0000;">( فوق )</span><span ;"> </span><span style="color: #3d85c6;"></body> </span></b><br />
<div>
</div>
</div>
<div>
<br /></div>
<div>
<pre data-codetype="CSSku" title="CSS"><b><script>
var $toastContent = $(&#39;<span><span style="color: #674ea7;">أهلا بكم فى كوليكا ويب</span></span>&#39;);
Materialize.toast($toastContent, <span style="color: #cc0000;">1500</span>);
var $toastContent = $(&#39;<span><span style="color: #674ea7;">ستجدون عندنا أغلب الاضافات للمدونات العربية</span></span>&#39;);
Materialize.toast($toastContent, <span style="color: #cc0000;">2500</span>);
var $toastContent = $(&#39;<span><span style="color: #674ea7;">نتمنى ان تجدوا ماتبحثون عنه</span></span>&#39;);
Materialize.toast($toastContent, <span style="color: #cc0000;">4000</span>);
var $toastContent = $(&#39;<span><span style="color: #674ea7;">جولة سعيدة ^_^</span></span>&#39;);
Materialize.toast($toastContent, <span style="color: #cc0000;">5500</span>);
</script> </b></pre>
</div>
<div>
<br /></div>
<div>
<b><span ;"><span style="color: #cc0000;">اقرأ أيضاً :</span><span ;"> </span><a href="https://colica-web.blogspot.com/2018/03/material-design-blogger.html" target="_blank"><span style="color: #6aa84f;">قالب ماتيريال ديزاين</span></a></span></b></div>
<div>
<br />
<b><span ;">الأن يمكنك تغيير الملون بـ </span><span style="color: #674ea7;">البنفسجي</span><span ;"> بالكلام الدي تريده</span></b><br />
<b><span ;">كما يمكنك التعديل على زمن ظهور رسائل الترحيب بالثانية بالأرقام الملونة ب</span><span style="color: #cc0000;">الأحمر</span></b><br />
<b><span style="color: #cc0000;"><br /></span></b>
<b><span ;">ثم قم بالحفظ و مبروك الاضافة الجديدة</span></b><br />
<b><span ;"><br /></span></b></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehN7oW-dGnRUcI3oRZk8-1qSpfO6m4Tk2l3fI6ao-UlkcUm9on81RctrIyxEaypuXx5CTZWQO_tZ6eb1q3Htcl8lqhn6rhlbml1tqNZuEFP_ihlYsvWCZ6hLLKbzAKZgLOpz7LfrSETY/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehN7oW-dGnRUcI3oRZk8-1qSpfO6m4Tk2l3fI6ao-UlkcUm9on81RctrIyxEaypuXx5CTZWQO_tZ6eb1q3Htcl8lqhn6rhlbml1tqNZuEFP_ihlYsvWCZ6hLLKbzAKZgLOpz7LfrSETY/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-28092021196676683952020-03-21T03:01:00.002-07:002020-05-05T04:31:07.221-07:00اضافة شريط تحميل اعلي المدونة<div dir="rtl" style="text-align: right;" trbidi="on">
<div>
<div style="text-align: center;">
<b><span ;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXj6HbzOoHmBjsydAu3hyphenhyphenb53GsQYpGUhSbK6TLPs_tRuEVvGn7st-0Bk5GK2aQlaBGxF1ixv_pYVVGzg0Zd0Da9I5EnEEllNmSIa9yogwCcE2NM5ABSx0tSzFDKhKyLCBssyY-2KKSE9Q/s1600/add-download-bar.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXj6HbzOoHmBjsydAu3hyphenhyphenb53GsQYpGUhSbK6TLPs_tRuEVvGn7st-0Bk5GK2aQlaBGxF1ixv_pYVVGzg0Zd0Da9I5EnEEllNmSIa9yogwCcE2NM5ABSx0tSzFDKhKyLCBssyY-2KKSE9Q/s640/add-download-bar.png" width="640" /></a></span></b></div>
</div>
<div>
<b><span ;"><br /></span></b></div>
<b><span ;">اضافة شريط تحميل اعلي المدونة مثل المواقع الكبيرة حسناً اعتقد مثل كوليكا ويب بالطبع 😂 اني امزح و يوتيوب و جوجل حسناً هيا نتطرق لنصبح من وسط هؤلاء المواقع الكبيرة و نقوم بإضافة شريط تحميل اعلي مدونات بلوجر 💖😎.</span></b><br />
<div>
<b><span ;"><br /></span></b></div>
<div>
<b><span style="color: #e69138; font-size: large;">التركيب</span></b></div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<div>
<b><span ;">اولاً الدخول علي :</span><span style="color: #cc0000;"> بلوجر > المظهر > تحرير HTML</span><span ;"> ثم قم بالبحث بالضغط علي </span><span style="color: #6aa84f;">Ctrl + F</span></b></div>
<div>
<b><span ;">عن هذه </span><span style="color: #3d85c6;"></body></span><span ;"> الان قم باضافة هذه الاكواد قبلها </span><span style="color: #cc0000;">( فوقها )</span><span ;"> :</span></b></div>
</div>
<div>
<b><span ;"><br /></span></b></div>
<pre data-codetype="JavaScriptku" title="Javascript"><b>/*----CODE-Loding-Scroll-Colica-Web----*/
<script type='text/javascript'>
//<![CDATA[
var Nanobar=function(){var c,d,e,f,g,h,k={width:"100%",height:"2px",zIndex:9999,top:"0"},l={width:0,height:"100%",clear:"both",transition:"height .3s"};c=function(a,b){for(var c in b)a.style[c]=b[c];a.style["float"]="left"};f=function(){var a=this,b=this.width-this.here;0.1>b&&-0.1<b?(g.call(this,this.here),this.moving=!1,100==this.width&&(this.el.style.height=0,setTimeout(function(){a.cont.el.removeChild(a.el)},100))):(g.call(this,this.width-b/4),setTimeout(function(){a.go()},16))};g=function(a){this.width=
a;this.el.style.width=this.width+"%"};h=function(){var a=new d(this);this.bars.unshift(a)};d=function(a){this.el=document.createElement("div");this.el.style.backgroundColor=a.opts.bg;this.here=this.width=0;this.moving=!1;this.cont=a;c(this.el,l);a.el.appendChild(this.el)};d.prototype.go=function(a){a?(this.here=a,this.moving||(this.moving=!0,f.call(this))):this.moving&&f.call(this)};e=function(a){a=this.opts=a||{};var b;a.bg=a.bg||"#db3131";this.bars=[];b=this.el=document.createElement("div");c(this.el,
k);a.id&&(b.id=a.id);b.style.position=a.target?"relative":"fixed";a.target?a.target.insertBefore(b,a.target.firstChild):document.getElementsByTagName("body")[0].appendChild(b);h.call(this)};e.prototype.go=function(a){this.bars[0].go(a);100==a&&h.call(this)};return e}();
var nanobar = new Nanobar();nanobar.go(30);nanobar.go(60);nanobar.go(100);
//]]>
</script>
/*--------------------------------------------*/</b></pre>
<div>
<b><span ;"><br /></span></b></div>
<div>
<div>
<b><span style="color: #cc0000; font-size: large;">التعديلات</span></b></div>
<div>
<b><span ;">التغيير حجم عرض شريط التحميل استبدل</span><span style="color: #38761d;"> height :"2px"</span></b></div>
<div>
<b><span ;">الان لتغيير لون شريط التحميل استبدل </span><span style="color: #cc0000;">#db3131</span><span ;"> باللون الذي تريده و يمكنك استخدام اي لون يعجبك اضغط هنا </span><span style="color: #3d85c6;">مكتبة الالوان</span></b></div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehN7oW-dGnRUcI3oRZk8-1qSpfO6m4Tk2l3fI6ao-UlkcUm9on81RctrIyxEaypuXx5CTZWQO_tZ6eb1q3Htcl8lqhn6rhlbml1tqNZuEFP_ihlYsvWCZ6hLLKbzAKZgLOpz7LfrSETY/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehN7oW-dGnRUcI3oRZk8-1qSpfO6m4Tk2l3fI6ao-UlkcUm9on81RctrIyxEaypuXx5CTZWQO_tZ6eb1q3Htcl8lqhn6rhlbml1tqNZuEFP_ihlYsvWCZ6hLLKbzAKZgLOpz7LfrSETY/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-57755400464818950612020-03-21T01:54:00.000-07:002020-05-05T04:31:18.039-07:00كيفية اضافة نموذج توظيف علي بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGjPKFa3KUkrqBNeRayZUBqU2l8bHSJuc36xEHjc0jNvoPaHnevSXePpTllSDR30yOePaSR4iU0g-I3X9GOHuW5zkUZfZCtCXAy_6lhksiUOklqZWENjuNbpI32_vvdOHX2AQFIpk7KGE/s1600/form-contact-for-job-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGjPKFa3KUkrqBNeRayZUBqU2l8bHSJuc36xEHjc0jNvoPaHnevSXePpTllSDR30yOePaSR4iU0g-I3X9GOHuW5zkUZfZCtCXAy_6lhksiUOklqZWENjuNbpI32_vvdOHX2AQFIpk7KGE/s640/form-contact-for-job-blogger.png" width="640" /></a></div>
<br />
<b><span ;">اعزائي متابعينا و زائرين مدونة كوليكا ويب اليوم لدينا مقال مميز و هوا عن كيفية انشاء فورم توظيف علي مدونات بلوجر لا تقلق فا هوا ليس معقد و سهل جداً تركيب الاضافة دون اي تاثير علي اي شئ في المدونة سوف يكون له صفحة مستقلة حسناً يمكنك معاينة الاضافة الرائعة في اسفل المقال هي نتطرق الي شرح كيفية اضافة فورم توظيف علي بلوجر </span><span style="color: #cc0000;">♥</span></b><br />
<span ;"><b><br /></b></span>
<b><span style="color: #e69138; font-size: large;">طريقة التركيب</span></b><br />
<span ;"><b><br /></b></span>
<b><span ;">اولاً الدخول علي : </span><span style="color: #e69138;">بلوجر</span><span ;"> > </span><span style="color: #3d85c6;">الصفحات</span><span ;"> : قم بالضغط علي </span><span style="color: #cc0000;">انشاء صفحة جديدة.</span></b><br />
<span ;"><b><br /></b></span>
<b><span ;">ثانياً قم بتبديل الي وضع </span><span style="color: #cc0000;">HTML</span><span ;"> بدل وضع </span><span style="color: #6aa84f;">المؤلف</span><span ;"> ثم قم بمسح كل محتويات الصفحة.</span><br /><br /><span ;">ثالثاً قم بفتح الملف الذي قمت بتحميله و سوف تقوم ببعض التغييرات:</span></b><br />
<ol style="text-align: right;">
<li><b><b><span ;">قم بتغيير معرف المدونة ذلك </span><span style="color: #cc0000;">3176011237725819468</span><span ;"> بالخاص بمدونتك</span></b></b></li>
<li><b><b><span ;">ثم قم بتغيير رابط الموقع </span><span style="color: #6aa84f;">colica-web.blogspot.com</span><span ;"> الي رابط مدونتك</span></b></b></li>
</ol>
<br />
<b><br /><span ;">رابعاً قم بوضع الاكواد الموجودة في الملف الذي قمت بتحميله كاملة ثم اضغط</span><span style="color: #cc0000;"> حفظ</span></b><br />
<span ;"><b><br /></b></span>
<br />
<div id="wrap">
<a class="btn-slide" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly9jb2xpY2Etd2ViLmJsb2dzcG90LmNvbS9wL2NvbnRhY3QtZm9yLWpvYi5odG1s" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">انقر هنا</span>
</a>
<a class="btn-slide2" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cudXAtNGV2ZXIub3JnL3l4ZXhzYmtkOWVpeg==" rel="nofollow" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">انقر هنا</span>
</a>
</div>
<br />
<span ;"><b>الان استمتع بالاضافة الرائعة إذا واجهتك اي مشكلة او لديك استفسار قم بوضعه في التعليقات</b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho9jXwKeeGJqthJ6MnEe6exQx8G7fkBrUxVB-SQZd7_DfrMjXoVLeKvWe31ctQ_JFB0ZHaSZlEM-JJrtG8tiD6KJe5c-bxztexhCzKTFKC5X51esc4eTDwo5ebW2yuKOsPDsweTcY5nsU/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho9jXwKeeGJqthJ6MnEe6exQx8G7fkBrUxVB-SQZd7_DfrMjXoVLeKvWe31ctQ_JFB0ZHaSZlEM-JJrtG8tiD6KJe5c-bxztexhCzKTFKC5X51esc4eTDwo5ebW2yuKOsPDsweTcY5nsU/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-9283224122363021342020-03-08T03:23:00.000-07:002020-05-05T04:31:32.217-07:00قالب سيو بلس الاصدار الخامس V5 قوالب بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<b><span ;">القالب الذي يبحث عنه الجميع منذ فترة قالب سيو بلس الاصدار الخامس لمدونات بلوجر القالب اكثر من رائع قام المصمم المحترم لقالب سيو بلس باطلاق الاصدار الجديد وهو الاصدار الخامس </span><span style="color: #3d85c6;">لقالب seo plus v5</span><span ;"> حيث ان هذا التحديث يضيف العديد من المزايا و الاستخدام وقد صمم بشكل انيق وجذاب ليتوافق مع جميع الاجهزة والمتصفحات ولذلك كما راينا في الاصدار السابق من سيو بلس الإصدار الرابع ان القالب يتمتع بسرعة هائلة وصديق ايضا لمحركات البحث و متوافق لمن يهتم لامر الـ سيو </span><span style="color: #3d85c6;">SEO</span><span ;">.</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeXok9XVb0xHqhZuLw84c75mloUW54-SUX7z1znKIsBNtUf8vHc-DeBQKTviFaWPeElKCPWVw4EqA-dWlTVvAXG1qoeawQuxTGa88hLMDnWaPoRF5UUL43S8SIhQ2B_9gIwVmgccx6Vc/s1600/Home.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeXok9XVb0xHqhZuLw84c75mloUW54-SUX7z1znKIsBNtUf8vHc-DeBQKTviFaWPeElKCPWVw4EqA-dWlTVvAXG1qoeawQuxTGa88hLMDnWaPoRF5UUL43S8SIhQ2B_9gIwVmgccx6Vc/s640/Home.jpg" width="640" /></a></div>
<br />
<br />
<b><span ;">السلام عليكم اعزائي متابعين و زوار </span><span style="color: #e69138;">كوليكا ويب</span><span ;"> الاعزاء اليوم نقدم لكم قالب من افضل قوالب بلوجر لسنة</span><span style="color: #6aa84f;"> 2019 - 2020 </span><span ;">و هوا قالب </span><span style="color: #3d85c6;">سيو بلس الاصدار الخامس</span><span ;"> حصرياً نسخة مجانية ان القالب مميز و خفيف جداً و صديق للسيو ان </span><span style="color: #3d85c6;">قالب سيو بلس الاصدار الخامس</span><span ;"> يختلف عن نظيره قالب سكويز الرائع او الاصدار هذا متجاوب و به العديد و العديد من المميزات التي سوف نتطرق في ابراز اهمها و هي بنا لكي لا اطيل عليكم لكني جد متشوق جداً لهذا القالب و يوجد منه نسخة اجنبية و نسخة عربية و هوا قالب مدفوع و لكن صاحب القالب الكريم قام بعمل نسخة اقل في المميزات مجانية و لكن لازالت قوية لكن المفاجاة اليوم معانا </span><span style="color: #cc0000;">نسخة مدفوعة</span><span ;"> اقدمها لكم مجانا اعزائي الاحباب و هذا غير العادة. </span><span style="color: #cc0000;">♥</span></b><br />
<br />
<div style="text-align: center;">
<b><span style="color: #e69138; font-size: large;">المميزات</span></b></div>
<b><br /></b>
<br />
<ol style="text-align: right;">
<li><b><span style="color: #3d85c6;">سحب تلقائى لجميع اكواد الميتا تاج حسب المواصفات لمحرك البحث.</span></b></li>
<li><b><span style="color: #3d85c6;">وضع اعلانات المدونة من التخطيط.</span></b></li>
<li><b><span style="color: #3d85c6;">خاصية اقرأ المزيد تلقائى داخل المقالات.</span></b></li>
<li><b><span style="color: #3d85c6;">صندوق عناوين ومحتويات داخل المقاله.</span></b></li>
<li><b><span style="color: #3d85c6;">خاصية الوضع الليلى {الجديدة}.</span></b></li>
<li><b><span style="color: #3d85c6;">اضافة منع نسخ المحتوى لعدم سرقة محتوى المدونه.</span></b></li>
<li><b><span style="color: #3d85c6;">صفحة اعاده التوجيه بطريقة مختلفة وسهوله وضع الاعلانات بها.</span></b></li>
<li><b><span style="color: #3d85c6;">صفحة اتصل بنا.</span></b></li>
<li><b><span style="color: #3d85c6;">خاصية اظهار واخفاء اى اضافة فى القالب.</span></b></li>
<li><b><span style="color: #3d85c6;">الحد من استخدام اكواد CSS , Javascript وضغطها.</span></b></li>
<li><b><span style="color: #3d85c6;">خاصية عرض المقالات بالتسميات بطريقة جديده فى الرئيسية.</span></b></li>
<li><b><span style="color: #3d85c6;">سيو بلس متجاوب ومحسن لجميع محركات البحث.</span></b></li>
<li><b><span style="color: #3d85c6;">يحتوى على جميع الاكواد بدون اى خطأ.</span></b></li>
<li><b><span style="color: #3d85c6;">يحتوى على هيدر متجاوب يعمل على جميع الشاشات بدون اى مشاكل.</span></b></li>
<li><b><span style="color: #3d85c6;">يمكنك عمل الاقسام متجاوبة.</span></b></li>
<li><b><span style="color: #3d85c6;">عرض المواضيع على الصفحة الرئيسية باشكال مختلفة.</span></b></li>
<li><b><span style="color: #3d85c6;">جميع ازرار مشاركة الخاصة بمواقع التواصل الاجتماعى.</span></b></li>
<li><b><span style="color: #3d85c6;">يحتوى على صندوق وصف للكاتب بشكل انيق وجذاب.</span></b></li>
<li><b><span style="color: #3d85c6;">صفحة ارشيف المدونه بشكل جديد.</span></b></li>
<li><b><span style="color: #3d85c6;">تقسيم المقال لاكثر من صفحة لزيادة ارباحك.</span></b></li>
</ol>
<br />
<span ;"><b><br /></b></span>
<br />
<div style="text-align: center;">
<b><span style="color: #cc0000;">صور لقالب سيو بلس الاصدار الخامس افضل قالب بلوجر</span></b></div>
<div style="text-align: center;">
<span ;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeXok9XVb0xHqhZuLw84c75mloUW54-SUX7z1znKIsBNtUf8vHc-DeBQKTviFaWPeElKCPWVw4EqA-dWlTVvAXG1qoeawQuxTGa88hLMDnWaPoRF5UUL43S8SIhQ2B_9gIwVmgccx6Vc/s1600/Home.jpg" imageanchor="1"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeXok9XVb0xHqhZuLw84c75mloUW54-SUX7z1znKIsBNtUf8vHc-DeBQKTviFaWPeElKCPWVw4EqA-dWlTVvAXG1qoeawQuxTGa88hLMDnWaPoRF5UUL43S8SIhQ2B_9gIwVmgccx6Vc/s400/Home.jpg" width="400" /></a></div>
<div style="text-align: center;">
<span ;"><b><br /></b></span></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1YlJxR5IQkDDGEkoUygdnNmZk4ttokUdglVlCM7zO7XsITkXVeKfvAHR5M9s2_YEYENLTfrX5ghCmXmPbUEWHCdrzfHwQNiWolIvb2hyphenhyphenqOH2F6QAcSbNTz0lsfQf3WKUow5-KffzvxpA/s1600/%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9+%25D8%25A7%25D8%25B9%25D8%25A7%25D8%25AF%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25AA%25D9%2588%25D8%25AC%25D9%258A%25D8%25A9.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1YlJxR5IQkDDGEkoUygdnNmZk4ttokUdglVlCM7zO7XsITkXVeKfvAHR5M9s2_YEYENLTfrX5ghCmXmPbUEWHCdrzfHwQNiWolIvb2hyphenhyphenqOH2F6QAcSbNTz0lsfQf3WKUow5-KffzvxpA/s400/%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9+%25D8%25A7%25D8%25B9%25D8%25A7%25D8%25AF%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25AA%25D9%2588%25D8%25AC%25D9%258A%25D8%25A9.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b><span ;">هذه صورة اعادة توجيه قالب </span><span style="color: #cc0000;">سيو بلس الاصدار الخامس</span></b></td></tr>
</tbody></table>
<div style="text-align: center;">
<span ;"><b><br /></b></span></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHoK3QB3kAyluMQRvqj7vPNElFMGH3KxEyqzGQUiAfuMP-yvOgLDXCmTpN0CWsZhFTSnSg7QqkgT4GarxinIdgdlL3qtjJpS6NzRwjYilDICcNeV94fy-taOnLnJwful44HdzXDroK-oo/s1600/%25D8%25A7%25D9%2584%25D8%25A7%25D8%25B1%25D8%25B4%25D9%258A%25D9%2581.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHoK3QB3kAyluMQRvqj7vPNElFMGH3KxEyqzGQUiAfuMP-yvOgLDXCmTpN0CWsZhFTSnSg7QqkgT4GarxinIdgdlL3qtjJpS6NzRwjYilDICcNeV94fy-taOnLnJwful44HdzXDroK-oo/s400/%25D8%25A7%25D9%2584%25D8%25A7%25D8%25B1%25D8%25B4%25D9%258A%25D9%2581.jpg" width="168" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b><span ;">صورة ارشيف قالب </span><span style="color: #cc0000;">سيو بلس الاصدار الخامس</span></b></td></tr>
</tbody></table>
<span ;"><b><br /></b></span>
<span ;"><b><br /></b></span><br />
<br />
<div style="text-align: center;">
<div id="wrap">
<a class="btn-slide" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly90ZW1wbGF0ZS1zZW8tcGx1cy12NC1jb2xpY2EuYmxvZ3Nwb3QuY29tLw==" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط للمعاينة</span>
</a>
<a class="btn-slide2" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cudXAtNGV2ZXIub3JnL3J3cWw3dmtkbXhybQ==" rel="nofollow" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">اضغط للتحميل</span>
</a>
</div>
</div>
<br />
<div id="wrap">
<span ;"><b><b><span ;"><a class="btn-slide" href="https://colica-web.blogspot.com/2019/03/Cleaning-Template.html" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">قالب التنظيف</span>
<span class="title-hover">انقر هنا</span>
</a>
</span></b></b></span></div>
<span ;"><b>
</b></span>
<span ;"><b><br /></b></span>
<br />
<span ;"><b><br /></b></span>
<b><span style="font-size: large;"><span style="color: #38761d;">شرح تركيب القالب</span><span style="color: #cc0000;"> <span style="color: #cc0000;"><a href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly9kb2Muc2VvcGx1cy10ZW1wbGF0ZS5jb20v"><span style="color: #cc0000;">من هنا</span></a> </span></span></span></b><br />
<b><span style="color: #cc0000;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehN7oW-dGnRUcI3oRZk8-1qSpfO6m4Tk2l3fI6ao-UlkcUm9on81RctrIyxEaypuXx5CTZWQO_tZ6eb1q3Htcl8lqhn6rhlbml1tqNZuEFP_ihlYsvWCZ6hLLKbzAKZgLOpz7LfrSETY/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehN7oW-dGnRUcI3oRZk8-1qSpfO6m4Tk2l3fI6ao-UlkcUm9on81RctrIyxEaypuXx5CTZWQO_tZ6eb1q3Htcl8lqhn6rhlbml1tqNZuEFP_ihlYsvWCZ6hLLKbzAKZgLOpz7LfrSETY/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
<div style="text-align: center;">
<b><span style="color: #cc0000;"><br /></span></b></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com2tag:blogger.com,1999:blog-3176011237725819468.post-16948419750923263512020-02-22T23:02:00.003-08:002020-05-05T04:32:04.307-07:00كيفية اضافة اخر المواضيع بطريقة احترافية لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqllfm_fcfyFyG7iddBtYqfSbqhY8vDLc2DRSQBEbRCiz6VKBIN5jT0Mgln8m-mRk8Y_EvhOz3vBJ5bmmVhXpZyUMtpGWw7XX1CTazNroTR5e4y28nBBoxJRkipaCBMKoDnJo-Rq-vNvE/s1600/%25D8%25B3%25D9%2583%25D8%25B1%25D8%25A8%25D8%25AA+%25D8%25A7%25D8%25AE%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D9%2588%25D8%25A7%25D8%25B6%25D9%258A%25D8%25B9+%25D9%2583%25D9%2588%25D9%2584%25D9%258A%25D9%2583%25D8%25A7+%25D9%2588%25D9%258A%25D8%25A8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqllfm_fcfyFyG7iddBtYqfSbqhY8vDLc2DRSQBEbRCiz6VKBIN5jT0Mgln8m-mRk8Y_EvhOz3vBJ5bmmVhXpZyUMtpGWw7XX1CTazNroTR5e4y28nBBoxJRkipaCBMKoDnJo-Rq-vNvE/s640/%25D8%25B3%25D9%2583%25D8%25B1%25D8%25A8%25D8%25AA+%25D8%25A7%25D8%25AE%25D8%25B1+%25D8%25A7%25D9%2584%25D9%2585%25D9%2588%25D8%25A7%25D8%25B6%25D9%258A%25D8%25B9+%25D9%2583%25D9%2588%25D9%2584%25D9%258A%25D9%2583%25D8%25A7+%25D9%2588%25D9%258A%25D8%25A8.png" width="640" /></a></div>
<b><span ;"><br /></span></b>
<b><span ;"><br /></span></b>
<b><span style="color: #e69138;">طريقة التركيب</span></b><br />
<b><span ;"><br /></span></b>
<b><span ;">اول خطوة الدخول علي : </span><span style="color: #cc0000;">بلوجر > المظهر > تحرير HTML</span><span ;"> ثم قم بالبحث بالضغط علي </span><span style="color: #6aa84f;">Ctrl + F</span></b><br />
<b><span ;">عن هذه </span><span style="color: #3d85c6;"></head></span><span ;"> الان قم باضافة هذه الاكواد قبلها</span><span style="color: #cc0000;"> ( فوقها )</span><span ;"> :</span></b><br />
<b><span ;"><br /></span></b>
<b><span ;"></span></b><br />
<pre data-codetype="CSSku" title="CSS"><span style="color: white;"><b><b:if cond='data:view.isHomepage'>
<link defer='defer' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.css' rel='stylesheet'/>
<style type="text/css">
/*<![CDATA[*/
/*=====================================
= sections-posts colica-web.blogspot.com
=====================================*/
.sections-posts{margin:15px auto}
.DivOne{width:calc(100% - 440px);height:380px;background:#fff;float:right;margin-left:10px;position:relative;direction:ltr;overflow:hidden}
.DivOne .owl-item>li{position:relative;height:380px}
.DivOne .owl-item>li img{height:auto;min-height:100%;width:100%}
.DivOne .owl-item>li .title{position:absolute;bottom:0;right:0;width:100%;color:#fff;z-index:10;direction:rtl;text-align:right;background:linear-gradient(transparent,#000);padding:280px 30px 30px 40px;font-size:20px;line-height:30px}
.DivOne .owl-item>li .description{position:absolute;bottom:40px;right:0;color:#ccc;z-index:100;direction:rtl;text-align:right;padding:30px;font-size:13px;line-height:22px}
.DivOne .owl-item>li span.ReadMore{position:absolute;bottom:25px;left:30px;background:#0c70dc;z-index:10;padding:4px 12px;border-radius:4px}
a.slider-next{position:absolute;top:50%;left:0;width:40px;height:45px;background:#ff7f00;color:#fff;z-index:100;margin-top:-20px;text-align:center;font-size:38px}
a.slider-prev{position:absolute;top:50%;right:0;width:40px;height:45px;background:#ff7f00;color:#fff;z-index:100;margin-top:-20px;text-align:center;font-size:38px}
.outer-left{float:left;width:430px}
.outer-left>a .title{float:right;padding:10px 15px 15px;color:#212121;height:90px;width:calc(100% - 120px);font-size:13px;line-height:23px}
.outer-left>a span{position:absolute;left:10px;top:21px;text-align:center;font-size:42px;color:#ff7f00}
.outer-left>a img{width:90px;float:right;height:100%}
.outer-left>a{display:block;height:93px;background:#fff;overflow:hidden;position:relative;margin-bottom:3px}
/*]]>*/
</style>
</b:if></b></span>
</pre>
<div>
<br /></div>
<b><span ;">
</span></b>
<b><span ;"><br /></span></b>
<b><span ;">ثاني خطوة ضع الكود التالي قبل </span><span style="color: #cc0000;">( فوق )</span><span ;"> </span><span style="color: #3d85c6;"></body> </span></b><br />
<div>
<b><span ;"><br /></span></b>
<b><span ;"></span></b><br />
<pre data-codetype="JavaScriptku" title="Javascript"><span style="color: white;"><b><script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;); }, 10); </script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script> $.each($(&#39;a[name]&#39;), function(i, e) { var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;DrROloading&#39;); var blogStats = new Firebase(&quot;https://elprof.firebaseIO.com/pages/id/&quot; + $(e).attr(&#39;name&#39;)); blogStats.once(&#39;value&#39;, function(snapshot) { var data = snapshot.val(); var isnew = false; if(data == null) { data= {}; data.value = 0; data.url = window.location.href; data.id = $(e).attr(&#39;name&#39;); isnew = true; } elem.removeClass(&#39;DrROloading&#39;).text(data.value); data.value++; if(window.location.pathname!=&#39;/&#39;) { if(isnew) blogStats.set(data); else blogStats.child(&#39;value&#39;).set(data.value); } }); }); </script></b></span></pre>
<b><span ;">
</span></b>
<b><span ;"><br /></span></b>
</div>
<div>
<div>
<b><span ;">الان ضع الكود التالي في المكان الذي تريد ضهور فيه الاضافة</span></b></div>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<blockquote class="tr_bq">
<b><span style="color: #e69138;"><div class='container sections-posts' data-num='</span><span style="color: #6aa84f;">10</span><span style="color: #e69138;">'></div></span></b></blockquote>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<div>
<b><span ;">يمكنك التعديل على عدد ضهور المواضيع عبر التغيير الرقم الذي ب</span><span style="color: #6aa84f;"> الاخضر</span></b><br />
<b><span style="color: #6aa84f;"><br /></span></b></div>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com1tag:blogger.com,1999:blog-3176011237725819468.post-40034424512015424582020-02-22T22:48:00.001-08:002020-05-05T04:32:16.659-07:00إضافة صفحة ارشيف في بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3jQSqAGmgL5VgdA2BJwZP99QVe45w02NXgrYWRLjaYHAsctWjTkkVAjWu_7jp-YURNHJko_cOF5CMPt5JPzWD6IWFnCB2wQOfEzyUlN9vtZqcSYcDrAWxVCE-0rJwlihSBFsCuDULgbA/s1600/page-archive-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3jQSqAGmgL5VgdA2BJwZP99QVe45w02NXgrYWRLjaYHAsctWjTkkVAjWu_7jp-YURNHJko_cOF5CMPt5JPzWD6IWFnCB2wQOfEzyUlN9vtZqcSYcDrAWxVCE-0rJwlihSBFsCuDULgbA/s640/page-archive-blogger.png" width="640" /></a></div>
<b><span ;"><br /></span></b>
<b><span ;">مرحبا بكم متابعين و زوار </span><span style="color: #e69138;">كوليكا ويب</span><span ;"> اليوم موضوع جديد سوف يفيد كثيرا من لديه مدونات بلوجر وهو إضافة صفحة ارشيف في مدونات بلوجر و هي اضافة جد مهمة تسهل علي الزائر التعمق في المدونة و يستطيع ان يرا كل ما يريد بكل سهولة و يظهر له ما يهمه و بترتيب متناسق و جميل و تتيح له امكانية العثور علي ما يشد انتباهه بطريقة سلسة و مريحة للعين هي بنا نضيف هذه الاضافة الكبير و المهمة جداً و هي إضافة صفحة ارشيف في بلوجر. </span><span style="color: #cc0000;">♥</span></b><br />
<b><span ;"><br /></span></b>
<b><span style="color: #e69138;">تركيب الإضافة :</span></b><br />
<b><span ;"><br /></span></b>
<b><span ;">الإضافه بسيطه ثلاث أكواد أولأ كود </span><span style="color: #6aa84f;">CSS</span></b><br />
<b><span ;"><span ;">والذى سوف تقوم بوضعه فوق هذا الوسم </span><kbd><span style="color: #3d85c6;">]]></b:skin></span></kbd><span ;"> فى مدونتك.</span></span></b><br />
<b><span ;"><br /></span></b>
<b><span ;"></span></b><br />
<pre data-codetype="CSSku" title="CSS"><b><span style="color: white;">/* archive page*/
html[dir="rtl"] .colica-web-archive{font-style:normal}
html[dir="rtl"] .colica-web-archive .item{overflow:hidden;margin-bottom:10px}
html[dir="rtl"] .colica-web-archive .archive-thumb{float:right;margin-left:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
html[dir="rtl"] .colica-web-archive .archive-href{text-decoration:none;display:block;font-size:16px;font-weight:700;color:#444444}
html[dir="rtl"] .colica-web-archive .archive-qism:before{font-family:fontawesome;font-size:14px;display:inline-block;color:#fff;content:"\f02c";font-weight:400;background:#ce0a46;background:-webkit-linear-gradient(-15deg,#ce0a46,#e98125);background:-o-linear-gradient(-15deg,#ce0a46,#e98125);background:-webkit-linear-gradient(-75deg,#ce0a46,#e98125);background:-o-linear-gradient(-75deg,#ce0a46,#e98125);background:linear-gradient(-15deg,#ce0a46,#e98125);width:46px;height:100%;position:absolute;text-align:center;padding-top:12px;top:0;right:0;font-size:22px;-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0}
html[dir="rtl"] .colica-web-archive .archive-qism{padding-right:60px;-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0;border-left:5px solid #d0021b;display:block;font-size:20px;font-weight:700;margin-top:20px;background-color:#eeeeee;padding:5px 30px;margin-bottom:10px;height:57px;position:relative;line-height:1.5em}
html[dir="rtl"] .colica-web-archive .archive-qism b{font-size:19px;padding:0 27px;margin:7px auto;display:inline-table}
html[dir="rtl"] .colica-web-archive .archive-qism-num{position:absolute;font-size:14px;background-color:rgba(0,0,0,0.1);padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:700;top:-webkit-calc(50% - 20px);top:-moz-calc(50% - 20px);top:calc(50% - 20px);left:20px}
html[dir="rtl"] .colica-web-archive .archive-qism-num u{text-decoration:none;margin:0 2px}
html[dir="rtl"] .colica-web-archive .archive-date{display:inline-block;vertical-align:top;font-size:10px;padding:0 10px;-webkit-border-radius:300px;-moz-border-radius:300px;border-radius:300px;margin-bottom:8px;font-weight:700;line-height:2em}
html[dir="rtl"] .colica-web-archive .archive-date{color:#bdbdbd;margin-left:5px;font-size:12px}
html[dir="rtl"] .colica-web-archive .archive-date i{margin:0 4px}
html[dir="rtl"] .colica-web-archive .archive-href:hover{color:#d0021b}
/*ltr*/
html[dir="ltr"] .colica-web-archive{font-style:normal}
html[dir="ltr"] .colica-web-archive .item{overflow:hidden;margin-bottom:10px}
html[dir="ltr"] .colica-web-archive .archive-thumb{float:left;margin-right:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
html[dir="ltr"] .colica-web-archive .archive-href{text-decoration:none;display:block;font-size:16px;font-weight:700;color:#444444}
html[dir="ltr"] .colica-web-archive .archive-qism:before{font-family:fontawesome;font-size:14px;display:inline-block;color:#fff;content:"\f02c";font-weight:400;background:#ce0a46;background:-webkit-linear-gradient(15deg,#ce0a46,#e98125);background:-o-linear-gradient(15deg,#ce0a46,#e98125);background:-webkit-linear-gradient(75deg,#ce0a46,#e98125);background:-o-linear-gradient(75deg,#ce0a46,#e98125);background:linear-gradient(15deg,#ce0a46,#e98125);width:46px;height:100%;position:absolute;text-align:center;padding-top:12px;top:0;left:0;font-size:22px;-webkit-border-radius:100px 0 0 100px;border-radius:100px 0 0 100px}
html[dir="ltr"] .colica-web-archive .archive-qism{padding-left:60px;-webkit-border-radius:100px 0 0 100px;border-radius:100px 0 0 100px;border-right:5px solid #d0021b;display:block;font-size:20px;font-weight:700;margin-top:20px;background-color:#eeeeee;padding:5px 30px;margin-bottom:10px;height:57px;position:relative;line-height:1.5em}
html[dir="ltr"] .colica-web-archive .archive-qism b{font-size:19px;padding:0 27px;margin:7px auto;display:inline-table}
html[dir="ltr"] .colica-web-archive .archive-qism-num{position:absolute;font-size:14px;background-color:rgba(0,0,0,0.1);padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:700;top:-webkit-calc(50% - 20px);top:-moz-calc(50% - 20px);top:calc(50% - 20px);right:20px}
html[dir="ltr"] .colica-web-archive .archive-qism-num u{text-decoration:none;margin:0 2px}
html[dir="ltr"] .colica-web-archive .archive-date{display:inline-block;vertical-align:top;font-size:10px;padding:0 10px;-webkit-border-radius:300px;-moz-border-radius:300px;border-radius:300px;margin-bottom:8px;font-weight:700;line-height:2em}
html[dir="ltr"] .colica-web-archive .archive-date{color:#bdbdbd;margin-right:5px;font-size:12px}
html[dir="ltr"] .colica-web-archive .archive-date i{margin:0 4px}
html[dir="ltr"] .colica-web-archive .archive-href:hover{color:#d0021b}</span></b>
</pre>
<div>
<br /></div>
<br />
<b><span ;"><br /></span></b>
<b><span ;">الكود الثانى هو كود الـ </span><span style="color: #e69138;">js</span></b><br />
<b><span ;"><span ;">والذى سوف تقوم بوضعه فوق الوسم </span><kbd><span style="color: #3d85c6;"></body></span></kbd><span ;"> فى مدونتك.</span></span></b><br />
<b><span ;">وبعد ذلك تقوم بحفظ القالب.</span></b><br />
<div>
<b><span ;"><br /></span></b></div>
<div>
<b><span style="color: white;"></span></b><br />
<pre data-codetype="JavaScriptku" title="Javascript"><span style="color: white;"><b><b:if cond='data:view.isPage'>
<script type='text/javascript'>
//<![CDATA[
var textmonth = ["يناير","فبراير","مارس","أبريل","مايو","يونيو"," يوليو"," أغسطس","سبتمبر","أكتوبر","نوفمبر"," ديسمبر"];
var noimg ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_fDHg0k-vJ1PYf1UyU7wLeo1xXcLsx2RXFyYZUwaKOihLg75pHGmnulJLi2fSmYk-Z6hJpR38Y6cO3td9jwEM2UaW7-W9O_oieGN0IWt0M-10iMsB3FiYn48jUAQuq5kH6j2SNJ2ohiEI/s1600/noimg.png";
var textscript ="مشاركة";
!function(){var e=document.createElement("script")
e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/abdelalilebbihi/abdou_tech/gadget/abdoutech-archive.js"
var t=document.getElementsByTagName("script")[0]
t.parentNode.insertBefore(e,t)}();
//]]>
</script>
</b:if></b></span>
</pre>
<div>
<br /></div>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<b><span ;">الكود الثالث سوف تقوم بوضعه فى وضع </span><span style="color: #cc0000;">HTML</span><span ;"> عندما تقوم بانشاء صفحة للأرشيف. </span><span style="color: #cc0000;">♥</span></b><br />
<b><span style="color: #cc0000;"><br /></span></b>
<b><span style="color: #cc0000;"></span></b><br />
<blockquote class="tr_bq" style="text-align: center;">
<span style="color: #cc0000; font-size: large;"><b><i class="colica-web-archive"></i></b></span></blockquote>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cjV6TNMAe-SZ0G2aF53zBFPPsDBzt0T7zmfhIGvDUeytkNO6D5ibZKsIHdLqYitrQhitZdu6I-DqXt-W2JzWRd0QHqeQNUYBV-kfXfcli-xo1GK388HHdK6hEIgI8UCGzBvZWiHDqOg/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cjV6TNMAe-SZ0G2aF53zBFPPsDBzt0T7zmfhIGvDUeytkNO6D5ibZKsIHdLqYitrQhitZdu6I-DqXt-W2JzWRd0QHqeQNUYBV-kfXfcli-xo1GK388HHdK6hEIgI8UCGzBvZWiHDqOg/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
</div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-16015425770071809242020-02-14T03:47:00.003-08:002020-05-05T04:32:30.257-07:00كيفية تقسيم المواضيع الي صفحات في بلوجر لزيادة ربح ادسنس<div dir="rtl" style="text-align: right;" trbidi="on">
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKF0usJBr7guXx3avKpFvBdADpzCNTpKzO0Qpws2ABfQXhbffIyluZswGP_Y0PhtBJu3melTOiAWS64EL502hKijcon7fgT14qlaUqiVgX2P-Ecm7sbo0vLBil6OTnDuJuK1kg2NkcC4/s1600/%25D8%25B3%25D9%2583%25D8%25B1%25D8%25A8%25D8%25AA+%25D8%25AA%25D9%2582%25D8%25B3%25D9%258A%25D9%2585+%25D9%2585%25D9%2588%25D8%25A7%25D8%25B6%25D9%258A%25D8%25B9+%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A7%25D8%25AA+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1+%25D9%2583%25D9%2588%25D9%2584%25D9%258A%25D9%2583%25D8%25A7+%25D9%2588%25D9%258A%25D8%25A8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="414" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKF0usJBr7guXx3avKpFvBdADpzCNTpKzO0Qpws2ABfQXhbffIyluZswGP_Y0PhtBJu3melTOiAWS64EL502hKijcon7fgT14qlaUqiVgX2P-Ecm7sbo0vLBil6OTnDuJuK1kg2NkcC4/s640/%25D8%25B3%25D9%2583%25D8%25B1%25D8%25A8%25D8%25AA+%25D8%25AA%25D9%2582%25D8%25B3%25D9%258A%25D9%2585+%25D9%2585%25D9%2588%25D8%25A7%25D8%25B6%25D9%258A%25D8%25B9+%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A7%25D8%25AA+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1+%25D9%2583%25D9%2588%25D9%2584%25D9%258A%25D9%2583%25D8%25A7+%25D9%2588%25D9%258A%25D8%25A8.png" width="640" /></a></div>
<br /></div>
<div>
<b><span ;">السلام عليكم متابعين و زوار مدونة </span><span style="color: #e69138;">كوليكا ويب </span><span ;">الاعزاء اليوم سوف نقوم بشرح كيفية تقسيم مواضيع الي صفحات لزيادة ارباح </span><span style="color: #3d85c6;">ادسنس</span><span ;"> بطريقة شرعية و هي عن طريق وضع سكربت بسيط و سهل ليقوم بتقسيم الموضوع الي عدة صفحات و بذلك عند مشاهدة المزيد من صقحات المقال يتم تجديد الاعلانات و يتم زيادة الارباح الان هيا بنا نتطرق الي الشرح لتركيب سكربت تقسيم المواضيع الي صفحات في مدونات بلوجر </span><span style="color: red;">♥</span><span ;">.</span></b><b><span style="color: #e69138;"><br /></span></b>
<b><span style="color: #e69138;"><br /></span></b><br />
<b><span style="color: #e69138;">طريقة التركيب</span></b></div>
<div>
<b><span ;"><br /></span></b></div>
<b><span ;">اول خطوة الدخول علي : </span><span style="color: #cc0000;">بلوجر > المظهر > تحرير HTML</span><span ;"> ثم قم بالبحث بالضغط علي </span><span style="color: #6aa84f;">Ctrl + F</span><br /><span ;">عن هذه </span><span style="color: #3d85c6;"></head></span><span ;"> الان قم باضافة هذه الاكواد قبلها </span><span style="color: #cc0000;">( فوقها )</span><span ;"> :</span></b><br />
<div>
<b><span ;"><br /></span></b></div>
<div>
<b><span ;"></span></b><br />
<pre data-codetype="CSSku" title="CSS"><span style="color: white;"><b><b:if cond='data:view.isPost'>
<style type="text/css">
/*<![CDATA[*/
/*=====================================
= Page Navigation
=====================================*/
div#pager-body-out br:first-of-type{display:none}
#pager-body-out a:hover{text-decoration:underline}
#pager-body-out a{color:#2c82c9}
.page-navigation{position:relative;clear:both;overflow:hidden;margin-top:15px;padding:25px}
#pager-page-number{padding-top:5px}
#pager-prev{float:right;border-radius:0 5px 5px 0}
#pager-next,#pager-prev{background:#fff;display:inline-block;cursor:pointer;margin:3px!important;-webkit-box-shadow:0 1px 3px 1px rgba(60,64,67,0.15),0 1px 2px 0 rgba(60,64,67,0.3);box-shadow:0 1px 3px 1px rgba(60,64,67,0.15),0 1px 2px 0 rgba(60,64,67,0.3);border-radius:50px}
.pager-next-prev a{display:block}
#pager-prev span:nth-child(1){float:left;font-size:15px;line-height:36px;position:relative;padding:4px 25px 2px 15px}
#pager-prev span:nth-child(1):before{top:0;right:-11px;content:"\f105";font-family:fontawesome;background-color:#0c37de;color:#ffffff;padding:8px 0;width:25px;height:25px;line-height:11px;display:inline-block;border-radius:100px;text-align:center;font-size:14px;position:relative;transition:all 0.3s ease;margin-left:4px}
#pager-next span:nth-child(1):before{top:0;left:-81px;content:"\f104";font-family:fontawesome;background-color:#0c37de;color:#ffffff;padding:8px 0;width:25px;height:25px;line-height:11px;display:inline-block;border-radius:100px;text-align:center;font-size:14px;position:relative;transition:all 0.3s ease;margin-left:4px}
.pager-next-prev span{font-size:30px;color:#585858}
#pager-prev span:nth-child(2){float:right;line-height:45px}
#pager-next{float:left;margin:0}
#pager-next span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:3px 0 3px 52px;position:relative}
#pager-next span:nth-child(2){float:left;line-height:45px}
#pager-page-number{text-align:center;color:#ffffff;font-size:17px;line-height:30px;display:block;margin:0 auto;width:43px;height:42px;background:#0c37de;border-radius:50px;border:1px solid #ddd}
#pager-next:hover,#pager-prev:hover{background:#0c37de}
#pager-next span,#pager-prev span{color:#0c37de}
#pager-next:hover span,#pager-prev:hover span,#pager-next:hover span:before,#pager-prev:hover span:before{color:#fff}
#pager-next,#pager-prev{transition:all 0.3s}
#pager-next:hover span:before,#pager-prev:hover span:before{background:#fff;color:#0c37de}
/*]]>*/
</style>
</b:if></b></span>
</pre>
<div>
<br /></div>
<b><span ;">
</span></b></div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<div>
<b><span ;">ثاني خطوة ضع الكود التالي قبل </span><span style="color: #cc0000;">( فوق ) </span><span style="color: #3d85c6;"></body></span></b></div>
</div>
<div>
<b><span ;"><br /></span></b>
<b><span ;"></span></b><br />
<pre data-codetype="JavaScriptku" title="Javascript"><b><span style="color: white;"><b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$(".page-navigation").each(function(){if($(".post-body").html().match("_split")){var a=function(a){var b,c,d=decodeURIComponent(window.location.search.substring(1)),f=d.split("&");for(c=0;c<f.length;c++)if(b=f[c].split("="),b[0]===a)return!(void 0!==b[1])||b[1]},b=a("page"),c=$("#pager-next"),d=$("#pager-prev"),e=$(".post-body2").prop("innerHTML").split("_split"),f=$(this);f.show(),$(".post-body").remove();var g=$("#pager-body-out"),h=$("#pager-page-number");if(void 0===b||1==b)d.hide(),c.find("a").attr("href","?page=2"),g.html(e[0]),h.html("1");else{b=parseInt(b),e.length<=b&&c.hide();var i=b+1,j=b-1;c.find("a").attr("href","?page="+i),d.find("a").attr("href","?page="+j),g.html(e[j]),h.html(b)}}})});
//]]>
</script>
</b:if></span></b></pre>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div style="text-align: right;">
<b style="text-align: right;"><span ;">ثالث خطوة نبحث في القالب على </span><span style="color: #3d85c6;"><data:post:body/></span><span ;"> ستجده مكرر اكثر من مرة لانه يوجد </span><span style="color: #cc0000;">في بعض القوالب الاولى مخصصة للصفحة الرئيسية و الثانية لصفحة الموضوع و الثالثة لصفحات حسب القالب.</span></b><br />
<b style="text-align: right;"><span ;">عندما تجدها سوف تجد معها </span><span style="color: #3d85c6;">div</span><span ;"> مثل تلك</span></b></div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<blockquote class="tr_bq">
<b><span style="color: #e69138;"><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'></span></b><b><span style="color: #e69138;"><data:post.body/></span></b><b><span style="color: #e69138;"></div></span></b></blockquote>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<div>
<b><span ;">ضع الكود التالي اسفل هذا الكود يعني اسفل الـ </span><span style="color: #3d85c6;"></div></span></b></div>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<span style="white-space: pre;"><b><span style="color: white; font-family: monospace;"></span></b></span><br />
<pre data-codetype="HTMLku" title="HTML"><b><span style="color: white;"><b:if cond='data:view.isPost'>
<div class='content-post' id='pager-body-out'/>
<div class='page-navigation' style="display:none">
<div class='pager-next-prev' id='pager-prev'>
<a><span>
السابق
</span><span class='siki-prev'/></a></div>
<div class='pager-next-prev' id='pager-next'>
<a><span>
التالي
</span><span class='siki-next'/></a></div>
<div id='pager-page-number'/>
</div>
</b:if></span></b></pre>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<b><span ;">انتهيناً احفظ القالب وإذا اردت اضافة تقسيم لموضوع تذهب الى الموضوع وتضع هذا الكود بين كل تقسيم تريده </span><span style="color: #cc0000;">_split</span></b></div>
</div>
</div>
<div>
<b><span ;"><br /></span></b></div>
<div>
<blockquote class="tr_bq">
<b><span style="color: #cc0000;">ملاحظة :</span><span ;"> الكود حين نسخه من الشرح قم بوضعه في نوتباد او اكتبه عشان متنسخش اكواد تانية معه</span></b></blockquote>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com2tag:blogger.com,1999:blog-3176011237725819468.post-32772696620531871542020-02-14T00:56:00.000-08:002020-05-05T04:33:17.914-07:00كيفية اضافة صندوق للوسم داخل المواضيع بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXivcdWF6bHJL1Xw7_ZuVd4oIWZs3ikpu9BvVplWsM8C-TwoNL0y1xqZyaZ7JaB-TRfB92vxVLWzEWcwtVhO1dGBhayQF_dmAMu2Ch-cQMYyOd5ZI3GtU3zm8c9ViSTJ12fyXPSyGtlLM/s1600/TagBoxForBlogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXivcdWF6bHJL1Xw7_ZuVd4oIWZs3ikpu9BvVplWsM8C-TwoNL0y1xqZyaZ7JaB-TRfB92vxVLWzEWcwtVhO1dGBhayQF_dmAMu2Ch-cQMYyOd5ZI3GtU3zm8c9ViSTJ12fyXPSyGtlLM/s640/TagBoxForBlogger.png" width="640" /></a></div>
<b><span ;"><br /></span></b>
<b><span ;">مرحبا بكم متابعين و زوار </span><span style="color: #e69138;">كوليكا ويب</span><span ;"> اليوم موضوع جديد سوف يفيد كثيرا من لديه مدونات بلوجر وهو إضافة صندوق للأوسام داخل المواضيع لمدونات بلوجر وهذه الإضافة سوف تستخدمها كما أستخدمها أنا فى مدونتى الأن بعد التحديث لكى تضع به وسم أو كود قصير حتى يستطيع متابعيك مشاهد الكود بشكل أفضل وايضا أذا كنت تستخدم كود مانع النسخ فى مدونتك فهذا الكود سوف يفيدك كثيرا</span><span style="color: #cc0000;"> </span><span style="color: red;">♥</span><span ;">.</span></b><br />
<b><span ;"><br /></span></b>
<b><span style="color: #e69138;">تركيب اللإضافة</span></b><br />
<b><span ;"><br /></span></b>
<b><span ;">الإضافه بسيطه ثلاث أكواد أولأ كود </span><span style="color: #6aa84f;">CSS</span></b><br />
<b><span ;">والذى سوف تقوم بوضعه فوق هذا الوسم </span><kbd><span style="color: #3d85c6;"> ]]></b:skin></span> </kbd><span ;"> فى مدونتك.</span></b><br />
<b><span ;"><br /></span></b>
<b><span ;"></span></b><br />
<pre data-codetype="CSSku" title="CSS"><b><span ;"><code class="language-css">kbd {
position: relative;
color: #FFFFFF;
background-color: #7986CB;
margin: 0 5px 0 5px;
padding: 0 5px 4px 5px;
border-radius: 2px;
line-height: 14px;
}
kbd:before {
position: absolute;
content: 'اضغط مرتين لتحديد';
display: table;
bottom: 40px;
left: 0;
background: #7986CB;
color: #fff;
padding: 4px;
border-radius: 2px;
font-size: 75%;
opacity: 0;
visibility: hidden;
transform: scale(0.8);
z-index: 2;
transition: all .3s;
height: 25px;
line-height: 11px;
}</code></span></b></pre>
<br />
<b><span ;"><br /></span></b>
<b><span ;">الكود الثانى هو كود الـ </span><span style="color: #6aa84f;">js</span></b><br />
<b><span ;">والذى سوف تقوم بوضعه فوق الوسم
</span><kbd><span style="color: #3d85c6;"> </body></span> </kbd><span ;"> فى مدونتك.</span></b><br />
<b><span ;">وبعد ذلك تقوم بحفظ القالب.</span></b><br />
<b><span ;"><br /></span></b>
<span ;"><b>
</b></span><br />
<pre data-codetype="JavaScriptku" title="Javascript"><b><span style="color: white;"><script type='text/javascript'>
//<![CDATA[
$('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("kbd"),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></span></b></pre>
<span ;"><b>
</b></span>
<span ;"><b><br /></b></span>
<b><span ;">الكود الثالث سوف تقوم بوضعه فى وضع </span></b><span style="color: #6aa84f;"><b><span style="color: #6aa84f;">HTML</span><span style="font-family: monospace;"> </span></b></span><b><span ;">عندما تقوم بكتابة موضوع جديد.</span></b><br />
<br />
<span ;"><b></b></span><br />
<pre data-codetype="HTMLku" title="HTML"><span ;"><code class="language-markup"><b><span style="color: white;"><kbd>ضع الوسم هنا</kbd></span><span ;">
</span></b></code></span></pre>
<br />
<b><span ;"><br /></span></b>
<b><span ;">والكود سوف تجده داخل الجمله وهكذا سوف تقوم بوضعه فى موضوعك.</span></b><br />
<span ; font-weight: bold;">مبروك عليك الاضافة </span><span style="color: red;"><b>♥</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiZKgBdhnTMVzDPaKruUZrytJOWicTOFAlFnrsNzwQq0o6gZt26hfM5E2I9tSZjOsDf89OHuri0ds76em4IG0GVJAJDmn-VBS5VlTka9klwVrW4BAmVdGsHWXTEjIxfDZsYRvUbEIZYuE/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiZKgBdhnTMVzDPaKruUZrytJOWicTOFAlFnrsNzwQq0o6gZt26hfM5E2I9tSZjOsDf89OHuri0ds76em4IG0GVJAJDmn-VBS5VlTka9klwVrW4BAmVdGsHWXTEjIxfDZsYRvUbEIZYuE/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
<b><span ;"><br /></span></b>
<br />
<div>
<br /></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-81892162845223807762020-02-09T00:45:00.001-08:002020-05-05T04:33:32.433-07:00قالب الؤلؤه السوداء الاصدار الثاني بدون حقوق<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhwWNjeibIU7WAFxNFSLwgYGDdxbseSJzo0HFCM9ZERkdc1kKe7sQDooGOw03EwtO_DQQYSbM4nCwYxU855qinQVssEfo4m7duChfsUTlaVh_uWkyLJuNCR5TM-IfX-7RVGJV7q87JR0/s1600/Coverlyblack2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span ;"><b><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhwWNjeibIU7WAFxNFSLwgYGDdxbseSJzo0HFCM9ZERkdc1kKe7sQDooGOw03EwtO_DQQYSbM4nCwYxU855qinQVssEfo4m7duChfsUTlaVh_uWkyLJuNCR5TM-IfX-7RVGJV7q87JR0/s640/Coverlyblack2.png" width="640" /></b></span></a></div>
<span ;"><b><br /></b></span>
<b><span ;">السلام عليكم متابعينا الاعزاء في مدونة </span><span style="color: #e69138;">كوليكا ويب</span><span ;"> اليوم لدينا قالب انيق للمدونات التقنية </span><span style="color: #cc0000;">الؤلؤة السوداء</span><span ;"> انه قالب متجاوب و سريع و متوافق مع متطلبات</span><span style="color: #6aa84f;"> السيو</span><span ;"> و هوا في الاصل قالب اجنبي تم تعريبة لكن هذه المرة قالب الؤلؤة السوداء بدون حقوق لاعزائنا متابعين المدونة والزائرين برجاء اذا واجهتك اي مشكلة قم بطرحها في التعليقات قم بمتابعة المدونة لدعمها ♥</span></b><br />
<span ;"><b><br /></b></span>
<br />
<blockquote class="tr_bq" style="text-align: center;">
<b><span style="color: #cc0000; font-size: large;">المميزات</span></b></blockquote>
<br />
<ol style="text-align: right;">
<li><b><span style="color: #3d85c6;"> متجاوب</span></b></li>
<li><b><span style="color: #3d85c6;"> سريع التحميل</span></b></li>
<li><b><span style="color: #3d85c6;"> صفحة الخطأ</span></b></li>
<li><b><span style="color: #3d85c6;"> صفحة الإتصال</span></b></li>
<li><b><span style="color: #3d85c6;"> أداة النشرة البريدية</span></b></li>
<li><b><span style="color: #3d85c6;"> سلايدر بالسيدبار</span></b></li>
<li><b><span style="color: #3d85c6;"> تعبيرات مدرجة بالتعليقات</span></b></li>
<li><b><span style="color: #3d85c6;"> قائمة منزلقة</span></b></li>
<li><b><span style="color: #3d85c6;"> مساحات إعلانية</span></b></li>
<li><b><span style="color: #3d85c6;"> زر الصعود</span></b></li>
<li><b><span style="color: #3d85c6;"> صفحات مرقمة</span></b></li>
<li><b><span style="color: #3d85c6;"> والمزيد...</span></b></li>
</ol>
<div class="separator" style="clear: both;">
<span ;"><b><b><span ;"><br /></span></b></b></span></div>
<span ;"><b>
</b></span>
<br />
<div style="text-align: center;">
<div id="wrap">
<span ;"><b><a class="btn-slide" href="https://colica-web.blogspot.com/p/preview.html?url=https://coverlyblack2-temp-colica-web.blogspot.com/" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">انقر هنا</span>
</a>
<a class="btn-slide2" href="https://www.up-4ever.org/f7i9nlbxf6zb" rel="nofollow" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">انقر هنا</span>
</a>
</b></span></div>
</div>
<span ;"><b>
</b></span>
<div class="separator" style="clear: both; text-align: center;">
<span ;"><b><b><span ;">
</span></b></b></span></div>
<span ;"><b>
<div id="wrap">
<b><span ;"><a class="btn-slide" href="https://colica-web.blogspot.com/2019/03/Cleaning-Template.html" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">قالب التنظيف</span>
<span class="title-hover">انقر هنا</span>
</a>
</span></b></div>
</b></span><br />
<span ;"><b><br /></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span ;"><b><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></b></span></a></div>
<br /></div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com1tag:blogger.com,1999:blog-3176011237725819468.post-686511832001985852020-02-07T14:51:00.000-08:002020-04-03T02:31:15.692-07:00قالب كوليكا ويب الاصدار الخامس بدون حقوق<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx5KSj3cVho0arL50AWxpn5bDcSSknTp6fI8BRj5adWJ54xisIxQKJmEnEd8Gl0JO3uhFMdmT6OrsJL6xvKQdFaIkYbKteztaVpTFxmuDSrrkGZaxmMTYcyRsbpaOld0GA2bpNmeLvfoo/s1600/Capture+%25281%2529+%25281%2529+%25281%2529+%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><b><span style="color: #444444;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx5KSj3cVho0arL50AWxpn5bDcSSknTp6fI8BRj5adWJ54xisIxQKJmEnEd8Gl0JO3uhFMdmT6OrsJL6xvKQdFaIkYbKteztaVpTFxmuDSrrkGZaxmMTYcyRsbpaOld0GA2bpNmeLvfoo/s1600/Capture+%25281%2529+%25281%2529+%25281%2529+%25281%2529.png" /></span></b></a></div>
<div class="separator" style="clear: both; text-align: right;">
<b><span style="color: #444444;"><br /></span></b></div>
<div class="separator" style="clear: both;">
<b><span style="color: #444444;">السلام عليكم اليوم معانا، أسرع قالب بلوجر علي الاطلاق انه الافضل من حيث السرعة، في قوالب بلوجر المعربة انا لا أهول في قولي الاسرع علي الاطلاق وفق اختبارات جوجل، اظهرت ان هذا القالب صديق محركات البحث و سريع جداااااا في الارشفة لا اريد ان اطيل عليكم الحديث، تفضل بمعاينة سرعة القالب و انت سوف تتأكد من كلامي مبروك عليكم أسرع قالب في قوالب بلوجر </span><span style="color: #cc0000;">♥</span><span style="color: #444444;">.</span></b></div>
<div class="separator" style="clear: both;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<b><span style="color: #cc0000; font-size: large;">مميزات القالب</span></b></blockquote>
<div class="separator" style="clear: both;">
</div>
<ol style="text-align: right;">
<li><b><span style="color: #444444;">سريع في الارشفة.</span></b></li>
<li><b><span style="color: #444444;">سهل التركيب.</span></b></li>
<li><b><span style="color: #444444;">أماكن لأضافة اعلانات.</span></b></li>
<li><b><span style="color: #444444;">الوان مريحة للعين.</span></b></li>
<li><b><span style="color: #444444;">قوائم منسدلة.</span></b></li>
<li><b><span style="color: #444444;">سرعة القالب 3 ثواني في اختبار جوجل.</span></b></li>
<li><b><span style="color: #444444;">سهولة التنقل داخل القالب.</span></b></li>
<li><b><span style="color: #444444;">أزرار مشاركة الموضوع.</span></b></li>
<li><b><span style="color: #444444;">مواضيع ذات صلة اسفل المشاركات.</span></b></li>
<li><b><span style="color: #444444;">والمزيد....</span></b></li>
</ol>
<br />
<div style="text-align: center;">
<div id="wrap">
<a class="btn-slide" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly9jLXctdjUtdGVtcGxhdGUuYmxvZ3Nwb3QuY29t" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">معاينة</span>
<span class="title-hover">اضغط للمعاينة</span>
</a>
<a class="btn-slide2" href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cudXAtNGV2ZXIub3JnL2NleDdoZ3F4ejA3bQ==" rel="nofollow" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">انقر هنا</span>
</a>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="color: #444444;">
</span></b></div>
<div id="wrap">
<b><span style="color: #444444;"><a class="btn-slide" href="https://colica-web.blogspot.com/2019/03/Cleaning-Template.html" rel="nofollow" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">قالب التنظيف</span>
<span class="title-hover">انقر هنا</span>
</a>
</span></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<b><span style="color: #444444;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="color: #444444;"><br /></span></b></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com1tag:blogger.com,1999:blog-3176011237725819468.post-64720220361669658072020-02-04T06:54:00.000-08:002020-05-04T04:42:42.951-07:00صناديق عرض الاكواد في بلوجر بشكل جذاب<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznffh5KcLaYoD8itYWPtuEqFqRxf6Wn8wrjoyCOkFx_GmnqFkJRxVBPSW82KoK13kupkUKJpOzBXxXGPRwQdinm_JLMenm-vFGBXv4myY8Jql04h7Jyji3n6HI3usS1gUpu9jCsaFeFY/s1600/The-codes-display-boxes-in-Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznffh5KcLaYoD8itYWPtuEqFqRxf6Wn8wrjoyCOkFx_GmnqFkJRxVBPSW82KoK13kupkUKJpOzBXxXGPRwQdinm_JLMenm-vFGBXv4myY8Jql04h7Jyji3n6HI3usS1gUpu9jCsaFeFY/s640/The-codes-display-boxes-in-Blogger.png" width="640" /></a></div>
<br />
<b><span style="color: #444444;">السلام عليكم اعزائي متابعين مدونة كوليكا ويب اليوم نأتي بشرح مميز و هوا اضافة صناديق مميزة و احترافية لعرض الاكواد بداخليها في مدونات بلوجر و هي تدعم العديد من اللغات البرمجية مثل </span><span style="color: #3d85c6;">Css – HTML – JavaScript – JQuery</span><span style="color: #444444;"> و تحتوي علي العديد من المميزات مثل التحديد بمجرد الضغط مرتين فقط لسهولة النسخ و يمكن النسخ ما بداخلها حتا اذا كنت تعطل التحديد في مدونتك و ذلك يعود الي تميزها و احترافيتها و تحتوي علي اربع الوان مختلفة مثل الصورة المرفقة في التدوينة و الان دعنا ندخل الي شرح و لا تقلق سهلة الاضافة </span><span style="color: #cc0000;">♥</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #cc0000;">ملحوظة مهمة : </span><span style="color: #444444;">قم باخذ نسخة من القالب قبل التعديل حرصاً علي عدم حدوث مشاكل</span></b><br />
<b><span style="color: #e69138;">يمكن يحتاج قالبك الي تحويل الاكواد قبل تركيبها :</span><span style="color: #444444;"> </span><span style="color: #6aa84f;">اضغط هنا لتحويل الاكواد</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #444444;">اولاً قم بالدخول علي : </span><span style="color: #cc0000;">بلوجر > المظهر > تحرير HTML</span><span style="color: #444444;"> ثم قم بالبحث بالضغط علي</span><span style="color: #6aa84f;"> Ctrl + F</span></b><br />
<b><span style="color: #444444;">عن هذه </span><span style="color: #3d85c6;">]]></b:skin></span><span style="color: #444444;"> </span></b><b><span style="color: #444444;">الان قم باضافة هذه الاكواد قبلها </span><span style="color: #cc0000;">( فوقها )</span><span style="color: #444444;"> : </span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #6aa84f;"></span></b><br />
<pre data-codetype="HTMLku" title="HTML"><b><span style="color: #6aa84f;"><code class="language-markup">
/* (https://colica-web.blogspot.com )CSS Pre-Code Syntax Highlighter */
pre {
padding: 50px 10px 10px 10px;
margin: .5em 0;
white-space: pre;
word-wrap: break-word;
overflow: auto;
background-color: #2c323c;
position: relative;
border-radius: 4px;
max-height: 500px;
font-family: sans-serif;
clear: both;
}
pre::before {
font-size: 16px;
content: attr(title);
position: absolute;
top: 0;
background-color: #eee;
padding: 10px;
left: 0;
right: 0;
color: #fff;
text-transform: uppercase;
display: block;
margin: 0 0 15px 0;
font-weight: bold;
text-align: left;
}
pre::after {
content: 'اضغط مرتين لنسخ الكود';
padding: 2px 10px;
width: auto;
height: auto;
position: absolute;
right: 8px;
top: 8px;
color: #fff;
line-height: 20px;
transition: all 0.3s ease-in-out;
}
pre:hover::after {
opacity: 0;
top: -8px;
visibility: visible;
}
code {
font-family: Consolas,Monaco,'
Andale Mono','Courier New',Courier,Monospace;
line-height: 16px;
color: #88a9ad;
background-color: transparent;
padding: 1px 2px;
font-size: 12px;
}
pre code {
display: block;
background: none;
border: none;
color: #e9e9e9;
direction: ltr;
text-align: left;
word-spacing: normal;
padding: 0 0;
font-weight: bold;
}
code .token.punctuation {
color: #ccc;
}
pre code .token.punctuation {
color: #fafafa;
}
code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
color: #777;
}
code .namespace {
opacity: .8;
}
code .token.property,code .token.tag,code .token.boolean,code .token.number {
color: #e5dc56;
}
code .token.selector,code .token.attr-name,code .token.string {
color: #88a9ad;
}
pre code .token.selector,pre code .token.attr-name {
color: #fafafa;
}
pre code .token.string {
color: #40ee46;
}
code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
color: #ccc;
}
code .token.operator {
color: #1887dd;
}
code .token.atrule,code .token.attr-value {
color: #009999;
}
pre code .token.atrule,pre code .token.attr-value {
color: #1baeb0;
}
code .token.keyword {
color: #e13200;
font-style: italic;
}
code .token.comment {
font-style: italic;
}
code .token.regex {
color: #ccc;
}
code .token.important {
font-weight: bold;
}
code .token.entity {
cursor: help;
}
pre mark {
background-color: #ea4f4e!important;
color: #fff!important;
padding: 2px;
border-radius: 2px;
}
code mark {
background-color: #ea4f4e!important;
color: #fff!important;
padding: 2px;
border-radius: 2px;
}
pre code mark {
background-color: #ea4f4e!important;
color: #fff!important;
padding: 2px;
border-radius: 2px;
}
.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-radius: 4px;
border: none;
}
.comments pre::after {
font-size: 11px;
}
.comments pre code {
color: #eee;
}
.comments pre.line-numbers {
padding-left: 10px;
}
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='CSSku']:before {
background-color: #00a1d6;
}
pre[data-codetype='HTMLku']:before {
background-color: #3cc888;
}
pre[data-codetype='JavaScriptku']:before {
background-color: #ff3c41;
}
pre[data-codetype='JQueryku']:before {
background-color: #e5b460;
}</code></span></b></pre>
<br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #444444;">ثانياً ضع الكود التالي قبل </span><span style="color: #cc0000;">( فوق )</span><span style="color: #444444;"> </span><span style="color: #3d85c6;"></body></span></b><br />
<b><span style="color: #3d85c6;"><br /></span></b>
<b></b><br />
<pre data-codetype="JavaScriptku" title="Javascript"><b><span style="color: #3d85c6;"><script data-src='//tapseet.github.io/www.tapseet.com/preline.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<script type='text/javascript'>
// Line Numbers
$(&#39;pre&#39;).attr(&#39;class&#39;, &#39;line-numbers&#39;);
Prism.hooks.add(&quot;after-highlight&quot;,function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf(&quot;line-numbers&quot;)===-1){return}var n=1+e.code.split(&quot;n&quot;).length;var r;lines=new Array(n);lines=lines.join(&quot;<span/>&quot;);r=document.createElement(&quot;span&quot;);r.className=&quot;line-numbers-rows&quot;;r.innerHTML=lines;if(t.hasAttribute(&quot;data-start&quot;)){t.style.counterReset=&quot;linenumber &quot;+(parseInt(t.getAttribute(&quot;data-start&quot;),10)-1)}e.element.appendChild(r)})
//<![CDATA[
// Selection
for(var pres=document.querySelectorAll(“pre,kbd,blockquote,td”),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>
</b:if></span></b></pre>
<b>
</b><b><span style="color: #3d85c6;"><br /></span></b>
<b><span style="color: #444444;">اخيراً قم بالحفظ و مبروك عليك الاضافة الاحترافية اذا واجهتك اي مشكلة برجاء تركها بالتعليقات او راسلنا علي صفحة الفيسبوك او عبر صفحة اتصل بنا</span><span style="color: #cc0000;"> ♥</span></b><br />
<b><span style="color: #444444;">حسناً عندما تريد وضع صندوق ما او جميع الصناديق يكون اثناء كتابه تدوينه تقوم بوضع الكود الذي تريده في تبويب </span><span style="color: #cc0000;">Html</span></b></div>
</div>
</div>
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #6aa84f;">
</span></b><br />
<pre data-codetype="HTMLku" title="HTML"><b><span style="color: #6aa84f;"><code class="language-markup">
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup">ضع هنا كود الـHTML</code></pre>
<pre data-codetype="CSSku" title="CSS"><code class="language-css">ضع هنا كود الـCss</code></pre>
<pre data-codetype="JavaScriptku" title="Javascript"><code class="language-javascript">ضع هنا كود الـJavascript</code></pre>
<pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript">ضع هنا كود الـjQuery</code></pre>
</code></span></b></pre>
<b><span style="color: #6aa84f;">
</span></b>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-53400246502180097672020-02-04T04:29:00.000-08:002020-04-03T02:31:15.430-07:00كيفية اضافة شكل جديد للتخطيط في بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_LG57NhsNo3jjpSjRhHvoKUPvkH_nI3-4j5F5uOcUcFAuhG5SFeekMzuU0S2MvzuSSKvkyMxEOJn-L7Znxq0JCGvJPinFU5V4A7OTXR2LqJmpQGq4le0jZHmsOS9d1H9dSDB8y2n9t2E/s1600/change-layout-in-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="403" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_LG57NhsNo3jjpSjRhHvoKUPvkH_nI3-4j5F5uOcUcFAuhG5SFeekMzuU0S2MvzuSSKvkyMxEOJn-L7Znxq0JCGvJPinFU5V4A7OTXR2LqJmpQGq4le0jZHmsOS9d1H9dSDB8y2n9t2E/s640/change-layout-in-blogger.png" width="640" /></a></div>
<div>
<br /></div>
<b><span style="color: #444444;">السلام عليكم زائرين و متابعين </span><span style="color: #e69138;">كوليكا ويب</span><span style="color: #444444;"> اليوم سوف نشرح تعديل شكل التخطيط و جعله متناسق و جذاب بدل الموجود في القالب بتاعك لو شكله ممل او فيه مشاكل هذا سوف يحل المشكلة لانه كود </span><span style="color: #cc0000;">CSS</span><span style="color: #444444;"> عام بمعني يعمل علي اي قالب سواء معرب او مجاني او مدفوع برجاء اتخاذ نسخة احتياطية قبل اجراء اي تعديل لضمان عدم حدوث مشاكل هي بنا نتابع الشرح معاً </span><span style="color: #cc0000;">♥</span></b><br />
<h3 style="text-align: right;">
<b><span style="color: #3d85c6;">طريقة تغيير تصميم التخطيط في مدونة بلوجر</span></b></h3>
<b><br /><span style="color: #444444;">اولاً ادخل علي </span><span style="color: #e69138;">بلوجر</span><span style="color: #444444;"> > </span><span style="color: #3d85c6;">المظهر</span><span style="color: #444444;"> > </span><span style="color: #cc0000;">تعديل HTML</span><span style="color: #444444;"> </span></b><br />
<div>
<b><span style="color: #444444;">ثم انظر للقالب سوف تجد كود مشابه لهذا الكود :</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<br />
<blockquote class="tr_bq">
<b><span style="color: #6aa84f;"><?xml version="1.0" encoding="UTF-8" ?></span></b><b><span style="color: #6aa84f;"><!DOCTYPE html></span></b><b><span style="color: #6aa84f;"><html b:version='2' class='v2' dir='rtl' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'></span></b></blockquote>
<b><span style="color: #6aa84f;"></span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #444444;">حسناً الان انظر الي </span><span style="color: #cc0000;">b:version='2'</span><span style="color: #444444;"> اذا وجدتها كذلك فا هذا ممتاز اذا كانت اقل فا اجعلها هاكذا</span></b></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<b><span style="color: #444444;">الان ابحث عن </span><span style="color: #3d85c6;"></b:skin></span><span style="color: #444444;"> عن طريق الضغط علي </span><span style="color: #cc0000;">Ctrl + F</span><span style="color: #444444;"> ثم ابحث الان قم باضافة هذا الكود بعدها</span><span style="color: #f1c232;"> </span><span style="color: #e69138;">( اسفلها )</span><span style="color: #444444;">:</span></b></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<blockquote class="tr_bq">
<span style="color: #6aa84f;"><b></b></span><br />
<pre data-codetype="CSSku" title="CSS"><span style="color: #6aa84f;"><code class="language-css"><b:template-skin><b><b:template-skin>
body#layout {
background: rgba(51,51,51,1);
background: -moz-linear-gradient(45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(51,51,51,1)), color-stop(50%, rgba(51,51,51,1)), color-stop(51%, rgba(65,65,65,1)), color-stop(51%, rgba(65,65,65,1)), color-stop(71%, rgba(65,65,65,1)), color-stop(100%, rgba(65,65,65,1)));
background: -webkit-linear-gradient(45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
background: -o-linear-gradient(45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
background: -ms-linear-gradient(45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
background: linear-gradient(45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#414141', GradientType=1 );
border: 1px solid #312F2D;
}
body#layout .section {
background-color: rgba(54, 54, 54, 0.5) !important;
border: 1px solid rgba(51, 51, 51, 0.5) !important;
}
body#layout .section h4 {
color: #E6E6E6!important;
}
body#layout .widget-wrap2 {
background: #984949!important;
}
body#layout .add_widget {
background-color: rgba(51, 51, 51, 0.5)!important;
border: 1px dashed rgba(74, 73, 73, 0.79)!important;
}
body#layout .add_widget a,body#layout div.layout-title {
color: #B9B9B9!important;
font: 11px tahoma!important;
}
body#layout .draggable-widget .widget-wrap3 {
background: rgba(51,51,51,1);
background: -moz-linear-gradient(-45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(51,51,51,1)), color-stop(50%, rgba(51,51,51,1)), color-stop(51%, rgba(65,65,65,1)), color-stop(51%, rgba(65,65,65,1)), color-stop(71%, rgba(65,65,65,1)), color-stop(100%, rgba(65,65,65,1)));
background: -webkit-linear-gradient(-45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
background: -o-linear-gradient(-45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
background: linear-gradient(135deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 51%, rgba(65,65,65,1) 71%, rgba(65,65,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#414141', GradientType=1 );
}
body#layout .widget-content {
border: 1px solid #353535!important;
}
body#layout .widget-content a {
text-decoration: none;
color: #B9B9B9!important;
font: 11px tahoma !important;
background-color: #333;
padding: 2px 10px;
border-radius: 5px;
}
body#layout .locked-widget .widget-content {
background: rgba(51,51,51,1);
background: -moz-linear-gradient(-45deg,rgba(51,51,51,1) 0%,rgba(51,51,51,1) 50%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 71%,rgba(65,65,65,1) 100%);
background: -webkit-linear-gradient(-45deg,rgba(51,51,51,1) 0%,rgba(51,51,51,1) 50%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 71%,rgba(65,65,65,1) 100%);
background: -o-linear-gradient(-45deg,rgba(51,51,51,1) 0%,rgba(51,51,51,1) 50%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 71%,rgba(65,65,65,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(51,51,51,1) 0%,rgba(51,51,51,1) 50%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 71%,rgba(65,65,65,1) 100%);
background: linear-gradient(135deg,rgba(51,51,51,1) 0%,rgba(51,51,51,1) 50%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 51%,rgba(65,65,65,1) 71%,rgba(65,65,65,1) 100%);
}
</b:template-skin> </b></b:template-skin></code></span></pre>
</blockquote>
</div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<b><span style="color: #444444;">الان قد انتهينا مبروك عليك المظهر الجديد للتخطيط بالتوفيق </span><span style="color: #cc0000;">♥</span></b></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<b><span style="color: #cc0000;">ملحوظة :</span><span style="color: #444444;"> اذا واجهتك مشكلة في اختلاف عرض القالب او اي مشكلة في المظهر بتاع القالب قم بالبحث عن </span><span style="color: #3d85c6;"></b:skin></span><span style="color: #444444;"> و قم باضافة هذا الكود قبلها </span><span style="color: #e69138;">( فوقها )</span></b></div>
<div>
</div>
<div>
<blockquote class="tr_bq">
<span style="color: #6aa84f;"><b></b></span><br />
<pre data-codetype="CSSku" title="CSS"><span style="color: #6aa84f;"><b><code class="language-css">.post-body ul {
padding: 0!important;
margin: 0!important;
line-height: auto!important;
}</code></b></span></pre>
</blockquote>
</div>
<div>
<b><span style="color: #6aa84f;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-50439423871761682952020-02-04T03:37:00.000-08:002020-04-03T02:31:15.370-07:00كيفية حذف شريط التمرير السفلي<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Nm3qm9PN2f46zug8VofSpRvN5ZwQQhIc6YOm_WLU39jowJm63Jp9sDnKP2u47ed3JNSkbNKH836R9wEZyxQcki-tLgVQ6vPSqzKCJ99QHXQABP280F_CQ9gveoxVk1QDy4Hy9Hk-uK4/s1600/how-to-fix-problem-scrollbar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="449" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Nm3qm9PN2f46zug8VofSpRvN5ZwQQhIc6YOm_WLU39jowJm63Jp9sDnKP2u47ed3JNSkbNKH836R9wEZyxQcki-tLgVQ6vPSqzKCJ99QHXQABP280F_CQ9gveoxVk1QDy4Hy9Hk-uK4/s640/how-to-fix-problem-scrollbar.png" width="640" /></a></div>
<br />
<b><span style="color: #444444;">السلام عليكم متابعين و زوار مدونة كوليكا ويب اليوم سوف نتناول بالشرح حل مشكلة شريط التمرير السفلي فا هي شائعة في بعض القوالب الجاهزة و لكن نحن لسنا بحاجة اليها بالطبع تابع معي الشرح لا تقلق هوا سهل و سريع لا تنسا عمل نسخة احتياطية للقالب قبل عمل اي تعديلات هيا بنا </span><span style="color: #cc0000;">♥</span><br /><br /><br /></b><h3 style="text-align: right;">
<b><span style="color: #e69138;">شرح حذف شريط التمرير السفلي :</span></b></h3>
<b><br /><span style="color: #444444;">اولاً نقوم بالدخول الي المظهر > </span><span style="color: #6aa84f;">تعديل Html </span><span style="color: #444444;">> و نضغط </span><span style="color: #cc0000;">Ctrl + F</span><span style="color: #444444;"> للبحث</span></b><div>
<b><span style="color: #444444;">ثم البحث عن هذا الكود </span><span style="color: #3d85c6;">]]></b:skin></span></b></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<div>
<b><span style="color: #444444;">ثانياً نضع هذا الكود قبله (فوقه):</span></b></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<blockquote class="tr_bq">
<b><span style="color: #3d85c6;"> html {overflow-x: hidden;}</span></b></blockquote>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<b><span style="color: #444444;">ثم اضغط حفظ و مبروك تم حل المشكلة اذا واجهتك اي مشكلة برجاء طرحها في التعليقات و سوف يتم المتابعة معك او تواصل عنا عبر صفحة المدونة بالتوفيق :)</span></b></div>
</div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiZKgBdhnTMVzDPaKruUZrytJOWicTOFAlFnrsNzwQq0o6gZt26hfM5E2I9tSZjOsDf89OHuri0ds76em4IG0GVJAJDmn-VBS5VlTka9klwVrW4BAmVdGsHWXTEjIxfDZsYRvUbEIZYuE/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiZKgBdhnTMVzDPaKruUZrytJOWicTOFAlFnrsNzwQq0o6gZt26hfM5E2I9tSZjOsDf89OHuri0ds76em4IG0GVJAJDmn-VBS5VlTka9klwVrW4BAmVdGsHWXTEjIxfDZsYRvUbEIZYuE/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-77162067035132589862020-01-09T13:15:00.004-08:002020-04-06T00:27:41.424-07:00كيفية منع كلك يمين في بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<b><span style="color: #444444;">السلام عليكم زائرين و متابعين مدونة </span><span style="color: #e69138;">كوليكا ويب</span><span style="color: #444444;"> الاعزاء، اليوم سوف نتحدث عن</span><span style="color: #3d85c6;"> كيف منع كلك يمين في مدونات بلوجر</span><span style="color: #444444;">، ربما لاحظت ذلك في بعض المدونات لحماية المحتوي من النسخ، هناك من يشتري المقالات و من يدون بمجهود و ياتي بعض الاشخاص بنسخه و بالطبع يجب ان ننوه ان المحتوي المنسوخ يضر الموقع او المدونة اللتي تنسخ المحتوي لكن لكي لا يتكرر محتواك و بذلك حماية الحقوق و الملكية و الفكرية للمدون. </span><span style="color: #cc0000;">♥</span></b><br />
<b><span style="color: #cc0000;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ADfKSmjl8vnGKSHjb2LsdJq80WuOam8WqUsIo388h4q1jeyn4dRygzjoj0QPTfmXwNF_UrVKxrHwof43WRFbmSQeTgqic584DTe51EPTo3haukak8VYA8A4AL0HSVLyau9VrSXVZqE4/s1600/disable-right-click-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ADfKSmjl8vnGKSHjb2LsdJq80WuOam8WqUsIo388h4q1jeyn4dRygzjoj0QPTfmXwNF_UrVKxrHwof43WRFbmSQeTgqic584DTe51EPTo3haukak8VYA8A4AL0HSVLyau9VrSXVZqE4/s640/disable-right-click-blogger.png" width="640" /></a></div>
<br />
<b><span style="color: #3d85c6;">اضافة منع كلك يمين في بلوجر</span><span style="color: #444444;">، الان هذا هو الحل الامثل و لذلك سوف تكون اضافة بسيطة و سهلة التركيب و لن تتعامل مع اي اكواد، كل شئ من التخطيط لكي لا يحدث اي مشكال اثناء التعديل و تسهيل الامور لمن لم يملك خبرة في التعامل مع الاكواد، هيا بنا نتطرق الي شرح </span><span style="color: #45818e;">كيف منع كلك يمين في مدونات بلوجر</span><span style="color: #444444;">.</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #cc0000;">إقرأ أيضاً :</span><span style="color: #444444;"> </span><a href="https://colica-web.blogspot.com/2020/01/prevent-copy-and-paste.html" target="_blank"><span style="color: #3d85c6;">سكربت منع تحديد و نسخ مقالات الموقع.</span></a></b><br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #e69138;">الشرح:</span></b><br />
<b><span style="color: #cc0000;">1-</span><span style="color: #444444;"> قم بالدخول الي المدونة > التخطيط > اضافة اداة ></span><span style="color: #6aa84f;"> </span><span style="color: #cc0000;">اختار</span><span style="color: #6aa84f;"> </span><span style="color: #3d85c6;">Html/JavaScript</span></b><br />
<b><span style="color: #cc0000;">2- </span><span style="color: #444444;">قم بوضع الكود التالي :</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #444444;"></span></b><br />
<pre data-codetype="JavaScriptku" title="Javascript"><span style="color: #3d85c6;"><b>
<script>
<!--// Code By colica-web// For full source code, visit https://colica-web.blogspot.comvar message="لنقل الاكواد اضغط ctrl + c من لوحة المفاتيح // -->
var message="لنقل الاكواد اضغط ctrl + c من لوحة المفاتيح !";
function clickIE4(){if (event.button==2){alert(message); return false;}}function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}document.oncontextmenu=new Function("alert(message);return false")</script>
</b></span>
</pre>
<br />
<b><span style="color: #444444;"><br /></span></b>
<b><span style="color: #cc0000;">3-</span><span style="color: #444444;"> اضغط حفظ و مبروك عليك الاضافة عزيزي المتابع/الزائر </span><span style="color: #cc0000;">♥</span></b><br />
<b><span style="color: #cc0000;"><br /></span></b>
<b><span style="color: #6aa84f;">إذا استفدت بشئ ولو بالقليل شرفنا بتعليقك المحفز او متابعة المدونة او مشاركتها ليستفيد غيرك.</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><b><span style="color: #444444;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></span></b></a></div>
<br /></div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-53714306809165087042020-01-09T12:24:00.003-08:002020-05-05T04:19:02.320-07:00سكربت منع تحديد و نسخ المواضيع<div dir="rtl" style="text-align: right;" trbidi="on">
<b><span style="color: #444444;">السلام عليكم اعزائنا متابعين كوليكا ويب، اليوم سوف نشرح طريقة منع كليك يمين و تظليل عن المواضيع فقط و ليس الصناديق و الاقتباسات و ذلك مفيد جداً بالخص اذا كنت تريد التصدر و عدم سرقة محتواك، لكن عليا ان اذكرك انه لا يوجد حماية بنسبة 100% لكن مجرد تصعيب الامر للذين لا يملكون خبرة في البرمجة. </span><span style="color: #cc0000;">❤</span></b><br />
<div>
<b><span style="color: #444444;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5iLf7BH4aA7IhRSwvvIw0ImOOeRGlOeVnw4S1BIeJGokpedIwj8iMkTAr7VTc9GZSIe1EsjsDG5TVVHIfZbMEq2ARuNKDDE-xPtVCDNyB8SLnKqEXs9gP1H5xlF7WTyTzZh3T7mrZN4/s1600/prevent-copy-and-paste.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5iLf7BH4aA7IhRSwvvIw0ImOOeRGlOeVnw4S1BIeJGokpedIwj8iMkTAr7VTc9GZSIe1EsjsDG5TVVHIfZbMEq2ARuNKDDE-xPtVCDNyB8SLnKqEXs9gP1H5xlF7WTyTzZh3T7mrZN4/s640/prevent-copy-and-paste.png" width="640" /></a></div>
<br /></div>
<div>
<b><span style="color: #e69138;">المميز في هذا الاسكربت :</span><span style="color: #444444;"> منع تحديد و نسخ المواضيع بطريقة جديدة و فريدة من نوعها المرة دي مش كود جافا سكربت كا المعتاد هذا كود CSS لكن له فاعلية اكبر و اهم، يضاف من تحرير القالب و اذا واجهتك اي مشكلة او لديك سؤال قم بالكتابة لنا في صندوق التعليقات اسفل المقال.</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<br />
<b><span style="color: #cc0000;">إقرأ أيضاً :</span><span style="color: #444444;"> </span><a href="https://colica-web.blogspot.com/2020/01/disable-right-click-blogger.html" target="_blank"><span style="color: #3d85c6;">إضافة منع كلك يمين في بلوجر.</span></a></b><br />
<b><span style="color: #444444;"><br /></span></b>
<br />
<div>
<b><span style="color: #cc0000;">شرح الاكواد: </span></b></div>
<div>
<b><span style="color: #444444;">1- كود منع تحديد النص بالموقع</span></b><br />
<b><span style="color: #444444;">2- كود منع سرقة صور المواضيع</span></b><br />
<b><span style="color: #444444;">3- كود يسمح بالتحديد الاقتباسات و الصناديق و الجداول و الاكواد الصغيرة</span></b></div>
</div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<b><span style="color: #cc0000;">شرح التركيب:</span></b></div>
<div>
<b><span style="color: #444444;">1- توجه الي المدونة > القالب > تحرير </span><span style="color: #e69138;">HTML</span></b></div>
<div>
<b><span style="color: #444444;">2- قم بالبحث باستخدام </span><span style="color: #cc0000;">Ctrl + F</span><span style="color: #444444;"> عن وسم </span><span style="color: #45818e;">]]></b:skin></span><span style="color: #444444;"> او </span><span style="color: #3d85c6;"><style/> </span><span style="color: #444444;">و قم بوضع الاسكربت قبل الوسم </span><span style="color: #cc0000;">(فوقه مباشر)</span></b></div>
<div>
<br />
<pre data-codetype="CSSku" title="CSS"><span style="color: #3d85c6;">
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.separator a,.post-body img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
pre,kbd,blockquote,table{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
</span>
</pre>
<br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
<br /></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-21890104567371682372020-01-07T23:48:00.001-08:002020-04-03T02:31:15.098-07:00كيفية اضافة موقع لادوات مشرفي المواقع من جوجل<div dir="rtl" style="text-align: right;" trbidi="on">
<b><span style="color: #444444;">كيفية تقديم موقعك لادوات مشرفي المواقع و تقديم </span><span style="color: #3d85c6;">خريطة سايت ماب</span><span style="color: #444444;"> لماذا خريطة </span><span style="color: #3d85c6;">Site map</span><span style="color: #444444;"> مهمه هكذا لانها لها دور كبير في ارشفة المقالات اي مقال تنشره يتم وضع علامات من قبل روبتات </span><span style="color: #3d85c6;">Site map</span><span style="color: #444444;"> فيصدر اشارة لـ روبتات جوجل ان هذا المقال مرتبط </span><span style="color: #3d85c6;">بالسايت ماب</span><span style="color: #444444;"> فيساعد علي الظهور في جوجل.</span></b><br />
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2LITlHE7eUkZACH8YhW3YBMsleNlghnpDttJAD0Vy1ddACf6v5k7FV1gpUJLgbUzsJ9cDGn1PAJ65pJQQALYCGpTkn-nrkaOTW6XzkUy7sHK3jEEC3F9L06MEumlb3Z8qeyU5pgngR5w/s1600/How-to-add-a-site-for-Google-webmaster-tools.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2LITlHE7eUkZACH8YhW3YBMsleNlghnpDttJAD0Vy1ddACf6v5k7FV1gpUJLgbUzsJ9cDGn1PAJ65pJQQALYCGpTkn-nrkaOTW6XzkUy7sHK3jEEC3F9L06MEumlb3Z8qeyU5pgngR5w/s640/How-to-add-a-site-for-Google-webmaster-tools.png" width="640" /></a></div>
<div>
<h3 style="text-align: right;">
<b><span style="color: #e69138;">كيفية تقديم موقعك لادوات مشرفي المواقع لتحصل علي زيارات من جوجل ؟</span></b></h3>
<div>
<b><span style="color: #cc0000;">هل يوجد اضرار للموقع اذا لم يتم تقديمة في ادوات مشرفي المواقع ؟</span></b><br />
<b><span style="color: #444444;">النتيجة سينخفض موقعك في محرك البحث و لن يكن له وجود ونسبة الزوار من جوجل ستكون منعدمة اذاً فتلك الاداة مهمه جدا وسنشرحها اليوم بالتفصيل وكيفية الاستفادة منها وجعل المقالات تتصدر وكمان هنظبط الموقع من ناحية السيو وما معني السيو </span><span style="color: #3d85c6;">Seo</span><span style="color: #444444;"> هو عبار عن خورزمية كبيرة اذا طبقت شروطها ستجعلك تظهر في جوجل وتعطيك ما تريد من زيارات اذا اخلفت شروطها فسوف تخالف رائيك ولن تحصل علي زيارات من محرك البحث جوجل. </span></b><br />
<b><br /><span style="color: #6aa84f;">ما فائد تقديم الموقع في ادوات مشرفي المواقع ؟</span></b><br />
<b><span style="color: #444444;">ادوات مشرفي المواقع تلك اداة تبع جوجل تم انشائها لكي تساعد اصحاب المواقع في معرفة مكان موقعهم في محرك البحث وهل هوا في تحسن وهل تاتي زيارات من جوجل ولماذا ياتي الزائرين علي اي كلمة يضغطون ليدخلو المقال الخاص بك وايضا يتيح لك معرفة الكلمات المفتاحيه التي يظهر بها موقعك وعندما تجد الكلمات تقويها وتضعها في مقالات اخره.</span></b><br />
<b><span style="color: #444444;"></span></b><br />
<ul style="text-align: right;">
<li><b><span style="color: #444444;"><b><span style="color: #cc0000;">اقراء ايضاً : </span></b><b><span style="color: #45818e;"><a href="https://colica-web.blogspot.com/2018/03/sitemap-in-blogger.html" target="_blank">كيف إضافة فهرس إحترافي لمدونات بلوجر.</a></span></b></span></b></li>
</ul>
<br />
<b><span style="color: #e69138;">خطوات تقديم موقعك لادوات مشرفي المواقع :</span><span style="color: #6aa84f;"><br /></span></b><br />
<b><span style="color: #e69138;"><br /></span></b></div>
<div>
<b><span style="color: #6aa84f;">1- ابحث في جوجل عن ادوات مشرفي المواقع.<br />2- اضغط علي كلمة البدء الان.<br />3- ضع عنوان موقعك.<br />4- اضغط اثبت ملكيتك.<br />5-</span></b><b><span style="color: #6aa84f;"> اختار اي طريقة لاثبات الملكية. </span></b><b><br /><br /><span style="color: #444444;">دي كانت الخطوات باختصار</span><span style="color: #3d85c6;"> </span><span style="color: #cc0000;"><span style="color: #cc0000;">(</span><a href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9pbnRsL2FyX2VnL3dlYm1hc3RlcnMvIz9tb2RhbF9hY3RpdmU9bm9uZQ==" rel="nofollow" target="_blank"><span style="color: #45818e;">ادوات مشرفي المواقع</span></a><span style="color: #cc0000;">)</span></span></b><br />
<h4 style="text-align: right;">
<b><span style="color: #e69138;">كيفية تقديم ملفات السايت ماب لادوات مشرفي المواقع ؟</span></b></h4>
<b><span style="color: #444444;">سوف اضع لك رابط التحميل اسفل الشرح هتحمل ملف </span><span style="color: #cc0000;">txt</span><span style="color: #444444;"> هتلاقي فيه كذا كود تقريباً خمسه هتاخد كل كود لوحده وتروح ادوات مشرفي المواقع وبعدين تضغط </span><span style="color: #3d85c6;">site map</span><span style="color: #444444;"> وبعدين تحط كود وتضغط ارسال لحد ما تخلص الاكواد وكدا تكون خلصت جزء ارشفه و وضع موقعك في ادوات مشرفي المواقع. </span><span style="color: #cc0000;">♥</span></b><br />
<h4 style="text-align: right;">
<b><span style="color: #3d85c6;">كيفية اثبات موقعك في ادوات مشرفي المواقع ؟</span></b></h4>
<b><span style="color: #444444;">بعد ما تحط عنوان موقعك ولازم الموقع دا تكون صاحبه يعني الموقع الي هتحطه يكون ملكك انت مش ملك حد تاني طبعا فيه طرق كتير لاثبات الملكية لاكن اسهل واحده الي انا بفضلها اضغط علي طرق بديلة بعدين </span><span style="color: #45818e;">html </span><span style="color: #444444;">وبعدين هيديك كود تاخد الكود دا وتروح علي المظهر في مدونتك وتضغط تعديل </span><span style="color: #45818e;">Html </span><span style="color: #444444;">وبعدين تبحث عن الكود </span><span style="color: #cc0000;">head </span><span style="color: #444444;">بتبحث ازاي ببساطة جدا اضغط </span><span style="color: #6aa84f;">Ctrl+f</span><span style="color: #444444;"> هيجيلك مربع بحث حط فيه الكود </span><span style="color: #cc0000;">head</span><span style="color: #444444;"> وبعدين انزل تحت الكود وحط الكود التاني الي نسخته من اداوت مشرفي المواقع و اضغط حفظ و روح لادوات مشرفي المواقع واضغط تم و بـ كدا تم اثبات ملكية موقعك مبروك. </span><span style="color: #cc0000;">♥</span></b><br />
<b><span style="color: #cc0000;"><br /></span></b>
<br />
<blockquote class="tr_bq" style="text-align: center;">
<b><span style="color: #cc0000; font-size: large;">ملفات السايت ماب</span></b></blockquote>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<div id="wrap">
<a href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cudXAtNGV2ZXIub3JnL2QwcjdpMmdwMnZ3NA==" class="btn-slide2" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">تحميل</span>
<span class="title-hover2">انقر هنا</span>
</a>
</div></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
<div style="text-align: center;">
<b><span style="color: #444444;"><br /></span></b></div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-53345172271073734192020-01-07T22:43:00.000-08:002020-04-03T02:31:15.419-07:00أهم نصائح لتفعيل اعلانات جوجل ادسنس<div dir="rtl" style="text-align: right;" trbidi="on">
<div>
<h3 style="text-align: right;">
<b><span style="color: #e69138;">كيف يمكنني تحقيق الربح من مدونتي ؟</span></b></h3>
<b><span style="color: #444444;">عندما تريد الربح من جوجل ادسنس او اقصد الربح من مدونتك فهناك العديد والعديد من الطرق ولان شرح اليوم عبارة عن نصائح فنحن ننصحك بـ جعل المدونة مهيئة بالكامل للسيو وتنظيم القالب والمقالات ونشر موقعك علي مواقع التواصل الاجتماعي وبعد ذالك اطلب التقديم لـ ادسنس.</span></b></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ4Zv7MbrPQwXxsqE3KasNZBZuQpTRswFZPWbBePU_nACWCgbb21RbPebbeNv1QSE-1BahbXy6S1BfL2JjCf6b0YibFe22YooUxzqJsbfIgQXrFV1r6X9oG7dmK-xVK9q1MKJdgoycCAk/s1600/The-most-important-tips-for-activating-Google-Adsense-ads.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ4Zv7MbrPQwXxsqE3KasNZBZuQpTRswFZPWbBePU_nACWCgbb21RbPebbeNv1QSE-1BahbXy6S1BfL2JjCf6b0YibFe22YooUxzqJsbfIgQXrFV1r6X9oG7dmK-xVK9q1MKJdgoycCAk/s640/The-most-important-tips-for-activating-Google-Adsense-ads.png" width="640" /></a></div>
<div>
<br /></div>
<b><span style="color: #444444;">القبول لدي جوجل ادسنس اصبح من الصعب بعد التحديثات المستمره ويوجد مشكلة اكبر انك عندما تقبل في ادسنس حسابك يحدث له تقييد لعدد الاعلانات هذه مشكلة عامة ولا نعرف متي سوف يتم ازالة المشكلة ولكن اتبع تلك النصائح.</span></b><br />
<div>
<h4 style="text-align: right;">
<b><span style="color: #cc0000;">ماهي النصائح وكيف سوف تفيد مدونتك ؟</span></b></h4>
<b></b><br />
<ol><b>
<li><b><span style="color: #e69138;">تركيب قالب بسيط جدا لا يوجد به اضافات كثيره</span></b></li>
<li><b><span style="color: #e69138;">عمل مواقع تواصل اجتماعي لموقعك وربط صفحاتك بموقعك</span></b></li>
<li><b><span style="color: #e69138;">التاكد من الصفحات الثلاثة الازمة للقبول</span></b></li>
<li><b><span style="color: #e69138;">لا تعيد الصياغة لكي تبني موقع جيد</span></b></li>
<li><b><span style="color: #e69138;">حاول شراء دومين دوت كوم وبعد الشراء تاكد من تفعيل اعادة التوجيه</span></b></li>
<li><b><span style="color: #e69138;">ركز علي تخصص واحد فقط افضل لسرعة القبول</span></b></li>
<li><b><span style="color: #e69138;">انشاء تدوينات وصور من اعمالك انت لا تسرق لا تترجم لا تعيد صياغة</span></b></li>
<li><b><span style="color: #e69138;">ركز علي تخصص واحد فقط افضل لسرعة القبول</span></b></li>
<li><b><span style="color: #e69138;">ابتعد عن المقالات التي تحتوي علي برامج مخالفة او هكر او شيء مخالف</span></b></li>
<li><b><span style="color: #e69138;">نسق المقالات بطريقة جيدة</span></b></li>
<li><b><span style="color: #e69138;">لا تكتب مقالات غرضا في الربح</span></b></li>
<li><b><span style="color: #e69138;">لا تستعجل في التقديم لادسنس</span></b></li>
</b></ol>
<b>
<span style="color: #3d85c6;"></span></b>
<br />
<div>
<b><span style="color: #3d85c6;"><b><span style="color: #3d85c6;"><br /></span></b></span></b></div>
<b><span style="color: #3d85c6;">
هذه مواقع مفيدة لتساعدك :</span></b></div>
<div>
<br />
<span style="color: #e69138; font-weight: bold;">1- </span><a href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly9hcHAubmVpbHBhdGVsLmNvbS8=" rel="nofollow" style="font-weight: bold;" target="_blank"><span style="color: #cc0000;">موقع الحصول علي الكلمات المفتاحيه</span></a><br />
<br />
<span style="color: #e69138; font-weight: bold;">2-</span><a href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly9jaHJvbWUuZ29vZ2xlLmNvbS93ZWJzdG9yZS9kZXRhaWwvYWxleGEtdHJhZmZpYy1yYW5rL2NrbmViaGdnY2NlbWdjbmJpZGlwaW5raWZtbWVnZGVsP2hsPWFy" rel="nofollow" style="font-weight: bold;" target="_blank"><span style="color: #cc0000;">معرفة ترتيب موقعك في الاليكسا</span></a><br />
<br />
<span style="color: #e69138; font-weight: bold;">3- </span><span style="color: #cc0000; font-weight: bold;"><a href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly93d3cuaWxvdmVpbWcuY29tL2FyL3dhdGVybWFyay1pbWFnZQ==" rel="nofollow" style="font-weight: bold;" target="_blank">موقع تعديل الصور و وضع حقوق المدونة</a></span></div>
<div>
<b><span style="color: #e69138;"><br /></span></b></div>
<div>
<b><span style="color: #e69138;">4-</span><span style="color: #cc0000;"> <a href="https://colica-web.blogspot.com/p/redirect-link.html?safelink=aHR0cHM6Ly90aW55cG5nLmNvbS8=" rel="nofollow" target="_blank"><span style="color: #cc0000;">موقع ضغط حجم الصور لتسريع المدونة</span></a></span></b><br />
<div class="separator" style="clear: both; color: #444444; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; color: #444444; text-align: right;">
<b style="background-color: white; box-sizing: border-box; color: black; font-family: Changa, "Droid Arabic Naskh"; font-size: 16px; list-style: none; margin: 0px; outline: 0px; padding: 0px;"><span style="border: 0px; box-sizing: border-box; color: #444444; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .</span></b></div>
<div class="separator" style="clear: both; color: #444444; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; color: #444444; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5YpjuDmIm5XeV1A7UijfyTLOEqYtGAbwhCZCEuq7DE6SGQOjD9JvK1lpZbpr4d-nLV_oQq7JxUKZPNZ7inH7M0pUXY50JnqNogAMmsO9jhQ_Si0QxyMLDZes6guGsko2ZtpHZi0MufJA/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5YpjuDmIm5XeV1A7UijfyTLOEqYtGAbwhCZCEuq7DE6SGQOjD9JvK1lpZbpr4d-nLV_oQq7JxUKZPNZ7inH7M0pUXY50JnqNogAMmsO9jhQ_Si0QxyMLDZes6guGsko2ZtpHZi0MufJA/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0tag:blogger.com,1999:blog-3176011237725819468.post-59883333944874920632020-01-07T03:29:00.001-08:002020-04-03T02:31:15.542-07:00كيفية تمكين Ads.txt لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<b><span style="color: #444444;">تحديث جديد من جوجل بمدونات بلوجر وهو تحديث هام جدا وهو تحديث </span><span style="color: #6aa84f;">لملف Ads.txt</span><span style="color: #444444;"> دخلت أمس الى مدونتى كوليكا ويب وفى تفضيلات البحث وجدت اختيار جديد ضمن برامج الزحف والفهرسة وهو الأختيار هو تحقيق الدخل وكان أسفلها </span><span style="color: #6aa84f;">ملف ads.txt </span><span style="color: #444444;">مخصّص وكان بالتأكيد معطل فبحث عن هذا الملف فى جوجل وجدت صفحة خاصه بهذا الملف.</span></b><br />
<b><span style="color: #444444;">وقمت بتفعيل هذا الملف على مدونتي وبدات بكتابة الموضوع هذا لكى يقوم أى شخص مستخدم بلوجر بتفعيل هذا الملف على المدونات الخاصه بهم.</span></b><br />
<div>
<br />
<h3 style="text-align: right;">
<b><span style="color: #3d85c6;">كيفية تمكين Ads.txt على بلوجر</span></b></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFC1dfyB4kih1tZ23Z3MuS47rP2FZPXNh6pzeJ54dvEk-nXUhvCvwVvHhLzMURXcCwO00ekdnJX01GSq9cAVoeO3RLvAntnx-ygpZBDTI0TV33dXzPsz6Eyh2VGPeuFKMecJ6UZjej7qY/s1600/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9-%25D8%25AA%25D9%2585%25D9%2583%25D9%258A%25D9%2586-Ads+%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFC1dfyB4kih1tZ23Z3MuS47rP2FZPXNh6pzeJ54dvEk-nXUhvCvwVvHhLzMURXcCwO00ekdnJX01GSq9cAVoeO3RLvAntnx-ygpZBDTI0TV33dXzPsz6Eyh2VGPeuFKMecJ6UZjej7qY/s640/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9-%25D8%25AA%25D9%2585%25D9%2583%25D9%258A%25D9%2586-Ads+%25281%2529.png" width="640" /></a></div>
<h4 style="text-align: right;">
<b><span style="color: #444444;"><span style="color: #cc0000;">ما هو</span></span><span style="color: #444444;"> </span><span style="color: #6aa84f;">Ads.txt</span></b></h4>
<br />
<div>
<b><span style="color: #444444;">في إحدى مبادرات مكتب الإعلانات التفاعلية </span><span style="color: #e69138;">(IAB) </span><span style="color: #444444;">التي تساعد على ضمان عدم بيع مستودع إعلاناتك الرقمي إلا من خلال البائعين </span><span style="color: #cc0000;">(مثل </span><span style="color: #e69138;">AdSense</span><span style="color: #cc0000;">)</span><span style="color: #444444;"> الذين حدّدتهم كبائعين معتمدين ، يمنحك إنشاء </span><span style="color: #3d85c6;">ملفات ads.txt </span><span style="color: #444444;">الخاصة مزيدًا من التحكم في الجهات التي يُسمح لها ببيع إعلانات على موقعك ويساعدك في منع عرض المستودع المزيف إلى المعلنين .<br /><br />وفى بلوجر </span><span style="color: #3d85c6;">Ads.txt</span><span style="color: #444444;"> بالفعل ولكن بعد هذا التحديث يمكنك التحكم فى </span><span style="color: #3d85c6;">ملف Ads.txt</span><span style="color: #444444;"> من اعدادات مدونتك ، وايضا لتجنب الرسائل التى تاتى الى البعض على حساب أدسنس مثل .</span></b><br />
<h4 style="text-align: right;">
<b><span style="color: #cc0000;">أرباحك في خطر - لا يحتوي ملف واحد أو أكثر من ملفات </span><span style="color: #3d85c6;">ads.txt</span><span style="color: #cc0000;"> على الرقم التعريفي للناشر في أدسنس حل هذه المشكلة الآن لتجنب حدوث تأثير خطير على أرباحك.</span></b></h4>
<h3 style="text-align: right;">
<b><span style="color: #6aa84f;">كيفية تمكين</span><span style="color: #e69138;"> </span><span style="color: #3d85c6;">Ads.txt</span><span style="color: #6aa84f;"> على بلوجر</span></b></h3>
<b><span style="color: #444444;">سوف تدخل الى مدونتك ثم بعد ذلك الاعدادت ومن بعدها تفصيلات البحث وسوف تجد فى اختيار برامج الزحف والفهرسة </span><span style="color: #3d85c6;">ملف Ads.txt</span><span style="color: #444444;"> مخصص كما فى هذا الصورة وتقوم بعمل له تفعيل .</span></b></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHimSKsdKycoBL4UI7evlRp58IyjNZk2zt7u7VLCQ3LyX8XSQTqEVTIRctYg9xV-FxHPrFHxvHDm8ndLhB5BnJeZ_0dRl96NHisEiIj6s6DWm4dQAQW9GZ_0PRyH43fPW_0crSQ7eeVE/s1600/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9-%25D8%25AA%25D9%2585%25D9%2583%25D9%258A%25D9%2586-Ads.txt-%25D8%25B9%25D9%2584%25D9%2589-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="470" data-original-width="1058" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHimSKsdKycoBL4UI7evlRp58IyjNZk2zt7u7VLCQ3LyX8XSQTqEVTIRctYg9xV-FxHPrFHxvHDm8ndLhB5BnJeZ_0dRl96NHisEiIj6s6DWm4dQAQW9GZ_0PRyH43fPW_0crSQ7eeVE/s640/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9-%25D8%25AA%25D9%2585%25D9%2583%25D9%258A%25D9%2586-Ads.txt-%25D8%25B9%25D9%2584%25D9%2589-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" width="640" /></a></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<b><span style="color: #444444;"><span style="color: #6aa84f;">كيفية تمكين</span><span style="color: #3d85c6;"> Ads.txt</span><span style="color: #6aa84f;"> على بلوجر</span><br /><span style="color: #444444;">سوف تقوم بوضع الكود التالى فى الخانة الخاص </span><span style="color: #3d85c6;">بملف Ads.txt</span><span style="color: #444444;"> كما فى الصورة فى الاعلى فى الرقم 6.</span></span></b><br />
<b><span style="color: #444444;"><span style="color: #444444;"><br /></span></span></b>
<br />
<blockquote class="tr_bq">
<b><span style="color: #444444;"><span style="color: #e69138;">google.com, pub-</span><span style="color: #cc0000;">0000000000000000</span><span style="color: #e69138;">, DIRECT, f08c47fec0942fa0</span></span></b></blockquote>
<b><span style="color: #444444;"><span style="color: #444444;">وسوف يكون عليك تغيير </span><span style="color: #cc0000;">0000000000000000 </span><span style="color: #444444;">بمعرف أدسنس الخاص بك وبعد ذلك تقوك بحفظ الملف ، ويمكنك استخدام الكود أكثر من مره اذا كنت تستخدم أكثر من حساب أدسنس فى مدونتك لوضع الأعلانات</span><br /><br /><span style="color: #444444;">ولمعرف معرف أدسنس الخاص بك سوف يكون عليك الدخل الى حسابك فى أدسنس وبعد ذلك تابع الصورة التاليه.</span></span></b></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwMp9L4aHPG24KIwhl6HLywUXz40UZBeUU37vwCEKekYqAL_KyjaxtQ-D39a-pKgeZTRkuxTOfYCuKwsIjrH2Lg-SrQgkpLsdP3d3smgyDvivJHoGTPdQ1FoE0_AOEtU-2RZTMaLPnOQ/s1600/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9-%25D8%25AA%25D9%2585%25D9%2583%25D9%258A%25D9%2586-Ads.txt-%25D8%25B9%25D9%2584%25D9%2589-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="326" data-original-width="723" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwMp9L4aHPG24KIwhl6HLywUXz40UZBeUU37vwCEKekYqAL_KyjaxtQ-D39a-pKgeZTRkuxTOfYCuKwsIjrH2Lg-SrQgkpLsdP3d3smgyDvivJHoGTPdQ1FoE0_AOEtU-2RZTMaLPnOQ/s640/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9-%25D8%25AA%25D9%2585%25D9%2583%25D9%258A%25D9%2586-Ads.txt-%25D8%25B9%25D9%2584%25D9%2589-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" width="640" /></a></div>
<div>
<b><span style="color: #444444;"><br /></span></b></div>
<div>
<b><span style="color: #6aa84f;">كيفية تمكين</span><span style="color: #3d85c6;"> Ads.txt </span><span style="color: #6aa84f;">على بلوجر</span></b></div>
<div>
<b><span style="color: #444444;"><br />ولكنى تأكد من أن الملف تم تفعيله على مدونتك يمكنك أن تبحث بالرابط التالى فى شريط المتصفح وسوف يظهر لك الملف.</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<br />
<blockquote class="tr_bq">
<b><span style="color: #e69138;">http://www.</span><span style="color: #cc0000;">domain</span><span style="color: #e69138;">.com/ads.txt</span></b></blockquote>
<b><span style="color: #444444;">قم بتغيير </span><span style="color: #cc0000;">domain</span><span style="color: #444444;"><span style="color: #444444;"> بدومين مدونتك.</span><br /><br /><span style="color: #3d85c6;">ملف Ads.txt </span></span><span style="color: #444444;">يمكنك تفعيله على مدونات بلوجر ذات النطاقات المدفوع والمجانية، واذا كنت تستخدم دومين مدفوع وكان لهذا الدومين دومين فرعي تعمل عليها لن يكون عليك تفعيل ملف </span><span style="color: #3d85c6;">Ads.txt</span><span style="color: #444444;"> على مدونتك التى تستخدم له دومين فرعى فقط سوف يكون عليك تفعيل الملف على مدونتك ذات الدومين الرئيسي<br /><br />هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .</span></b><br />
<b><span style="color: #444444;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="60" data-original-width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXzm2sB9ABzWor_kBr3VVXVOWHbfHrB0b5JcTuMWyffVlZcgox1lgMKZ44GmqK4IOLU4EoVkD10FGabcEZG6amIJa2tgmPAIojvnj6OjBNi_rydE0QZhA8QgQWBV6AuRpyyyXnfOBt2Q/s1600/la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-coleca-web.png" /></a></div>
</div>
</div>
</div>
Tarek Heshamhttp://www.blogger.com/profile/07241811479734943562noreply@blogger.com0