خدمات ويب و Blogger : برمجه من غير روابط خارجيه

البحث بالمدونه

‏إظهار الرسائل ذات التسميات برمجه من غير روابط خارجيه. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات برمجه من غير روابط خارجيه. إظهار كافة الرسائل

الاثنين

مشابهه بدون رابط related posts

الاثنين, يونيو 22, 2020 0 التعليقات
البحث عن
]]></b:skin>
وضع فوقه
.related-post .post-thumbnail {
 z-index: 1;
 position: relative;
 width: 98px;
 height: 98px;
 margin: 0;
 display: block;
box-shadow:none;
}
.related-post {
 float: right;
 position: relative;
 width: 98px;
 height: 98px;
 margin: 4px 8px 6px 0;
 background: #fff;
padding:3px 0 3px 3px;
border:1px solid #000;
 }
.related-post .related-post-title {
 display: none;
 float: right;
 background: #000;
 color: #fff;
border:2px solid #ccc;
border-radius:4px;
 text-shadow: none;
 font-weight: bold;
 padding: 6px;
 position: absolute;
 top: -20px;
 right: -5px;
 z-index: 2;
 width: 110px;
 -webkit-box-shadow: 0 0 2px #444;
 -moz-box-shadow: 0 0 2px #444;
 box-shadow: 0 0 2px #444;
}
.related-post:hover .related-post-title {display: block;}
#related-posts h3 {background:#ddd; padding:4px 12px 4px 12px; color:#000; font-size:15px; font-weight:bold; display:inline; text-align:right; border:2px solid #000; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;float:right; margin:10px;}

والبحث عن
<div class='post-footer'>
تكرره مرتين تحته
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div id='related-posts'>
    <script type='text/javascript'>//<![CDATA[
    var ry='<h3>مواضيع ذات صلة</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;لا يوجد مواضيع ذات صلة لهذه الفئة</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
    var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
    //]]></script>
    <b:loop values='data:post.labels' var='label'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
    </b:loop>
    <script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
 </div>
   </b:if>
     <div class='clear'/>
وسلامتكم

لقوالب الرسميه فقط إقراء المزيد

الاثنين, يونيو 22, 2020 0 التعليقات
البحث عن
</head>
فوق ضع الكود
<script type='text/javascript'>
posts_no_thumb_sum = 400;
posts_thumb_sum = 300;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
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);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
بعدها اتبع التالي بالبحث عن
<data:post.body/>
وإستبدله بالتالي
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<a expr:href='data:post.url'>اقرأ المزيد</a>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<data:post.body/>
</b:if>

كرره احيانا اثنيين / واذا قالبك معرب او معدل لا تسويه اقصد بالرسمي

معلومات : 
في هذا النموذج الصورة على اليمين إن أردتها على اليسار
استبدل float:right; بـ float:lift;
واستبدل margin-left: 10px;  بـ margin-right: 10px;
أما ان اردتها في الوسط فإحذف الكودين
الأربعة أرقام في بداية الكود
400 عدد الحروف الظاهرة بدون صورة
300 عدد الحروف الظاهرة مع وجود صورة
160 إرتفاع الصورة
180 عرض الصورة
احذف الأكواد الصفراء إن لم ترد الصورة قابلة للضغط

قائمه سوداء مميزه واحمر بدون برمجه

