خدمات ويب و Blogger

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

الاثنين

كود السآعة والتآريخ هجري وميلآدي بشكل رآئع

الاثنين, يونيو 22, 2020 0 التعليقات
اضافه جافا سكربت بالمكان المناسب
https://blog-hkrkoz.blogspot.com/p/blog-page_0.html
<!-- بدآية كود آلتآريخ هجري وميلآدي -->
<div class="smallfont" align="center">
<div align="center">
<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" class="tborder" width="58%" id="table2"> 
           <tr> 
           <td class="alt1"> 
           <div class="alt2Active" style="padding:6px; border:1px inset; overflow:auto"> 
             <div id="postmenu_344900"> 
<center><script language="JavaScript"> 
var fixd;
function isGregLeapYear(year){
return year%4 == 0 && year%100 != 0 || year%400 == 0;}
function gregToFixed(year, month, day){
var a = Math.floor((year - 1) / 4);
var b = Math.floor((year - 1) / 100);
var c = Math.floor((year - 1) / 400);
var d = Math.floor((367 * month - 362) / 12);
if (month <= 2)
e = 0;
else if (month > 2 && isGregLeapYear(year))
e = -1;
else
e = -2;
return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;}
function Hijri(year, month, day){
this.year = year;
this.month = month;
this.day = day;
this.toFixed = hijriToFixed;
this.toString = hijriToString;}
function hijriToFixed(){
return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;}
function hijriToString(){
var months = new Array("محرم","صفر","ربيع أول","ربيع ثانى","جمادى أول","جمادى ثانى","رجب","شعبان","رمضان","شوال","ذو القعدة","ذو الحجة");
return this.day + " " + months[this.month - 1]+ " " + this.year;}
function fixedToHijri(f){
var i=new Hijri(1100, 1, 1);
i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);
var i2=new Hijri(i.year, 1, 1);
var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1;
i.month = Math.min(m, 12);
i2.year = i.year;
i2.month = i.month;
i2.day = 1;
i.day = f - i2.toFixed() + 1;
return i;}
var tod=new Date();
var weekday=new Array("الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت");
var monthname=new Array("يناير","فبراير","مارس","إبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر");
var y = tod.getFullYear();
var m = tod.getMonth();
var d = tod.getDate();
var dow = tod.getDay();
document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y);
m++;
fixd=gregToFixed(y, m, d);
var h=new Hijri(1421, 11, 28);
h = fixedToHijri(fixd);
document.write(" ميلادى - " + h.toString() + " هجرى &nbsp;&nbsp;");
var s=tod.getSeconds(); 
var m=tod.getMinutes(); 
var h=tod.getHours(); 
var am_pm; 
if (s<10) {s="0" + s} 
if (m<10) {m="0" + m} 
if (h>12) {h-=12;am_pm = "مساءً."} 
else {am_pm="صباحاً."} 
if (h<10) {h="0" + h}
document.write("  الساعة الان " + h + ":" + m + ":" + s + " " + am_pm);
</script></center> 
           </td> 
         </tr> 
     </table>
<!-- بدآية كود آلتآريخ هجري وميلآدي -->
وسلامتكم

مشابهه بدون رابط 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>
وسلامتكم

بنرات تتغير مع تحديث الصفحة 3 صور برابط

الاثنين, يونيو 22, 2020 0 التعليقات
مع كل تحديث للزائر أو بنرات أذكار تتجددد مع تحديث الصفحات
أو حتى تبادل إعلاني يتجدد مع التحديث أشياء كثيرة والإضافة سهله جداً في الإستخدام ويمكن التعامل معها بسهولة 
كود الإضافة يمكنك إضافته الى آداة HTML/JavaScript 
<SCRIPT LANGUAGE="Javascript">
function banner() {
};
banner = new banner();
number = 0;
banner[number++] = "<a href='الرابط' target='_blank'><img src='رابط الصورة' border='0'></a>"
banner[number++] = "<a href='الرابط' target='_blank'><img src='رابط الصورة' border='0'></a>"
banner[number++] = "<a href='الرابط' target='_blank'><img src='رابط الصورة' border='0'></a>"
increment = Math.floor(Math.random() * number);
document.write(banner[increment]);
</SCRIPT>

غير كما شئت في الكود ولإضافة مكان لصورة ببساطة قم بتكرار الكود
ولتعديل حجم أي صورة أو كل الصور فقط أضفا لكود التالي width='80' height='50'
بجانب border='0' 
80 هو رقم العرض 50 رقم الإرتفاع
وهذا مثال حي جرب تحدث الصفحة وستجد البانر تغير
<SCRIPT LANGUAGE="Javascript">
function banner() {
};
banner = new banner();
number = 0;
banner[number++] = "<a href='الرابط' target='_blank'><img src='https://lh4.googleusercontent.com/-iBrQ_-AXMjU/UQqVI-MGLbI/AAAAAAAAAcM/Co7g4CmYoqA/s468/changedb3.gif' border='0'></a>"
banner[number++] = "<a href='الرابط' target='_blank'><img src='https://3.bp.blogspot.com/-BC5R0OiPKNc/WO_ziwear0I/AAAAAAAAL9s/OnBtLL8AZL45TBx0omvJFqEPrekyygBdgCLcB/s1600/header-BsmlH-footer.gif' border='0'></a>"
banner[number++] = "<a href='الرابط' target='_blank'><img src='https://www.elegantthemes.com/affiliates/media/banners/divi_728x90.jpg' border='0'></a>"
increment = Math.floor(Math.random() * number);
document.write(banner[increment]);
</SCRIPT>

 وسلامتكم

كود مساحه اعلانيه او صفحات اصدقائك

الاثنين, يونيو 22, 2020 0 التعليقات
اضافه جافا سكربت وحطه بالمكان المناسب
<div class="widget-content">
<style type="text/css">
#text-ads-kw {
margin: auto;
}
#text-ads-kw a {
background: #eee;
color: #333333 !important;
padding: 8px;
margin-top: 5px;
font-family:inherit;
font-size: 16px;
display: block;
border: 1px solid #2c97de;
text-align: center;
text-decoration: none;
transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
#text-ads-kw a:hover {
    background: #f56954;
    color: #ffffff !important;
    border: 5px solid #EEE;
}
</style>
<center>
<div id="text-ads-kw">
<a href="رابط صفحتك" target="_blank">وصفه </a>
<a href="الرابط" target="_blank">مساحة إعلانية مجانية للتبادل</a>
<a href="الرابط" target="_blank">مساحة إعلانية مجانية للتبادل</a>
<a href="الرابط" target="_blank">مساحة إعلانية مجانية للتبادل</a>
<a href="الرابط" target="_blank">مساحة إعلانية مجانية للتبادل</a>
</div>
</center>
</div>
وسلامتكم

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