جي كويريمدونة جزائري ويب

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

شرح طريقة التركيب + معاينة الاضافة من هنا :

ادهب الى لوحة التحكم ثم تحرير "HTML"
ابحث عن كلمة <head/> واضف فوقه مباشراً الكود التالي

<script type='text/javascript'> /*<![CDATA[* function jazairiwebgrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+jazairiweb_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+jazairiweb_thumbs+'" height="'+jazairiweb_thumbs+'"/>',p=jazairiweb_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))} /*]]>*/</script>

ابحث عن كلمة <b:skin/> واضف فوقه مباشراً الكود التالي

.recent-gallery {padding:0;clear:both;} .recent-gallery:after {content:"";display:table;clear:both;} .recent-gallery .gallerytem{width: 80px;display:block;float:right;position:relative;margin:2px;overflow:hidden;padding:0} .recent-gallery .gallerytem a{position:relative;float:right;margin:0;overflow:hidden;text-decoration:none} .recent-gallery .gallerytem .ptitle{background:rgba(255,255,255,.95);display:block;clear:right;font-size:11px;line-height:1.3em;position:absolute;text-align:right;bottom:0;left:0;right:0;top:0;color:#444;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;transform:translate(-79px,0);backface-visibility:hidden;transition:all .2s} .recent-gallery .gallerytem:hover .ptitle{visibility:visible;transform:translate(0,0)} .recent-gallery a img{background:#fdfdfd;float:right;transition:all .3s} #HTML2 .widget-content {text-align:center;}

اضف الكود التالي في التخطيط داخل ادات html

<script> var jazairiweb_thumbs = 80; var jazairiweb_title = true; </script> <script src="/feeds/posts/summary?max-results=10&alt=json-in-script&callback=jazairiwebgrid"/></script>

شاهد الدرس

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

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

ادخل تحرير القالب HTML.
ابحث عن <head> وضع هذا الكود اسفله :

<b:if cond='data:blog.pageType != "error_page"'> <title><data:blog.pageName/><data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == "error_page"'> <title>الصفحة غير موجودة ~ <data:blog.title/></title> </b:if>

الان ابحث عن <body> وضع هذا الكود اسفله :

<b:if cond='data:blog.pageType == "error_page"'> <div id='oopss'> <div id='error-text'> <span>4<i class='fa fa-frown-o'/>4</span> <p> هل أنت(ي) تائه(ة)!</p> <div class='er-jazairiweb'>نعتذر إن لم تجد(ي) الصفحة</div> <p><a class='back' href='/'><i class='fa fa-toggle-on'/> العودة للرئيسية</a></p> </div> </div> </b:if>

الان ابحث عن </head> وضع هذا الكود فوقه :

<b:if cond='data:blog.pageType == "error_page"'> <style type='text/css'> .sidebar,.ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #credit,.topwrapper,::-webkit-scrollbar,.banner,.topwrapper{display:none!important;margin:0;padding:0;overflow:hidden;} /* CSS Error Page */ #oopss {background:#222;text-align:center;margin-bottom:50px;font-weight:400;font-size:30px;font-family:'Roboto Condensed',sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;} #error-text {top:30%;position:relative;font-size:30px;color:#aaa;} #error-text a{color:#aaa;} #error-text p {margin:0!important; font-family: droid arabic kufi;} #error-text span {color:#aaa;font-size:120px;font-weight:700;letter-spacing:0.1em;} #error-text a.back { display: inline-block;margin: 10px auto;background: #F23D3D;color: #fff;padding: 6px 10px 3px;font-size: 10px;font-weight: 700;line-height: normal;border-radius: 3px;transform: scale(1);transition: all 0.5s ease-out;} #error-text a.back:hover {background:#181818;color:#fff;} #error-text a.back:active {-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95);background:#F23D3D;color:#fff;} .fa-frown-o:before {content: "\f119";color: #F23D3D;} .er-jazairiweb {font-size: 18px!important;font-family: droid arabic kufi;} /* CSS Error Page Responsive */ @media only screen and (max-width:640px){ #error-text {color:#aaa;font-size:20px;} #error-text span {font-size:60px;} #error-text a.back {padding:5px 10px;font-size:12px;} #error-text a.back:hover,#error-text a.back:active {border:0;}} </style> </b:if>

شاهد الدرس

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

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

طريقة التركيب ابحث عن <head/> وأضف الكود التالي فوقها

<script> location.replace("رابط الموقع الجديد") </script>

شاهد الدرس

مرحبا بكم اخواني في كل جديد من مدونة جزائري ويب

اليوم باذن الله سوف اشرح لكم كيفية اضافة سلايد شو احترافي

(سلايدرشو المحترف) لمدونات بلوجر بطريقه سهله ومضمونه

هذا السلايدرشو يعرض لك اخر المواضيع المضافه في قسم معين بطريقه تلقائيه

حيث يتم تحديد هذا القسم او التسميه حسب رغبتك

كيفية اضافة هذا السلايدر شو الى مدوناتكم

من لوحة التحكم -> قالب -> تحرير HTML
خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه:

/* CSS Slider */ #alwansd{height: 273px; margin: 10px 0px; background: #34495e;width: 666px;} .alwanw{position: relative;height: 254px;} .alwanw .contentdiv{visibility: hidden;position: absolute;opacity: 1;} .alwan-ps{text-align: right; float: right; padding: 0 4px; margin: 6px auto;} .alwan-ps .toc{width: 95px; font-size: 0; border-radius: 0.5px; height: 6px; float: right;background: #fff; margin-right: 10px;} .alwan-ps a.selected{background:#18629C;} .alwan-ps .prev, .alwan-ps .next {display:none;} .alwanip{width: 646px; padding: 10px !important; bottom: 0; float: left !important; position: absolute; background: rgba(32, 45, 59, 0.85);} .alwanip a{color: #dcdcdc; font: 16px GESSTwoMediumRegular,tahoma; line-height: 10px; display: block; padding: 12px 0; margin: 0 0px;} .alwanip h6{margin: 0;} .alwanip h6 a:hover {color:#18629C;} .alwanip .alwand{font:12px GESSTwoMediumRegular,tahoma; margin:4px 0; color:#a5a5a5;display: none; } .alwanip p{font-size: 13px; margin: 0; font: normal 12px GESSTwoMediumRegular,tahoma; color: #f1f1f1; line-height: 19px;} .alwansf a img{float: right !important; width: 666px; height: 251px;} .alwansf {float: right !important; width:666px!important;} .column-center-outer {width: 666px;}

الآن قم بالبحث عن: <head/>

والصق الكود التالي قبله مباشره (فوقه)

<script type='text/javascript'> /* Script from:http://jazairiweb.blogspot.com */ imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhEOnJ_VAHzQfp19JRGZtEMdiziQS-Jkb9XNniuWHNwPqNbs3FfoGwg929f6HRHQuRzKMeqSALy5KzafVxczOhSZeELE2rO5IPn8oH9QILb1o9Tzz3U5177X1Be9FIyE0isyb7RLgX61I/w618-h509-no/Vinage_Logos.png"; showRandomImg = true; aBold = true; summaryPost = 150; numposts1 = 6; label1 = "خدماتنا"; function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s} function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}} if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break; }} var daystr = day+ ' ' + m + ' ' + y ; var trtd = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="617" height="385" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>' +removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>'; document.write(trtd); j++; }} </script>

ملاحظة:

قم بتغيير كلمة خدماتنا باسم القسم الذي سيتم عرض مواضيعه
بعد ذلك قم بالبحث عن <body/> والصق الكود التالي قبله مباشره (فوقه)

<script src='https://googledrive.com/host/0B2v7cH8soLJraTNUTkhtRWtIMTA'></script> <script> featuredcontentslider.init({ id: "slider1", //id of main slider DIV contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"] toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc] nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide. enablefade: [true, 0.5], //[true/false, fadedegree] autorotate: [true, 6000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc) //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc) } }) </script>

وبالاخير قم بالبحث عن <div id='main-wrapper'>

واذا لم تجده قم بوضعه في المكان الدي يناسبك

<b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='alwansd'> <div class='alwanw' id='slider1'> <script> document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>"); </script> </div> <div class='alwan-ps' id='paginate-slider1'> </div> </div> </b:if>

شاهد الدرس

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

شرح و كيفية تركيب الاضافة :

داخل القالب ابحث عن <b:skin/><[[ وضع الكود التالي اسفله
أو ضعه بين <style> و <style/> فوق <head/>

.recherche { height: 16px; width: 320px; margin: 0 auto;margin-bottom: 50px; } .shea { margin-top: -64px; } #b-query { width: 276px;border-radius: 0px 2px 2px 0px; padding: 0px 4px 0px; margin: 0; background: rgba(255, 255, 255, 0.86); font-family:Electrolize,GESSTwoLight, sans-serif;border: none; float: right; text-align: right; color: #34495e; height: 48px; } #b-searchbtn { float: left;border-radius: 2px 0px 0px 2px; width: 36px; height: 48px; font: 13px Electrolize,GESSTwoLight, sans-serif; background: rgba(8, 148, 216, 0.91) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcSGUlrDrmwknXVrrerG4hnrA-bILrgjLQdR8KOR6bycbKpqg0K9wq0dc8d6u5gC13Ec81QWekCBMYtrlYSKVGAZz84-6YpbMMB78ur9380nZc0sHAdA_Yk-m8m3ZS8pKRvoo9DVKDebc/s1600/srch.png) center no-repeat; cursor: pointer; border: none; margin: 0; padding: 0; } #b-searchbtn:hover { backgccround: rgba(252, 84, 0, c0.9) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcSGUlrDrmwknXVrrerG4hnrA-bILrgjLQdR8KOR6bycbKpqg0K9wq0dc8d6u5gC13Ec81QWekCBMYtrlYSKVGAZz84-6YpbMMB78ur9380nZc0sHAdA_Yk-m8m3ZS8pKRvoo9DVKDebc/s1600/srch.png) center no-repeat; }

ضع الكود التالي في المكان الدي يناسك

<div class="recherche">  <div class="shea"> <form action="http://jazairiweb.blogspot.com/search" id="searchthis" method="get" style="display: inline;"> <input id="b-searchbtn" type="submit" value="" /> <input id="b-query" name="q" onblur="if (this.value == "") {this.value = "هل تبحث عن شئ....";}" onfocus="if (this.value == "هل تبحث عن شئ....") {this.value = "";}" type="text" value="هل تبحث عن شئ...." /> </form> </div> </div>

شاهد الدرس

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

فائدة الكود منع نسخ النصوص وتعطيل نسخ الصور

من لوحة تحكم اذهب الى القالب واضغط على تحرير القالب
فوق هذا الوسم <body/> نضع الكود التالي
يمكنك ايضا وضع الكود داخل ادات html في التخطيط

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

شاهد الدرس

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

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

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

#scrolltop{display:none} #rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(//ar1web-com.googlecode.com/svn/trunk/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)} #rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(//ar1web-com.googlecode.com/svn/trunk/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0} #rocketmeluncur:hover{background-position:50% -62px} #rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1} #rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none} #rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}

إبحث عن </body> وضع الكود التالي فوقه

<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a> <script type='text/javascript'> //<![CDATA[ jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight),parseInt(document.body.getBoundingClientRect().top),parseInt(e.clientWidth)),r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)}); //]]> </script>

شاهد الدرس

اضافة اداة مواضيع عشوائية فى السايدبار

صفحة خطأ أحترافيه للموقع ( متحركة )

الطريقة الصحيحة والفعالة من اجل اعادة توجيه المواقع تلقائيا

إضافة سلايد شو تلقائي لمدونات بلوجر

أضافة محرك بحث احترافي من جزائري ويب

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

إضافة الصعود للأعلى بشكل صاروخ

ميزة جدول التنقل [open]

الدروس الأكثر مشاهدة

أقسام الموقع