الاثنين, يونيو 22, 2020 0 التعليقات
يمكنك التغير بالوان والبحث عن
]]></b:skin>
فوقه
.menu, 
.sub-menu{ list-style-type:none;  margin:0;  padding:0}
.menu li{ background-color:#3E454D;  cursor:pointer;  position:relative;  transition:background-color .5s;  -moz-transition:background-color .5s;  -o-transition:background-color .5s;  -webkit-transition:background-color .5s}
.menu li:hover{ background-color:#353B41 !important}
.menu a{ color:#FFF;  display:block;  font-family:'Open Sans',sans-serif;  height:100%;  margin:0 5px;  overflow:hidden;  position:relative;  text-align:center;  text-decoration:none;  text-transform:uppercase;  word-wrap:break-word}
.menu a:hover{  color:#FFF}
.menu{  height:90px}
.menu >li{ float:left;  height:100%;  width:15%;   width:calc((100% - 90px) / 5);   width:-moz-calc((100% - 90px) / 5);   width:-webkit-calc((100% - 90px) / 5)}
.menu >li.home{  background:#3E454D url(http://s26.postimg.org/qbf4q4j9h/home.png) center no-repeat;  width:90px}
.menu >li.current{ background-color:#F2762E !important;  box-shadow:none !important;  -moz-box-shadow:none !important;  -webkit-box-shadow:none !important}
.menu >li:not(:first-child){ box-shadow:inset 1px 0 0 0 #272B31,inset 2px 0 0 0 #434A52;  -moz-box-shadow:inset 1px 0 0 0 #272B31,inset 2px 0 0 0 #434A52;  -webkit-box-shadow:inset 1px 0 0 0 #272B31,inset 2px 0 0 0 #434A52}
.menu >li.home >a{ color:transparent !important}
.menu >li >a >span{ left:0;  position:absolute;  right:0;  top:50%;  transform:translate(0,-50%);  -ms-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);  -o-transform:translate(0,-50%);  -webkit-transform:translate(0,-50%)}
.sub-menu{ max-height:0;  min-width:100%;  overflow:hidden;  position:absolute;  top:100%;  transition:max-height .5s .2s;  -moz-transition:max-height .5s .2s;  -o-transition:max-height .5s .2s;  -webkit-transition:max-height .5s .2s}
li:hover >.sub-menu{ max-height:600px}
.sub-menu li{ height:60px}
.sub-menu a{ line-height:60px;  transition:color .5s;  -moz-transition:color .5s;  -o-transition:color .5s;  -webkit-transition:color .5s;  white-space:nowrap}
.sub-menu li.current a, 
.sub-menu a:hover{ color:#F2762E !important}

بعدها ابحث عن
</header>
تحته
<nav>
        <ul class="menu">
          <li class="home current"><a href="#"><span>Home</span></a></li>
          <li><a href="#"><span>Menu 1</span></a></li>
          <li><a href="#"><span>Menu 2</span></a>
            <ul class="sub-menu">
              <li><a href="#">Sub-menu 1</a></li>
              <li><a href="#">Sub-menu 2</a></li>
              <li><a href="#">Sub-menu 3</a></li>
            </ul>
          </li>
          <li><a href="#"><span>Menu 3</span></a></li>
          <li><a href="#"><span>Menu 4</span></a></li>
          <li><a href="#"><span>Menu 5</span></a></li>
        </ul>
      </nav>
وسلامتكم

تزين اقسام المدونه بصوره بمجلد

الاثنين, يونيو 22, 2020 0 التعليقات
البحث عن
]]></b:skin>
فوقه ضع
#Label1 li {
float: right;
background:#fafafa url(https://lh4.googleusercontent.com/-Wia36bo2IjI/UOr3lcKA5mI/AAAAAAAAAAw/GudFMFe7xL8/s16/folder.png)no-repeat scroll 121px 9px;
padding: 5px 25px 7px 9px;
font-size: 12px;
margin: 0 4px 10px 0;
display: inline-block;
border: 1px solid #d7d7d7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#aeaeae;
width:108px;
}
#Label1 li a{color:#000;}
#Label1 li:hover { background:#ffffff url(https://lh4.googleusercontent.com/-Wia36bo2IjI/UOr3lcKA5mI/AAAAAAAAAAw/GudFMFe7xL8/s16/folder.png)no-repeat scroll 121px 9px;}

الصوره وحده فقط
هذا اللون هو لون الأزرار #fafafa
وهذا اللون هو لون الأزرار عند تمرير الماوس #ffffff
وهذا هو لون الإطار #d7d7d7
وهذا لون الخط  #aeaeae
 وهذا لون الخط عند تمرير الماوس #000
والرقم 5 هو درجة استدارة الزر قم بالزيادة أو الإنقاص حتى تصل للنتيجة التي ترضيك
الرابط المعلم بالأحمر هو رابط الأيقونة الصغيرة على الأزرار قم بتغيرها بأى رابط أيقونة أخرى تنسابك مع مراعاة أن يكون المقاس 16x16
في حالة أردت تعديل حجم الأزرار قم بزيادة الأرقام المعلمة بالأزرق بنفس النسبة ان زدت أحدها 10 زد الآخرين كذلك

كود الاقتباس مميز بصوره

الاثنين, يونيو 22, 2020 0 التعليقات
البحث عن
]]></b:skin>
فوقه ضع
.post blockquote {
margin: 15px 35px 15px 15px;
padding: 10px;
clear: both;
list-style-type: none;
background: #FFFBC6 url(http://4.bp.blogspot.com/-Gzg8P-_mMIo/ULtKDb1VqvI/AAAAAAAAAJw/PokkzZS696g/s320/cv-1.png) no-repeat right bottom;
border-top: 1px solid #4977FF;
border-right: 1px solid #5686FF;
border-bottom: 1px solid #475FFF;
border-left: 1px solid #5686FF;
border-radius: 10px;
box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(255, 255, 255, 0.5) inset;
height: 380px;
overflow: scroll;
overflow-x: hidden;
direction: ltr;
}
وسلامتكم

الأربعاء

توسيط شعار او عنوان مدونة بلوجر

الأربعاء, يونيو 03, 2020 0 التعليقات
مثلا عندك الصوره يمين في هذا التطبيق يخليه بالنصف
البحث عن
</b:skin>
فوقه ضع هذا

#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#head {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}
#head img {
margin: auto;
}
وسلامتك

الاثنين

مخطط نفس القالب POPULAR POSTS المشاركات الشائعة

الاثنين, يناير 06, 2020 0 التعليقات

البحث عن
 ]]></b:skin>
 فوقه 
 
 .PopularPosts .item-thumbnail img { width: 40px; height: 40px; padding: 4px; margin: 0; border: #ddd solid 1px;}.popular-posts ul { padding-left: 0;}.popular-posts ul li { background: url('https://googledrive.com/host/0BzzpB6MLhPeNZ0FhV0xIQ3A0TDg/lin.gif') left no-repeat; padding-left: 16px; list-style-type: none; margin: 0 0 5px 0; padding: 5px 5px 5px 20px !important; border: #c0c0c0 solid 1px; border-radius: 10px;}.popular-posts ul li:hover { border: #000 solid 1px;}.popular-posts ul li a:hover { text-decoration: none;}
 وسلامتكم

نفس خلفيه القالب لـ POPULAR POSTS المشاركات الشائعة

الاثنين, يناير 06, 2020 0 التعليقات

البحث عن
 ]]></b:skin>
 فوقه 
 
 .popular-posts ul{padding-left:0px;}
 .popular-posts ul li {background: #ffffff no-repeat scroll 5px 10px;
 list-style-type: none;
 margin:0 0 5px 0px;
 padding:5px 5px 5px 20px !important;
 border: 1px solid #dddddd;
 border-radius:7px;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;}
 .popular-posts ul li:hover {
 border:1px solid #555555;}
 .popular-posts ul li a{
 text-decoration:none;
 font:16px Georgia, verdana;
 color:#333333;}
 .popular-posts ul li a:hover {
 text-decoration:none;
 color:#555555;}
 وسلامتكم

ترقيم الصفحات بعده الوان بخلفيه سوداء numPages pageNumber

الاثنين, يناير 06, 2020 0 التعليقات
البحث عن

</body>
فوقه
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=9;
var numPages=9;
var firstText ='الاول';
var lastText ='الاخير';
var prevText ='« السابق';
var nextText ='التالي »';
var urlactivepage=location.href;
var home_page="/";
if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages / 2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}
pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo / perPage)+1;if(lastPageNo-1==pageInfo / perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}
if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}
if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}
if(pageStart>2){html+=' ... '}
for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}
if(pageEnd<lastPageNo-1){html+='...'}
if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}
var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}
if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}
var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
if(pageArea&&pageArea.length>0){html=''}
if(blogPager){blogPager.innerHTML=html}}
function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}
function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}
if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}
if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}
function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}
location.href=pAddress}
/*]]>*/
</script>
</b:if>
</b:if>

