كوليكا ويب | هدفنا تطوير الويب العربي: سكربتات

صفحات المدونة

    Social Items

كوليكا ويب | هدفنا تطوير الويب العربي

و تقديم كل ماهو جديد و كل ما يخص بلوجر.

Home / سكربتات
مرحباً بكم زوار و متابعين كوليكا ويب موضوع انهرضا منع الزيارات الوهمية في بلوجر لان هذه الزيارات خطر علي حساب ادسنس و قد تعرضت لتلك الزيارات لفترة و قامت بتدهور مركز المدونة علي اليكسا و كثرت التحذيرات من ادسنس لوجود زيارات وهمية إلى مدونتي و كذلك أحد أصدقائي الذي تعرض لهجمة حيث تم إغلاق حسابه حيث للأسف توصل ب 10 ألاف  زيارة وهمية وهذا يظهر مدي حقد بعض الأشخاص حيث بل ما يستثمر وقته في شئ مفيد يوظفه في ضرر لاشخاص أخرين للأسف.

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

 طريقة التركيب

اول خطوة الدخول علي : بلوجر > التخطيط > إضافة اداة > JavaScript/HTML
قم بوضع الكود التالي ثم قم بالحفظ

<script type='text/javascript'>
    var block = ['http://www.url.com/', 'http://url.com/', 'http://url.net/', 'http://url.live'];
    for (var b = block.length; b--;) {
        if (document.referrer.match(block[b]))
            window.location = "https://google.com/";
    }
</script>

قم باضافة اي موقع مشبوه بجانب الروابط باللون الاحمر
رابط ترحيل الزيارات الي الرابط باللون الاخضر و هوا الي جوجل

منع الزيارات الوهمية في بلوجر


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

طريقة التركيب

اول خطوة الدخول علي : بلوجر > المظهر > تحرير HTML ثم قم بالبحث بالضغط علي Ctrl + F
عن هذه </head> الان قم باضافة هذه الاكواد قبلها ( فوقها ) :


<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>


ثاني خطوة ضع الكود التالي قبل ( فوق ) </body>

 
<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>

ثالث خطوة نبحث في القالب على  <data:post:body/> ستجده مكرر اكثر من مرة لانه يوجد في بعض القوالب الاولى مخصصة للصفحة الرئيسية و الثانية لصفحة الموضوع و الثالثة لصفحات حسب القالب.
عندما تجدها سوف تجد معها div  مثل تلك

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'><data:post.body/></div>

ضع الكود التالي اسفل هذا الكود يعني اسفل الـ </div>


<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>


انتهيناً احفظ القالب وإذا اردت اضافة تقسيم لموضوع تذهب الى الموضوع وتضع هذا الكود بين كل تقسيم تريده _split

ملاحظة : الكود حين نسخه من الشرح قم بوضعه في نوتباد او اكتبه عشان متنسخش اكواد تانية معه

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

السلام عليكم اعزائنا متابعين كوليكا ويب، اليوم سوف نشرح طريقة منع كليك يمين و تظليل عن المواضيع فقط و ليس الصناديق و الاقتباسات و ذلك مفيد جداً بالخص اذا كنت تريد التصدر و عدم سرقة محتواك، لكن عليا ان اذكرك انه لا يوجد حماية بنسبة 100% لكن مجرد تصعيب الامر للذين لا يملكون خبرة في البرمجة. ❤

المميز في هذا الاسكربت : منع تحديد و نسخ المواضيع بطريقة جديدة و فريدة من نوعها المرة دي مش كود جافا سكربت كا المعتاد هذا كود CSS لكن له فاعلية اكبر و اهم، يضاف من تحرير القالب و اذا واجهتك اي مشكلة او لديك سؤال قم بالكتابة لنا في صندوق التعليقات اسفل المقال.
إقرأ أيضاً : إضافة منع كلك يمين في بلوجر.
شرح الاكواد: 
1- كود منع تحديد النص بالموقع
2- كود منع سرقة صور المواضيع
3- كود يسمح بالتحديد الاقتباسات و الصناديق و الجداول و الاكواد الصغيرة