والبحث عن
]]></b:skin>
فوقه

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#F0F0F0;text-decoration:none;color: #CC3300;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
وسلامتكم

بالدوائر مواضيع متشابهه بالصور Related Posts with Thumbnails Code Start

الاثنين, يناير 06, 2020 0 التعليقات
يمكنك اخذ الصور من الرابط
http://algme3-kw.blogspot.com/2017/04/no-image-available.html

البحث عن
</head>
فوقه
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedpSummary = new Array();
var relatedThumb = new Array();
var relatedTitlesNum = 0;
var relatedPostsNum = 4; // number of entries to be shown
var relatedmaxnum = 75; // the number of characters of summary
var relatednoimage = "https://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg"; // default picture for entries with no image
function readpostlabels(e){for(var t,r,l,a=0;a<e.feed.entry.length&&(t=e.feed.entry[a],a!=e.feed.entry.length);a++){relatedTitles[relatedTitlesNum]=t.title.$t,l="","content"in t?l=t.content.$t:"summary"in t&&(l=t.summary.$t),relatedpSummary[relatedTitlesNum]=removetags(l,relatedmaxnum),r="media$thumbnail"in t?t.media$thumbnail.url:relatednoimage,relatedThumb[relatedTitlesNum]=r;for(var d=0;d<t.link.length;d++)if("alternate"==t.link[d].rel){relatedUrls[relatedTitlesNum]=t.link[d].href;break}relatedTitlesNum++}}function showrelated(){for(var e=new Array(0),t=new Array(0),r=new Array(0),l=new Array(0),a=0;a<relatedUrls.length;a++)contains(e,relatedUrls[a])||(e.length+=1,e[e.length-1]=relatedUrls[a],t.length+=1,t[t.length-1]=relatedTitles[a],r.length+=1,r[r.length-1]=relatedpSummary[a],l.length+=1,l[l.length-1]=relatedThumb[a]);relatedTitles=t,relatedUrls=e,relatedpSummary=r,relatedThumb=l;for(var a=0;a<relatedTitles.length;a++){var d=Math.floor((relatedTitles.length-1)*Math.random()),n=relatedTitles[a],s=relatedUrls[a],m=relatedpSummary[a],i=relatedThumb[a];relatedTitles[a]=relatedTitles[d],relatedUrls[a]=relatedUrls[d],relatedpSummary[a]=relatedpSummary[d],relatedThumb[a]=relatedThumb[d],relatedTitles[d]=n,relatedUrls[d]=s,relatedpSummary[d]=m,relatedThumb[d]=i}for(var u,h=0,o=Math.floor((relatedTitles.length-1)*Math.random()),g=o,f=document.URL;h<relatedPostsNum&&(relatedUrls[o]==f||(u="<div class='relatedsumposts'>",u+="<a href='"+relatedUrls[o]+"' title='"+relatedTitles[o]+"'><img src='"+relatedThumb[o]+"' /></a>",u+="<h6><a href='"+relatedUrls[o]+"' target='_self'>"+relatedTitles[o]+"</a></h6>",u+="<p>"+relatedpSummary[o]+" ... </p>",u+="</div>",document.write(u),h++,h!=relatedPostsNum))&&(o<relatedTitles.length-1?o++:o=0,o!=g););}function removetags(e,t){for(var r=e.split("<"),l=0;l<r.length;l++)-1!=r[l].indexOf(">")&&(r[l]=r[l].substring(r[l].indexOf(">")+1,r[l].length));return r=r.join(""),r=r.substring(0,t-1)}function contains(e,t){for(var r=0;r<e.length;r++)if(e[r]==t)return!0;return!1}
//]]>
</script>

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

<style>
.relatedsumposts {
padding: 0px 10px;
text-align: center;
/* width of the related posts area */
width: 120px;
float:left;margin-bottom:15px;
border-right: 1px dotted #E5E5E5;
display: inline-block;}
.relatedsumposts h6 {
margin: 5px 0;}
.relatedsumposts h6 a {
/* link properties */
color: #linkcolor;
text-transform: uppercase;
font-size:12px;}
.relatedsumposts img {
/* thumbnail properties */
height: 82px;
width: 82px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.relatedsumposts p {
/* summary properties */
border-top: 1px dotted #E5E5E5;
border-bottom: 1px dotted #E5E5E5;
color: #summarycolor;
font-size: 10px;
height: 4em;
line-height: 1;
margin: 5px 0 0;
padding: 5px 0 15px 0;}
#relatedpostssum {
width: 100%;}
.relatedpoststitle {
font-size: 19px;
margin-bottom:15px;}
</style>

والبحث عن
<b:includable id='postQuickEdit' var='post'>
فوقه كما بالصوره وضع الكود


<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=readpostlabels&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<div class='post-footer-line post-footer-line-4'>
<div class='relatedpoststitle'>RELATED POSTS</div>
<div id='relatedpostssum'>
<script type='text/javascript'>showrelated();</script>
</div>
<div style='clear:both;'/>
</div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
وسلامتكم

الأربعاء

حل مشكلة عدم تجاوب صور مدونة بلوجر مع الجوالات الذكية

الأربعاء, يناير 01, 2020 1 التعليقات
مشكلة عدم تجاوب صور مدونة بلوجر مع الجوالات الذكية امر يعاني منها العديد من المدونين ، لانهم لما ينشرون اي موضوع في مدونة بلوجر يضعون صورة بقياس غالبا يكون 600 بكسل
 فما فوق في الطول ، ولكن الصورة على الجوال شي ثاني لانها تظهر بمقاس 336 بكسل او 400 بكسل وتختفي

حل مشكلة عدم تجاوب صور مدونة بلوجر مع الهواتف الذكية :
البحث عن
</head>
ونضع الكود فوقها
<style> img { max-width: 98% !important; } </style>
او اضافتها في البحث عن
]]></b:skin>
فوقه
img { max-width: 98% !important; }
وسلامتكم

تسريع مدونات بلوجر الي اقصى درجة لسهولة التصفح

الأربعاء, يناير 01, 2020 0 التعليقات
ابحث عن
</body>
واضف هذا الكود فوقه مباشرة
<script type='text/javascript'>//<![CDATA[ (function($,window,document,undefined){var lazyLoadXT='lazyLoadXT',dataLazied='lazied',load_error='load error',classLazyHidden='lazy-hidden',docElement=document.documentElement||document.body,forceLoad=(window.onscroll===undefined||!!window.operamini||!docElement.getBoundingClientRect),options={autoInit:true,selector:'img[data-src]',blankImage:'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',throttle:99,forceLoad:forceLoad,loadEvent:'pageshow',updateEvent:'load orientationchange resize scroll touchmove focus',forceEvent:'',oninit:{removeClass:'lazy'},onshow:{addClass:classLazyHidden},onload:{removeClass:classLazyHidden,addClass:'lazy-loaded'},onerror:{removeClass:classLazyHidden},checkDuplicates:true},elementOptions={srcAttr:'data-src',edgeX:0,edgeY:0,visibleOnly:true},$window=$(window),$isFunction=$.isFunction,$extend=$.extend,$data=$.data||function(el,name){return $(el).data(name)},$contains=$.contains||function(parent,el){while(el=el.parentNode){if(el===parent){return true}}return false},elements=[],topLazy=0,waitingMode=0;$[lazyLoadXT]=$extend(options,elementOptions,$[lazyLoadXT]);function getOrDef(obj,prop){return obj[prop]===undefined?options[prop]:obj[prop]}function scrollTop(){var scroll=window.pageYOffset;return(scroll===undefined)?docElement.scrollTop:scroll}$.fn[lazyLoadXT]=function(overrides){overrides=overrides||{};var blankImage=getOrDef(overrides,'blankImage'),checkDuplicates=getOrDef(overrides,'checkDuplicates'),scrollContainer=getOrDef(overrides,'scrollContainer'),elementOptionsOverrides={},prop;$(scrollContainer).on('scroll',queueCheckLazyElements);for(prop in elementOptions){elementOptionsOverrides[prop]=getOrDef(overrides,prop)}return this.each(function(index,el){if(el===window){$(options.selector).lazyLoadXT(overrides)}else{if(checkDuplicates&&$data(el,dataLazied)){return}var $el=$(el).data(dataLazied,1);if(blankImage&&el.tagName==='IMG'&&!el.src){el.src=blankImage}$el[lazyLoadXT]=$extend({},elementOptionsOverrides);triggerEvent('init',$el);elements.push($el)}})};function triggerEvent(event,$el){var handler=options['on'+event];if(handler){if($isFunction(handler)){handler.call($el[0])}else{if(handler.addClass){$el.addClass(handler.addClass)}if(handler.removeClass){$el.removeClass(handler.removeClass)}}}$el.trigger('lazy'+event,[$el]);queueCheckLazyElements()}function triggerLoadOrError(e){triggerEvent(e.type,$(this).off(load_error,triggerLoadOrError))}function checkLazyElements(force){if(!elements.length){return}force=force||options.forceLoad;topLazy=Infinity;var viewportTop=scrollTop(),viewportHeight=window.innerHeight||docElement.clientHeight,viewportWidth=window.innerWidth||docElement.clientWidth,i,length;for(i=0,length=elements.length;i<length;i++){var $el=elements[i],el=$el[0],objData=$el[lazyLoadXT],removeNode=false,visible=force,topEdge;if(!$contains(docElement,el)){removeNode=true}else if(force||!objData.visibleOnly||el.offsetWidth||el.offsetHeight){if(!visible){var elPos=el.getBoundingClientRect(),edgeX=objData.edgeX,edgeY=objData.edgeY;topEdge=(elPos.top+viewportTop-edgeY)-viewportHeight;visible=(topEdge<=viewportTop&&elPos.bottom>-edgeY&&elPos.left<=viewportWidth+edgeX&&elPos.right>-edgeX)}if(visible){triggerEvent('show',$el);var srcAttr=objData.srcAttr,src=$isFunction(srcAttr)?srcAttr($el):el.getAttribute(srcAttr);if(src){$el.on(load_error,triggerLoadOrError);el.src=src}removeNode=true}else{if(topEdge<topLazy){topLazy=topEdge}}}if(removeNode){elements.splice(i--,1);length--}}if(!length){triggerEvent('complete',$(docElement))}}function timeoutLazyElements(){if(waitingMode>1){waitingMode=1;checkLazyElements();setTimeout(timeoutLazyElements,options.throttle)}else{waitingMode=0}}function queueCheckLazyElements(e){if(!elements.length){return}if(e&&e.type==='scroll'&&e.currentTarget===window){if(topLazy>=scrollTop()){return}}if(!waitingMode){setTimeout(timeoutLazyElements,0)}waitingMode=2}function initLazyElements(){$window.lazyLoadXT()}function forceLoadAll(){checkLazyElements(true)}$(document).ready(function(){triggerEvent('start',$window);$window.on(options.loadEvent,initLazyElements).on(options.updateEvent,queueCheckLazyElements).on(options.forceEvent,forceLoadAll);$(document).on(options.updateEvent,queueCheckLazyElements);if(options.autoInit){initLazyElements()}})})(window.jQuery||window.Zepto||window.$,window,document);(function($){var options=$.lazyLoadXT;options.selector+=',video,iframe[data-src]';options.videoPoster='data-poster';$(document).on('lazyshow','video',function(e,$el){var srcAttr=$el.lazyLoadXT.srcAttr,isFuncSrcAttr=$.isFunction(srcAttr);$el.attr('poster',$el.attr(options.videoPoster)).children('source,track').each(function(index,el){var $child=$(el);$child.attr('src',isFuncSrcAttr?srcAttr($child):$child.attr(srcAttr))});this.load()})})(window.jQuery||window.Zepto||window.$); //]]></script>
وعندك بعد هذا احدهم
<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://2.bp.blogspot.com/-qSZoOgvUXnc/UPAdKvmulFI/AAAAAAAAAlk/-etkAoXTe1s/s1600/truebloggertricks.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
وسلامتكم