شرح التركيب:
1- توجه الي المدونة > القالب > تحرير HTML
2- قم بالبحث باستخدام Ctrl + F عن وسم ]]></b:skin> او <style/> و قم بوضع الاسكربت قبل الوسم (فوقه مباشر)



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}



سكربت منع تحديد و نسخ المواضيع


السلام عليكم زوار و متابعين كوليكا ويب 💖 ، اليوم معانا درس مهم لكل اصحاب المواقع و المدونات اكيد زهقت من برامج منع الاعلانات انت تتعب في الشرح و تقديم محتوي مميز، و في الاخر مفيش مقابل تعبك حاجة بسبب مانع اعلانات برنامج Ad Block ✋ و الاضافات الموجودة في المتصفحات، انهرضا معانا اسكربت عشان تمنع برامج و إضافات حجب الاعلانات سهل التركيب يلا نبدأ الشرح😂👇.

طريقة التركيب:
1- قم بالدخول الي ( التخطيط ).
2- قم باضافة اداة ( HTML / JavaScript ).
3- ضع الكود التالي....

 

<style scoped='' type='text/css'>

#h237 {position: fixed !important;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.83);opacity: .99;display: block;padding: 7% 0;bottom: 0;right: 0;z-index: 9999!important;}

a.sidebar-location {padding: 12px 15px!important;background-color: #EA2922;color: #fff!important;font-weight: 500;font-size: 16px;text-align: center;text-transform: uppercase;

border-radius: 3px;display: block;margin: 15px auto;clear: both;width: 15%;transition: all 0.3s ease-out;line-height: 10px;height: 40px;box-shadow: 0 0 6px rgba(0,0,0,0.27);}

#h237 *{text-align:center;margin:0 auto;display:block;text-decoration:none}

#h237 * img {width: 200px;height: 200px;}

#h237 * p {margin: 1% 10%;font-size: 40px;line-height: 70px;color: #fff;font-weight: 500;margin-bottom: 2%;text-shadow: 0 0 6px rgba(0,0,0,0.27);}

#h237 * a {padding: 12px 15px!important;background-color: #EA2922;color: #fff!important;font-weight: 500;font-size: 16px;text-align: center;text-transform: uppercase;border-radius: 3px;display: block;margin: 15px auto;clear: both;width: 15%;transition: all 0.3s ease-out;line-height: 10px;height: 40px;box-shadow: 0 0 6px rgba(0,0,0,0.27);}

#h237 ~ *{display:none}

</style><div id="h237"> <span>Mohon Aktifkan Javascript!<a href="http://www.enable-javascript.com/">Enable JavaScript</a></span></div> 

<script>

/*<![CDATA[*/

window.document.getElementById("h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="https://i.imgur.com/P8pRRvJ.png" height="350" width="699" alt="" /> <p> من فضلك قم بتعطيل أداة مانع الأعلانات من المتصفح للدخول لمدونة كوليكا ويب ، أو أستخدم متصفح أخر وشكرا لك :)</p><a class="sidebar-location" href="JavaScript:window.location.reload()">تحديث الصفحة</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);

/*]]>*/

</script>

تعديلات.

قم بتغيير اسم كوليكا ويب بـ اسم مدونة الخاصة بك.

إضافة مانع حجب الاعلانات لزيادة ارباحك في أدسنس

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

شرح طريقة التركيب



أولا عليك التوجيه الى تحرير قالب مدونتك ثم البحث عن الوسم
]]></b:skin>
ونضع هذه الاكواد فوقه

 