السبت

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

السبت, ديسمبر 28, 2019 0 التعليقات
كيفية تركيب سلايد شو تلقائي على مدونتك؟
نذهب إلى لوحة تحكم المدونة -->> القالب ثم أنقر على تحرير html
الآن نبحث عن الرمز
]]></b:skin>
 ثم نضع الكود التالي فوقه مباشرةً:
/*--------------Slider-------------*/#alwansd{height: 276px;margin: 0 auto;padding: 18px;background: #fbfbfb;width: 1229px;margin-right: -132px;border-bottom: 2px solid #E6E6E6;position: relative;}.alwanw{position: relative;height: 241px;width: 78%;margin: 0 auto;}.alwanw .contentdiv{visibility: hidden;opacity: 1;position: absolute;height: 240px;}.alwan-ps{text-align: right;float: left;width: 490px;height: 13px;margin: 0 auto;}.alwan-ps .toc {float: right;font-size: 0;width: 13px;height: 13px;background: #e74c3c;margin-left: 8px;border-radius: 60px;}.alwan-ps .selected {background: #95A5A6;}.alwan-ps .prev ,.alwan-ps .next{display:none;}.alwan-ps .next:hover{background:url(http://3.bp.blogspot.com/-F8fngEbMepA/UVydrTCbj4I/AAAAAAAAD7Q/scYhb8FHD5U/s1600/next-h.png);}.alwanip{width: 486px;float: left !important;padding: 0 37px 0 0;margin: 0 auto;}.alwanip a{color: #2c3e50;font: 19px DroidKufi-Bold;margin: 0 auto;line-height: 37px;}.post-body img {margin: -1px 0 0 8px;padding: 3px;border: 1px solid #dfdfdf;border-radius: 3px;}.alwanip h6{margin: 0;}.alwanip h6 a:hover {color:#95A5A6;}.alwanip .alwand{color:#fff;}.alwanip p{margin: 0 auto;color: #95A5A6;font-family: hacen_liner;}.alwansf {float: right !important;margin:0 auto;}.alwansf a img {width: 435px;height: 275px;}.alwansf a img:hover{}.alwansf a img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}
الخطوة الثانية نبحث عن الرمز 
</head> 
 ثم نضع الكود التالي فوقه مباشرةً:
< style>@media screen and (max-width : 1024px) {/* CSS FOR TABLETS ------------*/#alwansd{width:100%;margin:0;padding:0;overflow:hidden;}}@media screen and (max-width : 768px) {/* CSS FOR SMALL TABLETS ------------*/#alwansd{width:100%;margin:0;padding:0;overflow:hidden; }}@media screen and (max-width : 640px) {/* CSS FOR IPHONE ------------*/#alwansd{width:100%;margin:0;padding:0;overflow:hidden; }}@media screen and (max-width : 480px) {/* CSS FOR MOBILES ------------*/#alwansd{width:100%;margin:0;padding:0;overflow:hidden; }}@media screen and (max-width : 320px) {/* CSS FOR SMALL OLD MOBILES ------------*/#alwansd{width:100%;margin:0;padding:0;overflow:hidden; }}< /style>< script>//<![CDATA[/* Script from:http://www.madad2.com/ */imgr = new Array();imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";showRandomImg = true;aBold = true;summaryPost = 550; 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;}elseif ("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.substring(0,50)+'...</a></h6><div class="alwand" >'+daystr+'</div><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>'; document.write(trtd); j++;}}//]]>< /script>
غير كلمة تقنية باسم التسمية التي تريد أن تظهر بالسلايد شو بما يناسبك
الرقم 6 هو لعدد المشاركات التي ترغب بأن تظهر بالسلايدر numposts1 = 6;
الآن يجب ان نحدد المكان الذي نرغب بإظهار السلايد شو على سبيل المثال فوق رسائل المدونة الإلكترونية او أسفل الرمز
<div class='content-wrapper'>
 أو الرمز
<div id='main-wrapper'>
 او من خلال التخطيط ثم إضافة أداة javascrpt/html
المهم أن تختار مكان مناسب للسلايد شو ثم لصق الكود التالي:

< b:if cond='data:blog.pageType == &quot;index&quot;'>< div id='alwansd'>< div class='alwanw' id='slider1'>< script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);< /script>< /div>< div class='alwan-ps' id='paginate-slider1'>< /div>< /div>< /b:if>
لكن على السلايد أن يكون موضوع في نفسك المكان كما شاهدته في المعاينة ليظهر بشكل جيد
الخطوة الأخيرة نبحث عن الرمز
</body>
 ثم نضع الكود التالي فوقه مباشرةً:
< script type='text/javascript'>//<![CDATA[
var featuredcontentslider={
//3 variables below you can customize if desired:ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"><img src="loading.gif" /> Fetching slider Contents. Please wait...</div>',bustajaxcache: true, //bust caching of external ajax page after 1st request?enablepersist: true, //persist to last content viewed when returning to page?
settingcaches: {}, //object to cache "setting" object of each script instance
jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.this.turnpage(this.settingcaches[fcsid], pagenumber)},
ajaxconnect:function(setting){var page_request = falseif (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)try {page_request = new ActiveXObject("Msxml2.XMLHTTP")catch (e){try{page_request = new ActiveXObject("Microsoft.XMLHTTP")}catch (e){}}}else if (window.XMLHttpRequest) // if Mozilla, Safari etcpage_request = new XMLHttpRequest()elsereturn falsevar pageurl=setting.contentsource[1]page_request.onreadystatechange=function(){featuredcontentslider.ajaxpopulate(page_request, setting)}document.getElementById(setting.id).innerHTML=this.ajaxloadingmsgvar bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()page_request.open('GET', pageurl+bustcache, true)page_request.send(null)},
ajaxpopulate:function(page_request, setting){if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){document.getElementById(setting.id).innerHTML=page_request.responseTextthis.buildpaginate(setting)}},
buildcontentdivs:function(setting){var alldivs=document.getElementById(setting.id).getElementsByTagName("div")for (var i=0; i<alldivs.length; i++){if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"setting.contentdivs.push(alldivs[i])alldivs[i].style.display="none" //collapse all content DIVs to begin with}}},
buildpaginate:function(setting){this.buildcontentdivs(setting)var sliderdiv=document.getElementById(setting.id)var pdiv=document.getElementById("paginate-"+setting.id)var phtml=""var toc=setting.tocvar nextprev=setting.nextprevif (typeof toc=="string" && toc!="markup" || typeof toc=="object"){for (var i=1; i<=setting.contentdivs.length; i++){phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '}phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')pdiv.innerHTML=phtml}var pdivlinks=pdiv.getElementsByTagName("a")var toclinkscount=0 //var to keep track of actual # of toc linksfor (var i=0; i<pdivlinks.length; i++){if (this.css(pdivlinks[i], "toc", "check")){if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)pdivlinks[i].style.display="none" //hide this toc linkcontinue}pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc linkpdivlinks[i][setting.revealtype]=function(){featuredcontentslider.turnpage(setting, this.getAttribute("rel"))return false}setting.toclinks.push(pdivlinks[i])}else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"pdivlinks[i].onclick=function(){featuredcontentslider.turnpage(setting, this.className)return false}}}this.turnpage(setting, setting.currentpage, true)if (setting.autorotate[0]){ //if auto rotate enabledpdiv[setting.revealtype]=function(){featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])}sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked onfeaturedcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])}setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotationthis.autorotate(setting)}},
urlparamselect:function(fcsid){var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) //check for "?featuredcontentsliderid=2" in URLreturn (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index},
turnpage:function(setting, thepage, autocall){var currentpage=setting.currentpage //current page # before changevar totalpages=setting.contentdivs.lengthvar turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjustif (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedlyreturnsetting.currentpage=turntopagesetting.contentdivs[turntopage-1].style.zIndex=++setting.topzindexthis.cleartimer(setting, window["fcsfade"+setting.id])setting.cacheprevpage=setting.prevpageif (setting.enablefade[0]==true){setting.curopacity=0this.fadeup(setting)}if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")setting.onChange(setting.prevpage, setting.currentpage)}setting.contentdivs[turntopage-1].style.visibility="visible"setting.contentdivs[turntopage-1].style.display="block"if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)this.css(setting.toclinks[setting.prevpage-1], "selected", "remove")if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)this.css(setting.toclinks[turntopage-1], "selected", "add")setting.prevpage=turntopageif (this.enablepersist)this.setCookie("fcspersist"+setting.id, turntopage)},
setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)var targetobject=setting.contentdivs[setting.currentpage-1]if (targetobject.filters && targetobject.filters[0]){ //IE syntaxif (typeof targetobject.filters[0].opacity=="number") //IE6targetobject.filters[0].opacity=value*100else //IE 5.5targetobject.style.filter="alpha(opacity="+value*100+")"}else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntaxtargetobject.style.MozOpacity=valueelse if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntaxtargetobject.style.opacity=valuesetting.curopacity=value},
fadeup:function(setting){if (setting.curopacity<1){this.setopacity(setting, setting.curopacity+setting.enablefade[1])window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50)}else{ //when fade is completeif (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")setting.onChange(setting.cacheprevpage, setting.currentpage)}},
cleartimer:function(setting, timervar){if (typeof timervar!="undefined"){clearTimeout(timervar)clearInterval(timervar)if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown divsetting.contentdivs[setting.cacheprevpage-1].style.display="none"}}},
css:function(el, targetclass, action){var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")if (action=="check")return needle.test(el.className)else if (action=="remove")el.className=el.className.replace(needle, "")else if (action=="add")el.className+=" "+targetclass},
autorotate:function(setting){window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])},
getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pairif (document.cookie.match(re)) //if cookie foundreturn document.cookie.match(re)[0].split("=")[1] //return its valuereturn null},
setCookie:function(name, value){document.cookie = name+"="+value},
init:function(setting){var persistedpage=this.getCookie("fcspersist"+setting.id) || 1var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=indexthis.settingcaches[setting.id]=setting //cache "setting" objectsetting.contentdivs=[]setting.toclinks=[]setting.topzindex=0setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)setting.prevpage=setting.currentpagesetting.revealtype="on"+(setting.revealtype || "click")setting.curopacity=0setting.onChange=setting.onChange || function(){}if (setting.contentsource[0]=="inline")this.buildpaginate(setting)if (setting.contentsource[0]=="ajax")this.ajaxconnect(setting)}
}//]]>< /script>& lt;script&gt;
featuredcontentslider.init({
id: &quot;slider1&quot;, //id of main slider DIV
contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, & quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; 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)}
})
& lt;/script&gt;
نضغط على حفظ القالب ثم نرى النتائج :)
ملاحظة لقد تم إضافة كود لتقليص السلايد شو عند الاجهزة المحمولة للقوالب المتجاوبة في حال لم يكن قالب مدونتك متجاوب قم بحذف الكود في ثاني خطوة باللون الأزرق

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

السبت, ديسمبر 28, 2019 0 التعليقات
اضافات بلوجر
اضافة اداة التعديل والدخول السريع الى اقسام لوحة تحكم المدونة
اضافة رائعة تهم كل مدون
وضروية جدا لاصحاب القوالب المعدلة بالكامل
الاضافة باختصار تتيح الدخول الى اقسام المدونة بسرعة من خلال المدونة نفسها
بدون الحاجة للدخول الى موقع بلوجر
الاضافة تشمل
المنزل - موضوع جديد - احصائيات - كل المشاركات - التعليقات - تخطيط - تحرير HTML
الصفحات - وتسجيل الخروج
طبعا هذه الاضافة تظهر فقط لصاحب المدونة او المشرف عليها
و في كل الصفحات
اي انها لن تسبب اي مشكلة في تصميم المدونة وشكلها العام
يمكن وضعها في اي مكان داخل القالب
عن نفسي وضعتها تحت