/* Recent Post Label */ .recent-labpost{margin:20px;} .rctab-button &gt; span{padding:15px 20px;cursor:pointer;position:relative;color:#222;display:inline-block;font-size:120%;font-weight:700;} .rctab-button &gt; span.active{color:#222;background:rgba(0,0,0,0.05)} .rctab-button &gt; span.active:before{content:&#39;&#39;;top:0;opacity:1} .rctab-content{padding:15px;background:rgba(0,0,0,0.05);position:relative;min-height:100px;overflow:auto} .rctab-item{float:left;width:48%;margin:10px 1%;background:#fff;border:1px solid rgba(0,0,0,0);transition:all .3s;} .rctab-item:hover{border:1px solid rgba(0,0,0,0.1);} .rctab-item-inner{padding:10px} .rctab-item img{float:left;width:120px;height:auto;} .rctab-item h3{float:right;width:calc(100% - 130px);height:20px;margin:10px 0;font-size:120%} .rctab-item h3 a{color:#222}.rctab-item h3 a:hover{color:#e74c3c} .loader{position:absolute;left:50%;top:50%;margin-left:-27.5px;margin-top:-27.5px;transition:all .3s linear} .hide-load .loader{opacity:0} .squarin{background:#374140;width:15px;height:15px;float:left;top:-10px;margin-right:5px;margin-top:5px;position:relative;opacity:0;-webkit-animation:enter 6s infinite;animation:enter 6s infinite} .enter{top:0;opacity:1} .squarin:nth-child(1){-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-delay:1.8s} .squarin:nth-child(2){-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;animation-delay:2.1s} .squarin:nth-child(3){-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;animation-delay:2.4s;background:#09c} .squarin:nth-child(4){-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;animation-delay:0.9s} .squarin:nth-child(5){-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s} .squarin:nth-child(6){-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s} .squarin:nth-child(8){-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s} .squarin:nth-child(9){-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s} @media screen and (max-width:768px) { .rctab-item{float:left;width:100%;} .rctab-item {margin:10px auto;}}
ثانيا نبحث عن الوسم </head> ونضع فوقه مباشرة الاكواد التالية

 

<script type='text/javascript'> //<![CDATA[ function getMeImg(a){var t=[a,a,!1];return void 0!==a?-1!==a.url.indexOf("img.youtube")?(t[0]=a.url.replace("default.jpg","hqdefault.jpg"),t[1]=a.url.replace("default.jpg","mqdefault.jpg"),t[2]=!0):(t[0]=a.url.replace("s72-c","w100-h75-c"),t[1]=a.url.replace("s72-c","s500-c")):(t[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIc20kOBia9kKqCgRxEmftf7bY87zExuJ-hCwO9730qvF63GuiVMriXO4Gc8JmJPtpBItp9afilOSKEc-AWxElKFUWjGYamx_J9tJTsgt0icrthyphenhyphenR8yfpHDneEYh7YX0B-spFk-KYLbo/s1600/thumb.png",t[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIc20kOBia9kKqCgRxEmftf7bY87zExuJ-hCwO9730qvF63GuiVMriXO4Gc8JmJPtpBItp9afilOSKEc-AWxElKFUWjGYamx_J9tJTsgt0icrthyphenhyphenR8yfpHDneEYh7YX0B-spFk-KYLbo/s1600/thumb.png"),t}function load_w_tab(a){var t=a.find(".rctab-content>.active"),e=t.attr("data-load");$.ajax({type:"GET",url:"/feeds/posts/summary/-/"+e+"?max-results=20&alt=json-in-script",async:!1,contentType:"application/json",dataType:"jsonp",success:function(a){if(a.feed.entry){t.append('<div class="wtab-inner"></div>');for(var e=0;e<a.feed.entry.length;e++){for(var i=a.feed.entry[e],d=0;d<a.feed.entry[e].link.length;d++)if("alternate"==a.feed.entry[e].link[d].rel){var s=a.feed.entry[e].link[d].href;break}var n=i.title.$t,l=getMeImg(i.media$thumbnail),r='<div class="rctab-item"><div class="rctab-item-inner"><a href="'+s+'"><img src="'+l[0]+'"/></a><h3><a href="'+s+'">'+n+'</a></h3><div style="clear:both"></div></div></div>';t.find(".wtab-inner").append(r)}t.addClass("hide-load")}}})}function getwtabs(e){for(var labelArr=eval(e.attr("data-label")),html='<div class="rctab-button">',i=0;i<labelArr.length;i++)html+='<span data-target="'+labelArr[i]+'-genova">'+labelArr[i]+"</span>";html+='</div><div class="rctab-content">';for(var i=0;i<labelArr.length;i++)html+='<div data-load="'+labelArr[i]+'" data-container="'+labelArr[i]+'-genova">'+loaderHTML+"</div>";html+="</div>",e.append(html),e.find(".rctab-button>span").first().addClass("active"),e.find(".rctab-content>div").hide(0),e.find(".rctab-content>div").first().show(0).addClass("active loaded"),setTimeout(function(){load_w_tab(e)},500),e.find(".rctab-button>span").click(function(){var a=$(this).attr("data-target"),t=$(this),i="";e.find(".rctab-content>div").each(function(){$(this).attr("data-container")==a&&(e.find(".rctab-button>span").removeClass("active"),t.addClass("active"),e.find(".rctab-content>div").removeClass("active").hide(0),$(this).fadeIn().addClass("active"),i=$(this))}),i.hasClass("loaded")||(i.addClass("loaded"),setTimeout(function(){load_w_tab(e)},500))})}var loaderHTML='<div class="loader"> <div class="squarin" ></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin "></div> <div class="squarin last"></div> </div>';$(function(){getwtabs($(".recent-labpost"))}); //]]> </script> <script type='text/javascript'> //<![CDATA[ function getMeImg(a){var t=[a,a,!1];return void 0!==a?-1!==a.url.indexOf("img.youtube")?(t[0]=a.url.replace("default.jpg","hqdefault.jpg"),t[1]=a.url.replace("default.jpg","mqdefault.jpg"),t[2]=!0):(t[0]=a.url.replace("s72-c","w100-h75-c"),t[1]=a.url.replace("s72-c","s500-c")):(t[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIc20kOBia9kKqCgRxEmftf7bY87zExuJ-hCwO9730qvF63GuiVMriXO4Gc8JmJPtpBItp9afilOSKEc-AWxElKFUWjGYamx_J9tJTsgt0icrthyphenhyphenR8yfpHDneEYh7YX0B-spFk-KYLbo/s1600/thumb.png",t[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIc20kOBia9kKqCgRxEmftf7bY87zExuJ-hCwO9730qvF63GuiVMriXO4Gc8JmJPtpBItp9afilOSKEc-AWxElKFUWjGYamx_J9tJTsgt0icrthyphenhyphenR8yfpHDneEYh7YX0B-spFk-KYLbo/s1600/thumb.png"),t}function getauthor(a){for(var t=0;t<a.length;t++)var e="<span class='author'>&#xf007; "+a[t].name.$t+"</span>";return e}function getmeta(a){var t=[];t[1]="Jan",t[2]="Feb",t[3]="Mar",t[4]="Apr",t[5]="May",t[6]="Jun",t[7]="Jul",t[8]="Aug",t[9]="Sep",t[10]="Oct",t[11]="Nov",t[12]="Dec";var e=a.substring(0,4),s=a.substring(5,7),n=a.substring(8,10),i="<span class='date'>&#xf017; "+t[parseInt(s,10)]+" "+n+" "+e+"</span>";return i}function t(a){var a,t,e=[];for(t=0;a>t;t++)e.push(t);return shuffle(e)}function getmashrandom(a){var e="/feeds/posts/summary/?max-results=500&alt=json-in-script",s=a.find("div.tab-mash-random");s.find("span#tab-mash-random").addClass("loaded"),s.append('<ul class="random-inner"></ul>'),$.ajax({type:"GET",url:e,async:!0,contentType:"application/json",dataType:"jsonp",success:function(a){s.addClass("hide-load");for(var e=a.feed.entry,n=e.length,i=t(n),r=0;5>r;r++){for(var d=0;d<a.feed.entry[i[r]].link.length;d++)if("alternate"==e[i[r]].link[d].rel){var l=a.feed.entry[i[r]].link[d].href;break}var c=getMeImg(e[i[r]].media$thumbnail),o=e[i[r]].title.$t,u=e[i[r]].published.$t,h=getmeta(u),f=getauthor(e[i[r]].author),m='<li><a href="'+l+'"><img class="toLoad" src="'+c[0]+'"/></a><div class="recent-list-c"><h3><a href="'+l+'">'+o+'</a></h3><div class="meta">'+f+" "+h+"</div></div></li>";s.find("ul").append(m)}}})}function getmashrecent(a){a.find("span#tab-mash-recent").addClass("loaded"),$.ajax({type:"GET",url:"/feeds/posts/summary?max-results=20&alt=json-in-script",async:!1,contentType:"application/json",dataType:"jsonp",success:function(t){if(t.feed.entry){a.find("div.tab-mash-recent").append('<ul class="recent-post-list"></ul>');for(var e=0;e<t.feed.entry.length;e++){for(var s=t.feed.entry[e],n=0;n<t.feed.entry[e].link.length;n++)if("alternate"==t.feed.entry[e].link[n].rel){var i=t.feed.entry[e].link[n].href;break}var r=s.title.$t,d=getmeta(s.published.$t),l=getauthor(s.author),c=getMeImg(s.media$thumbnail),o="<li class='recent-post-item'><a href='"+i+"'><img src='"+c[0]+"'/></a><div class='recent-list-content'><h3><a href='"+i+"'>"+r+"</a></h3><div class='recent-list-meta'>"+d+l+"</div></div></li>";a.find("div.tab-mash-recent ul").append(o)}}}})}var loaderHTML='<div class="loader"> <div class="squarin" ></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin"></div> <div class="squarin last"></div> <div class="squarin clear"></div> <div class="squarin "></div> <div class="squarin last"></div> </div>';shuffle=function(a){for(var t,e,s=a.length;s;t=parseInt(Math.random()*s),e=a[--s],a[s]=a[t],a[t]=e);return a},$(function(){$(".thetabs").each(function(){var a=$(this);a.append("<div class='tab-mash-outer'><div class='tab-mash-button'><span class='active' id='tab-mash-recent'><i class='fa fa-rss'></i> Recent</span><span id='tab-mash-random'><i class='fa fa-random'></i> Random</span></div><div class='tab-mash-content'><div class='tab-mash-recent min-height-need'></div><div class='tab-mash-random min-height-need' style='display:none;'>"+loaderHTML+"</div></div></div>"),getmashrecent(a),a.find(".tab-mash-button>span").click(function(){var t=$(this),e=a.find(".tab-mash-content>div");e.each(function(){$(this).hasClass(t.attr("id"))?($(this).fadeIn(),a.find(".tab-mash-button>span").removeClass("active"),t.addClass("active"),t.hasClass("loaded")||("tab-mash-random"==t.attr("id")?(t.addClass("loaded"),setTimeout(function(){getmashrandom(a)},500)):"tab-mash-comment"==t.attr("id")&&(t.addClass("loaded"),setTimeout(function(){getmashcomment(a)},2e3)))):$(this).hide(0)})})})}); //]]> </script>


وأخيرا عليك وضع هذا الكود في المكان الذي تحب ان تظهر لك فيه الاضافة

 

<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='recent-labpost' data-label='[&quot;تسمية&quot;,&quot;تسمية&quot;,&quot;تسمية&quot;,&quot;تسمية&quot;,&quot;تسمية&quot;]'/></b:if>


ثم غير كلمة تسمية بالتسميات التي تريدها ان تظهر بالاضافة ومبروك عليك الاضافة
اتمنى ان تنال الاضافة اعجابكم وان لا تعارضكم اي مشكلة في التركيب وان كان هناك اي تساؤل فباب التعليقات مفتوح إليكم.
🌟 شاهد أيضاً:
سكربت منع نسخ الصور للحفاظ علي حصرية مدونتك.

سكربت إظهار المواضيع بتسميات مختلفة



مسابقة كوليكا ويب لربح سكربت لاختصار الروابط :

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

يتميز السكربت بالعديد من المميزات


1- تصميم متجاوب مع جميع الأجهزة و المتصفحات
2- يوجد قالبان يمكنك إستخدام أي واحد و تغييره فقط من لوحة التحكم
3- خاصية إختصار الروابط حسب الدول
4- مساعدة قوية من مبرمجي السكربت
5- لوحة تحكم خيالية للأدمن
6- لوحة تحكم بسيطة و رائعة للمستخدم

شروط المشاركة في المسابقة


1 - قم بالاعجاب بصفحة الفيس بوك و تابع الموقع بالاميل.
2- قم بمشاركة المسابقة علي مواقع التواصل الاجتماعي.
3- قم بالتعليق بالبريد الاكتروني خاصتك و باسم حساب الفيس بوك.

سوف يتم ارسال الاسكربت لك علي البريد الاكتروني الخاص بك دمتم بالعافيه و السلام.

مسابقة : ربح أسكربت أختصار الروابط مجاناً


اليوم سنقدم لكم صفحة خطأ 404 جديدة واحترافية ومتحركة لمدونات بلوجر, الصفحة هي متطورة ومختلفة عن الصفحات الرائجة والتقليدية, الاضافة هي في الاصل كما ظاهرة في صورة Gif الموجود أعلاه, عند تركيبها في قالبك ستظهر للزائر عند دخوله الى رابط خاطئ او تدوينة تم حذفها ولم تعد متواجدة, بالنسبة لطريقة التركيب فهي سهلة جدا.

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

مباشرة بعد ذلك ابحث عن الوسم <body> او <body في حالة ان لم تجد الوسم الاول, يمكنك البحث عن الوسم باستخدام Ctrl+F.
وضع هذه الاكواد مباشرة اسفله ⇣⇣

 

<b:if cond='data:blog.pageType == &quot;error_page&quot;'> 

<style>

/*=====================================

= errorPage By: "colica-web.blogspot.com"

=====================================*/

.flat .wrapper{display:none}.flat{background:#071f38;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-size:1.4rem;line-height:1.8;font-weight:400;letter-spacing:0;height:100%}.content{height:100vh;overflow:hidden;z-index:10;position:relative;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center}.content .content-box{width:auto;position:relative}.content .content-box .big-content{position:relative;width:22rem;min-height:22rem;margin:0 auto 3rem}.content .content-box .big-content .list-square{float:right}.content .content-box .big-content .list-line{float:right;margin-right:2rem}.content .content-box .big-content span.square{display:block;background:transparent;width:5rem;height:5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;border-radius:.5rem;border:1rem solid #fff;margin-bottom:1.5rem}.content .content-box .big-content span.line{display:block;background:#fff;width:15rem;height:1rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;border-radius:.5rem;margin-bottom:2.3rem}.content .content-box .big-content span.line:nth-child(2){width:10rem}.content .content-box .big-content span.line:nth-child(4){width:10rem}.content .content-box .big-content span.line:nth-child(6){width:10rem}.content .content-box .big-content .fa-search{position:absolute;top:10rem;left:15rem;font-size:10rem;color:#0099cc;-webkit-animation:corner 5s infinite;-moz-animation:corner 5s infinite;animation:corner 5s infinite}.content .content-box .big-content .fa-search.color{color:#FF0084}@-webkit-keyframes corner{0%{-webkit-transform:translate(-2rem,0);-webkit-animation-timing-function:0,0.02,0,1.01}20%{-webkit-transform:translate(-15rem,2rem)}40%{-webkit-transform:translate(-7rem,-7rem);animation-timing-function:cubic-bezier(0,0.02,0,1.01)}60%{-webkit-transform:translate(-15rem,-10rem)}80%{-webkit-transform:translate(2rem,-12rem)}100%{-webkit-transform:translate(-2rem,0)}}@-moz-keyframes corner{0%{-moz-transform:translate(-2rem,0);-moz-animation-timing-function:0,0.02,0,1.01}20%{-moz-transform:translate(-15rem,2rem)}40%{-moz-transform:translate(-7rem,-7rem);animation-timing-function:cubic-bezier(0,0.02,0,1.01)}60%{-moz-transform:translate(-15rem,-10rem)}80%{-moz-transform:translate(2rem,-12rem)}100%{-moz-transform:translate(-2rem,0)}}@keyframes corner{0%{-webkit-transform:translate(-2rem,0);-moz-transform:translate(-2rem,0);-ms-transform:translate(-2rem,0);-o-transform:translate(-2rem,0);transform:translate(-2rem,0);-webkit-animation-timing-function:0,0.02,0,1.01;-moz-animation-timing-function:0,0.02,0,1.01;animation-timing-function:0,0.02,0,1.01}20%{-webkit-transform:translate(-15rem,2rem);-moz-transform:translate(-15rem,2rem);-ms-transform:translate(-15rem,2rem);-o-transform:translate(-15rem,2rem);transform:translate(-15rem,2rem)}40%{-webkit-transform:translate(-7rem,-7rem);-moz-transform:translate(-7rem,-7rem);-ms-transform:translate(-7rem,-7rem);-o-transform:translate(-7rem,-7rem);transform:translate(-7rem,-7rem);animation-timing-function:cubic-bezier(0,0.02,0,1.01)}60%{-webkit-transform:translate(-15rem,-10rem);-moz-transform:translate(-15rem,-10rem);-ms-transform:translate(-15rem,-10rem);-o-transform:translate(-15rem,-10rem);transform:translate(-15rem,-10rem)}80%{-webkit-transform:translate(2rem,-12rem);-moz-transform:translate(2rem,-12rem);-ms-transform:translate(2rem,-12rem);-o-transform:translate(2rem,-12rem);transform:translate(2rem,-12rem)}100%{-webkit-transform:translate(-2rem,0);-moz-transform:translate(-2rem,0);-ms-transform:translate(-2rem,0);-o-transform:translate(-2rem,0);transform:translate(-2rem,0)}}.content-box p,.content-box h1{text-align:center;color:#fff}#particles-js{position:fixed;top:25vh;left:25vw;width:50vw;height:50vh;z-index:-10}.rightside,.rightmenu{display:none}.toogle_menu,.toogle_main{padding:16px;display:none;cursor:pointer;color:#fff}

</style>

<script>

$( &quot;body&quot; ).last().addClass( &quot;index&quot; );

</script>

<script>

$( &quot;body&quot; ).last().addClass( &quot;flat&quot; );

</script>

<div id='particles-js'><canvas class='particles-js-canvas-el' height='144' style='width: 100%; height: 100%;' width='680'/></div><div class='content'><div class='content-box'><div class='big-content'><div class='list-square'><span class='square'/><span class='square'/><span class='square'/></div><div class='list-line'><span class='line'/><span class='line'/><span class='line'/><span class='line'/><span class='line'/><span class='line'/></div><i aria-hidden='true' class='fa fa-search'/><div class='clear'/></div><h1>اووبس ! يبدو أن هناك خطأ ما</h1><p>الصفحة التي تبحث عنها غير موجودة<br/>يمكنك العودة <a href='/' style='color:#0099cc;'>للرئيسية</a></p></div></div>

  

              </b:if>


بعد هذه العملية عليك حفظ القالب, ومبروك عليك (صفحة الخطأ).
ومن أجل سلامة تركيب هذه الصفحة عليك اولا التأكد من حذف اكواد صفحة 404 السابقة في حين كنت تتوفر عليها.

أضافة صفحة خطأ 404 أحترافية و متحركة لمدونة بلوجر


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

شرح طريقة التركيب

1 - قم بالذهاب الى تحرير القالب

2 - أبحث عن هذه الوسم <body/>

3 - وأضف فوقه / قبلة الكود التالي:



<script type='text/javascript'>

//<![CDATA[

function nocontext(e) {var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;

if (clickedTag == "IMG") {alert(alertMsg);return false;}}

var alertMsg = "ممنوع نسخ الصور";document.oncontextmenu = nocontext;

//]]></script>



🌟 أقرأ أيضاً:

سكربت يمنع نسخ الصور من مدونة بلوجر

الاشتراك في: الرسائل (Atom)

تابعنا عبر البريد الالكتروني