<div id='content-wrapper'>
لتصبح بهذا الشكل
اضغط على الصورة للمعاينه 

كود الاضافة

<div dir='rtl' style='text-align: right;' trbidi='on'>< span class='item-control blog-admin'>< /span>< h4 style='text-align: center;'>< span class='item-control blog-admin'>[ لوحة تحكم المدونة ]</span></h4>< span class='item-control blog-admin'>< div id='menu-wrap'>< div id='menu'>< div class='menu'>< ul style='text-align: center;'>

< a href='http://www.blogger.com/home'> المنزل</a>< a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#overview/src=dashboard'>- نظرة عامة </a>< a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#postsstats'>- احصائيات </a>< a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#editor/rel="nofollow'>- موضوع جديد</a>< a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#allposts'>- جميع المشاركات</a>< a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#pageelements'>- تخطيط</a>< a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#templatehtml'>- تحرير HTML</a>< a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#publishedcomments'>- ادارة التعليقات</a>< a href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxx#pages'>- الصفحات</a>< a href='http://www.blogger.com/logout.g'>- تسجيل الخروج</a></ul>< /div>< /div>< /div>< /span></div>

قم بتغيير علامة xxxxxxxxxxxxxx
الى رقم blogID الخاص بك
بالتوفيق

How to Add a Quick Edit Button in Blogger Posts كيفية إضافة زر تحرير سريع في مدون المشاركات

السبت, ديسمبر 28, 2019 0 التعليقات
الامر الموجود في القالب الاصلي بعلامه القلم لتوضيح شاهد الصوره
http://img2.blogblog.com/img/icon18_edit_allbkg.gif 
البحث عن
< b:if cond='data:post.editUrl'>
اضف تحته هذا
<span expr:class='&quot;item-control &quot; + data:post.adminClass'><a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></a></span>
يمكن تعديل الصوره بمقاس 18 
How to Add a Quick Edit Button in Blogger Posts كيفية إضافة زر تحرير سريع في مدون المشاركات 
ووجده هذا الدرس حول الموضوع <<<<<<<< نتابع 
أيقونات التحرير السريع في بلوجر Blogger quick edit tools تعد إحدى اهم أدوات بلوجر للمدونون الغالبية يستخدمونها والبعض لا يحب وجودها ونحن سنلبي بإذن الله رغبة الفئتين وسنتعرف على المشاكل التي تتسب في فقدانها وكيفية حلها وطرق إخفائها وإستعادتها
أولا بالنسبة لمن لا يحبون وجود تلك الأدوات يمكنك حل تلك المشكله بسهولة
أدخل على صفحة تحرير قالبك
إبحث عن الوسم
<b:skin>
أضف تحته الكود التالي
.quickedit{display:none;}
أما من فقدها ولا يجدها في مدونته هذه طرق الإستعادة
أولا قد يكون الفقد بسبب ان مصمم القالب قد اضاف الكود السابق لذا سنفعل نفس الخطوات ولكن هذه المرة سنبحث عن الكود ونحذفه من القالب
ماذا لو بحثت عن الكود ولم تجده إذا قد يكون السبب في إختفائها هو أن الاكواد تم حذفها
والحل نبحث عن أحد هاذين الكودين
<div class='post-header-line-1'/>
أو
<div class='post-footer'>
ونضيف الكود التالي تحت أحدهما ملحوظة إن وجدت الكود التالي في قالبك فلا تضفه مرة أخرى وإنتقل للمرحلة التالية
<!-- quickedit pencil -->< b:include data='post' name='postQuickEdit'/>
ثم نذهب ونفعل آداة تحرير الرسائل 
ندخل صفحة التخطيط في إدارة المدونة
ثم نقوم بالتالي 
قمت بكل ما سبق ولم يحدث شئ وكل ادوات التحرير مخفية
سواء تحرير الرسائل  أو تحرير الأدوات 
هذه المشكلة ظهرت في الفترة الأخيرة بعد ظهور الواجهة الجديدة لبلوجر
وقد واجهت تلك المشكلة لفترة ولم اجد الحل الى أن وجدته قدراً وأنا أعدل احد القوالب وسأشارككم به
يبدو أنه قد أصبحت تلك الأدوات مرتبطة بإضافة الشريط العلوي لمدونات بلوجر
إن كان قالبك مفقود فيه الشريط العلوي Navbar لن تظهر آدوات التحرير السريع
والحل أن نضيف الـ Navbar ونقوم بإخفاءه لا حذفه لان الحذف يضيع أدوات التحرير
قم بالدخول لصفحة تحرير قالبك علم على خانة توسيع العناصر ولا تنسى أخذ نسخة إحتياطية من قالبك
ثم إبحث عن الوسم 
</head>
وأضف تحته الكود التالي
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'><b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/></b:section>
إن كان الشريط ظاهر في مدونتك وتريد إخفائه أصف الكود التالي فوق
 <b:skin> 
#navbar {height: 0px;visibility: hidden;display: none;}
هذه تقريبا هي كل ما يصادف من مشاكل مع أدوات التحرير ومن لديه إضافة على ما سبق 
يشاركنا بها في تعليق تحياتي

إضافة خاصية ترقيم الصفحات حسب لون مدونتك Pagination 5

السبت, ديسمبر 28, 2019 0 التعليقات
السلام عليكم و رحمته الله تعالى و بركاته 
في هذه التدوينة إن شاء الله سنتطرق إلى كيفية عمل ترقيم الصفحات أسفل المواضيع التي تظهر في الصفحة الرئيسية و أيضا في باقي صفحات مدونتك على بلوجر..و هذا لجعل مدونتك أكثر جمالية و ايضا لجعل الزائر لا يغادر مدونتك عند رؤية عدد من المواضيع المحدودة التي تظهر في صفحة مدونتك الرئيسية ..
و الأغلبية الكبيرة من الزوار لا يعرفون معنى كلمة " رسائل أقدم " و رسائل أحدث " التي تكون أسفل التدوينات على بلوجر ..و وضع ترقيم الصفحات هو الأكثر شمولية و معرفة لدى جميع الزوار لقراءة جميع مواضيعك على مدونتك..
إذا رغبت في إضافة الهاك 
 
توجه إلى لوحة تحكم مدونتك على بلوجر...ثم إضغط توسيع القوالب...قم بأخذ نسخة إحتياطية لتجنب اي خطأ..ثم ابحث عن الكود التالي 
</body>
 ثم ضع قبله مباشرة هذا الكود:
<!-- PAGE NAVIGATION STAR-->< script type='text/javascript'>var home_page=&quot;/&quot;;var urlactivepage=location.href;var postperpage=6;var numshowpage=6;var upPageWord =&#39;&#9668;&#39;;var downPageWord =&#39;&#9658;&#39;;</script>
الأن سنقوم بتخصيص الإضافة بعدد التدوينات المرغوب في ظهورها
ابحث داخل الكود الذي اضفناه عن 
var postperpage=6;
و قم بتغيير الرقم 6 لعدد المواضيع التي ترغب في ظهورها على الصفحة الرئيسية لمدونتك 
ثم ابحث في الكود 
var numshowpage=6;
قم بتغيير الرقم 6 إلى عدد المواضيع التي تريد ظهورها في باقي صفحات مدونتك 
الأن نمر إلى الخطوة الثالثة و الأخيرة إن شاء الله و هي تخصيص الإضافة لتظهر باللون المتطابق للون مدونتك
قم بالبحث عن الكود التالي
]]></b:skin>
ثم قم بوضع إحدى هذه الأكواد قبله مباشرة **ملاحظة قم باختيار الكود المطابق للون مدونتك فقط لون واحد 
๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑ 
اللون الأخضر 
  padding: 3px 8px;  margin:0 4px;  text-decoration: none;  border:1px solid #999;  -webkit-border-radius:3px;-moz-border-radius:3px;  background: #3F8657;  color:#fff;  }.showpageOf { margin:0 8px 0 0;}.showpageNum a:hover {  border:1px solid #888;  background: #ccc;  }.showpagePoint {   color:#fff;  text-shadow:0 1px 2px #333;  padding: 3px 8px;  margin: 2px;  font-weight: 700;  -webkit-border-radius:3px;-moz-border-radius:3px;  border:1px solid #999;  background: #F1BA24;  text-decoration: none;  }
๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑
اللون الأزرق 
  padding: 3px 8px;  margin:0 4px;  text-decoration: none;  border:1px solid #999;  -webkit-border-radius:3px;-moz-border-radius:3px;  background: #3B5998;  color:#fff;  }.showpageOf {margin:0 8px 0 0;}.showpageNum a:hover {  border:1px solid #888;  background: #ccc;  }.showpagePoint {  color:#fff;  text-shadow:0 1px 2px #333;  padding: 3px 8px;  margin: 2px;  font-weight: 700;  -webkit-border-radius:3px;-moz-border-radius:3px;  border:1px solid #999;  background: #F1BA24;  text-decoration: none;  }  
๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑ 
اللون البرتقالي 
  padding: 3px 8px;  margin:0 4px;  text-decoration: none;  border:1px solid #999;  -webkit-border-radius:3px;-moz-border-radius:3px;  background: #7B3A11;  color:#fff;  }.showpageOf { margin:0 8px 0 0;}.showpageNum a:hover {  border:1px solid #888;  background: #ccc;  }.showpagePoint {   color:#fff;  text-shadow:0 1px 2px #333;  padding: 3px 8px;  margin: 2px;  font-weight: 700;  -webkit-border-radius:3px;-moz-border-radius:3px;  border:1px solid #999;  background: #F1BA24;  text-decoration: none; }
๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑  
اللون الرمادي 
  padding: 3px 8px;  margin:0 4px;  text-decoration: none;  border:1px solid #999;  -webkit-border-radius:3px;-moz-border-radius:3px;  background: #52575C;  color:#fff;  }.showpageOf { margin:0 8px 0 0;}.showpageNum a:hover {  border:1px solid #888;  background: #ccc;  }.showpagePoint {   color:#fff;  text-shadow:0 1px 2px #333;  padding: 3px 8px;  margin: 2px;  font-weight: 700;  -webkit-border-radius:3px;-moz-border-radius:3px;  border:1px solid #999;  background: #F1BA24;  text-decoration: none;  }
๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑ 
لون بنفسجي 
  padding: 3px 8px;  margin:0 4px;  text-decoration: none;  border:1px solid #999;  -webkit-border-radius:3px;-moz-border-radius:3px;  background: #8B2F73;  color:#fff;  }.showpageOf { margin:0 8px 0 0;}.showpageNum a:hover {  border:1px solid #888;  background: #ccc;  }.showpagePoint {   color:#fff;  text-shadow:0 1px 2px #333;  padding: 3px 8px;  margin: 2px;  font-weight: 700;  -webkit-border-radius:3px;-moz-border-radius:3px;  border:1px solid #999;  background: #F1BA24;  text-decoration: none;  }
 إنتهى الدرس أتمنى أن تتوفقوا  في تطبيقه
و السلام عليكم ورحمة الله
إضافة خاصية أرقام أسفل المواضيع حسب لون مدونتك بألوان متعددة
في هذه التدوينة إن شاء الله سنتطرق إلى كيفية عمل ترقيم الصفحات أسفل المواضيع التي تظهر في الصفحة الرئيسية و أيضا في باقي صفحات مدونتك على بلوجر..و هذا لجعل مدونتك أكثر جمالية و ايضا لجعل الزائر لا يغادر مدونتك عند رؤية عدد من المواضيع المحدودة التي تظهر في صفحة مدونتك الرئيسية 

تعريب وتطوير هايف السـ العجمي ـفراني