دليل المدون

2011-11-30

مكتبة أكواد javascript,Html

 بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين


هذه مجموعة هامة من أكواد الجافاسكريبت و html لمصممى المواقع والمدونات 

javascript,Html


أولاً :أكواد النصوص  
كود النص العريض
<b>اكتب النص هنا </b>

كود تحديد اتجاه النص  

<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>

كود التحكم فى حجم الخط ولونه ونوعه
<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>

أكواد الألوان موجودة هـــــــــنـــــاااااااااا
كود نص يتحرك لأعلى
<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">


<center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2
<br>مدونة كن داعيا للخير 3
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4
<br>......</center>
</marquee>

كود نص يتمدد وينكمش
<table align="center" width="98%"><tr><td>

<HTML>
<HEAD>
<script language="JavaScript">
var sizes = new Array("0px", "1px", "2px", "3px", "4px");
sizes.pos = 0;
function elast() {
var el = document.all.elastic;
if (null == el.direction)
   el.direction = 1;
else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos))
   el.direction *= -1;
   el.style.letterSpacing = sizes[sizes.pos += el.direction];
}
setInterval('elast()', 100)
</script>
</HEAD>
<BODY>
<h1 align="center" id="elastic"><font size="3">مدونة كن داعيا للخير</font></hi>
</BODY>
</HTML></td></tr></table>

كود نص متأرجح يميناً ويسارا
<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">مدونة كن داعيا للخير</marquee>

كود إظهار نصوص بها روابط بالتناوب
<div style="position:relative;center:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>
</div>
<script type="text/javascript">
var tickercontents=new Array()
tickercontents[0]='مدونة كن داعيا للخير <a href="http://conda3ianllkhir.blogspot.com/"rel="nofollow" target="_blank">text</a>'
tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>


كود نص متحرك
<div align="center">
<table border="0" width="100%" style="border-collapse: collapse">
<tr><td class="alt1" colspan="3"><b>
<font size="4" color="000000">
<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة كن داعيا للخير </marquee></font></b></td>
</tr></table></div>

كود شريط متحرك مع روابط

<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">
<a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------
 </marquee>
  
كود نص يضئ بالتدريج


<h2>
<script language="JavaScript1.2">



var message="مدونة كن داعيا للخير"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>
</font></p>

كود نص يضئ بألوان مختلفة
<b>
<font size="5">
<script>

// ********** عدل هنا

var text="مدونة كن داعيا للخير" 
var speed=80 // سرعه تغير الالوان

// ********** لا تعدل شي هنا


if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>
</font></p>

ثانياً :  أكواد الصور


كود إضافة صورة
<img src="رابط الصورة" >

كود صورة مع رابط
<CENTER><a href="الرابط">
<img src="رابط الصورة" width="30" height="80" border="2" align=" middle" /></a></CENTER>

 كود تغيير الصور تلقائيا

<center><style type="text/css">
#pscroller1{
font-size: 14px;
font-family: Tahoma;
width: 250px;
height: 250px;
border: 0px solid black;
padding: 5px;
background-color: white;
}

</style>

<script type="text/javascript">

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]='<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJsFbktF5SIAnJ5zYC_dKbIhqS68vvloKoBhdYw6qDMLGta_Mt0nTKMh7EUlsJXT_uNsuMv5aUnUUjDbN7-145KwG_uLmzdlztD-Y8OXw7CbL9ebPz1PbX5O4Ac3H-JzvNpxUnOeca1eTg/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif">'
pausecontent[1]='<img border="0" src="رابط الصورة 2">'
pausecontent[2]='<img border="0" src="رابط الصورة 3">'
pausecontent[3]='<img border="0" src="رابط الصورة 1">'
</script>

<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")

</script>
</center>


 كود صور متحركة
<img 
src="رابط الصورة المتحركة" 
onload="NcodeImageResizer.createOn(this);" border="0" 
originalWidth="250" originalHeight="270">


كود شريط الصور المتحرك مع روابط


يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى  down أو right أو lift


<center/>
<div class="textwidget"><marquee direction="up" width="115" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="125" align="left"><br /> <a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة كن داعيا للخير" width="115" src="http://img12.imageshack.us/img12/914/75539242.png" height="115" /></a>
<br/>
<a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة كن داعيا للخير" width="115" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJsFbktF5SIAnJ5zYC_dKbIhqS68vvloKoBhdYw6qDMLGta_Mt0nTKMh7EUlsJXT_uNsuMv5aUnUUjDbN7-145KwG_uLmzdlztD-Y8OXw7CbL9ebPz1PbX5O4Ac3H-JzvNpxUnOeca1eTg/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif"height="115" /></a>
<br/>
<a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة" height="115" /></a>
<br/>

<a href="
ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="
رابط الصورة"height="115" /></a>
<br/>

<a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورةرابط الصورة" height="115" /></a>
<br/>

<a href="ضع الرابط هنا/search?updated-max=2011-07-26T10%3A47%3A00-07%3A00&max-results=7
" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة
"height="115" /></a>
" width="115" src="
<p/></p></marquee></div></center>



 ثالثاً : أكواد الروابط

كود إضافة رابط
<a href="ضع الرابط هنا">Nom du site</a> 

فتح الرابط في نافذة جديدة
 
<a href="ضع الرابط هنا" target="_blank">Nom du site</a> 

فتح الرابط في نفس النافذة

<a href="ضع الرابط هنا" target="_self">Nom du site</a> 


لون الرابط
<a style="color:اسم اللون باللغة الانجليزية;" href="رابط الموقع">Nom du site</a> 

رابعا:أكواد إسلامية


كود القرآن الكريم  ويمكن معاينة المصحف من  هنــا

<center><iframe align="center" allowtransparency="1" frameborder="0" height="334" id="IW_frame_1438" scrolling="no" src="http://www.tvquran.com/add/index.htm" width="302"></iframe></center></div>

شريط الحديث والدعاء
<iframe
 align="center" 
src="http://www.wathakker.net/outdoor-strip-marquee.html" 
frameborder="0" allowtransparency="1" scrolling="no" width="474" 
height="41" vspace="0"></iframe>
تابع أيضًا: 

كود أذكار الصباح والمساء

خامسا:أكواد إخبارية
أخبار BBC
  <iframe name="I1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://news.bbc.co.uk/hi/arabic/news/ticker.stm"></iframe>
  
  

شريط العربية نت 
<div width="600"><script src="http://www.alarabiya.net/ara_v_ticker.html"></script></div>


سادسا:سكربتات متنوعة


كود وضع الفلاش
(يمكن التحكم فى الطول والعرض بتغيير قيم width,height)
<object width="150" height="340">
<param value="MYFLASH.swf" name="movie"/>
<embed width="150" src="URL OF MYFLASH.swf" height="340">
</embed>
</object>

كود إضافة صفحة موقع داخل صفحة موقعك
<div dir="rtl" style="text-align: right;" trbidi="on">
<iframe height="500" src="رابط الموقع" width="600"></iframe></div>

</div>

سكربت طباعة الصفحة
 <a href="javascript:window.print()">اطبع هذه الصفحة</a>
  

سكريبت آلة حاسبة
<SCRIPT>
function compute(obj) 
   {obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string) 
   {obj.expr.value += string}
function clear(obj) 
   {obj.expr.value = ''}
                      </SCRIPT>
       <FONT COLOR="#CC0000" face="Arial"><P><B>الألة الحاسبة 
                        الإلكترونية</B></P></FONT>
      <FORM name="calc">
                        <DIV align="center">
       <TABLE border="1" bgcolor="#0033CC">
                          <TR>
                            <TD colSpan="4"><INPUT size=30 
                              name=expr action="compute(this.form)"></TD></TR>
                          <TR>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, seven)" type=button value="  7  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, eight)" type=button value="  8  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, nine)" type=button value="  9  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, divide)" type=button value="   /  "></P></TD></TR>
                          <TR>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, four)" type=button value="  4  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, five)" type=button value="  5  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, six)" type=button value="  6  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, multiply)" type=button value="  *  "></P></TD></TR>
                          <TR>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, one)" type=button value="  1  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, two)" type=button value="  2  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, three)" type=button value="  3  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, minus)" type=button value="   -  "></P></TD></TR>
                          <TR>
                            <TD bgColor="#000033" colSpan=2>
                              <P><INPUT onclick="enter(this.form, zero)" type=button value="       0       "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, decimal)" type=button value="   .  "></P></TD>
                            <TD bgColor="#000033">
                              <P><INPUT onclick="enter(this.form, plus)" type=button value="  +  "></P></TD></TR>
                          <TR>
                            <TD bgColor="#000033" colSpan=2>
                              <P><INPUT onclick=compute(this.form) type=button value="   =   "></P></TD>
                            <TD bgColor="#000033" colSpan=2>
                              <P><INPUT onclick=clear(this.form) type=reset value=AC>
         </P></TD></TR></TABLE></DIV></FORM>
         <P align="center">
                              <FONT face="Courier , New tahoma , erdana, arial, helveticav" size="2"
                              color="#0000FF"><B><A target="_blank" 
  
  
  

تابع أيضا

أكواد الساعات



تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 70 تعليقًا

  1. أختي الكريمة المتألقة ..

    أسأل الله عز وجل أن يجزيكِ عنا خير الجزاء ..

    مدونة جميلة وداعية الى الخير والمعرفة .. وأتمنى ممن يستقي منها أن يجعلها في طاعة الله عز وجل وأن يدعو الى أختنا الفاضلة مع ذكر المصدر ..

    دمتِ في حمى الرحمن ..

    ردحذف
  2. جزاك الله خيرا اخى الكريم

    ردحذف
  3. مدونة رائعة وسأتابعها باذن الله .. جزاكى الله كل خير

    ردحذف
  4. سؤؤؤال ؟؟ ياخوي انا تطلع عندي بالجافا مربعات هذي هي المشكله http://www.a17up.com/files/56750.jpg
    ابي حل ياليت نظام الجهاز ويندوز سفن ياليت المساعده

    ردحذف
  5. بارك الله فيك أختي في الله ومكتبة أكواد جميلة ومدونة هادفة وتستحق المتابعة
    شكراً اليك...

    ردحذف
  6. بارك الله لكم جهودكم الطيبة

    ردحذف
  7. تمنياتي لكم بالتوفيق والخير من الأعماق

    ردحذف
  8. تم تنفيذ بعض الاكوااااد رائعه اختي الكريمه سلمت يداكي

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

    ردحذف
  10. السلام عليكم أختي الكريمة
    أريد وضع لوحة المفاتيح للغة العربية في موقعي بحيث يستطيع الطلاب استخدامها في الكتابة باللغة العربية لان طلابي من غير العرب.
    هل يمكن توضيح كيف عمل هذا

    ردحذف
  11. جزاكم الله كل خير على مروركم الكريم

    ARABIC ONLINE
    بالنسبة للكيبورد أون لاين تجد الكود فى هذا الموضوع

    http://conda3ianllkhir.blogspot.com/2012/09/keyboard-online.html

    ردحذف
  12. مشكور اخي وبارك الله فيك
    http://adsgooglead.blogspot.com/

    ردحذف
  13. السلام عليكم ورحمه الله وبركاته ... في البدايه احب ان اهنئكم علي هذا التقدم الرائع .. واتمني دوام التقدم والازدهار
    ثانيا : بعد اذنكم انا عاوز اعرف ازاي اضع عنوان الاداه او الاضافه في شكل جميل ( شريط )
    مدونتي : مدونه انسان
    http://4el-helm.blogspot.com/

    ردحذف
  14. مشكووور
    http://tatarxwar.blogspot.com/

    ردحذف
  15. أكواد مهمه فعلا ومدونه ممتازه ، أتشرف بزيارتك لمدونتى الجديده
    http://add2blogs.blogspot.com

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

    ردحذف
  17. أفضل شرح لإضافة تعليقات الفيس بوك على هذا الرابط
    http://www.doaib.com/2011/06/how-to-add-facebook-comment-box-to.html

    ردحذف
  18. مشكورة على مجودك الجميل واتبعت الشرح والخطوات ولاكن لم يضاف شيبا وتبقى تعليقات البلوج فقط

    ردحذف
  19. كما عودتنا مواضيع احترافية اخي

    ردحذف
  20. مشكور على كل مجهود يثري ساحة التدوين
    أتشرف بزيارة مدونتي
    http://newsdarchioukh.blogspot.com/

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

    ردحذف
  22. تبارك الرحمن جعلك الله منبار خير دوما
    متابعين معك بإذن الله

    ردحذف
  23. السلام عليكم
    انا عندى المشكلة دى
    تتضمن صفحتك ٣ من موارد النصوص البرمجية للحظر و٤ من موارد CSS للحظر. يؤدي هذا إلى تأخير في عرض الصفحة.
    يمكن عرض ١٪ تقريبًا من المحتوى في الجزء العلوي في صفحتك بدون انتظار تحميل أي من الموارد التالية. ويمكنك محاولة التأجيل أو تحميل موارد الحظر بشكل غير متزامن أو تضمين الأجزاء المهمة من هذه الموارد مباشرة بتنسيق HTML.
    إزالة حظر عرض جافا سكريبت:
    https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
    استخدام الإصدارات غير المتزامنة للنصوص البرمجية التالية:
    http://apis.google.com/js/plusone.js
    https://apis.google.com/js/plusone.js
    تحسين تسليم CSS لما يلي:
    http://fonts.googleapis.com/css?family=Oswald
    http://www.blogger.com/static/v1/widgets/3668739389-widget_css_bundle_rtl.css
    http://www.blogger.com/dyn-css/authorization.css?targetBlogID=8385180864047968875&zx=675d75ec-6249-438a-adca-82edaf486795
    http://themes.googleusercontent.com/fonts/css?kit=vLVN2Y-z65rVu1R7lWdvyIpV-QMqvBCZh8vrjY0FYwI
    ده غير ان اكواد الجافا سكريب عندى عاوزة تضغط ارجو المساعدة فى الموضوع ده و شكرا

    ده الموقع بتاعى www.3ouoon.com
    علشان لو لاقيتم حل للمشكلة دى تكلمونى من عليه او من الجوجل بلس بتاعى علشان انا بعت السؤال لكذا حد و مش عرفة ان كونت هعرف ارجع تانى ولا لا

    ردحذف
  24. الله ينورو جزاكم الله خيرا ً

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

    ردحذف
  26. @ اللجنة النسائية في المدينة المنورة
    وعليكم السلام ورحمة الله وبركاته
    يمكن ذلك من خلال عمل صفحة Html وإضافة إستبيان بها

    ردحذف
  27. شكرا على المجهودات بالفعل كل شيء مفيد في هده المدونة
    لقد وضعت قالبا و بعد التطبيقات في مدونتي اتمنا أن تنال إعجابكم
    شاهدوها و افيدونا بمعلومات عن اصلاح المزيد
    http://technologie-general.blogspot.com/

    ردحذف
  28. مشكور علي الطرح الرائع وكل ما تقدم من شرح وافي
    مدونتي
    القصير للبرامج المجانية
    http://bramjfreee.blogspot.com

    ردحذف
  29. chokran okhty lkarima jazaki lah khayran

    ردحذف
  30. والله يا اختى شرحك مفهوم ومفصل متشكر

    ردحذف
  31. محتاجه كود اضعه في مدونتي بحيث يحدث تغريداتـي .؟؟!

    ردحذف
  32. @ skittles
    كيف تضيف أدوات تويتر الرسمية إلى موقعك بدون تعقيد
    إقرأ المزيد http://www.condaianllkhir.com/2014/01/twitter-widgets.html#ixzz3I3rXEGTS

    ردحذف
  33. اريد كود عرض صورة عند الضغط عليها تصبح صورة اخرى
    اريد ان استعمله لزر تكون صورة الزر بارز وعند الضغط عليه يدخل الى الداخل..

    ردحذف
  34. @ عمر عثمان
    سأعرض الكود قريبا بإذن الله
    وهذه بعض أكواد الأزرار
    http://www.condaianllkhir.com/2011/11/javascripthtml.html#ixzz3IzaalolT
    ...شكرا لمتابعتك

    ردحذف
  35. موضوع اكثر من رائع وبعد اذنك ان اعرض الموضوع بمدونتى مع ذكر المصدر طبعا
    وشكرا بانتظار الرد

    ردحذف
  36. وهذة مدونتى للموافقه على نقل الموضوع ام لا
    http://alyfouaad.blogspot.com/
    وشكرا

    ردحذف
  37. @ aly fouaad
    لامانع من نشر الموضوع مع ذكر المصدر المرفق بالرابط المباشر للموضوع
    شكرا لمتابعتك

    ردحذف
  38. شكرا وبارك الله فيك علي مجهود القيم يعطيك الف عافية والله يسعدك

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

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

    ردحذف
  40. اختي الكريمة
    انا جديد ب امور البرمجة و ما شابه

    شرحك اعتقد في قمة الروعة و السهولة ولكن اعذري سؤالي فانا مبتدء

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

    ردحذف
  41. شكرا لك على الموضوع الرائع اتمنى زيارتي هنا :
    مدونة معراج

    ردحذف
  42. شكرا لمتابعتكم جميعا
    @Ali Eskandar
    إذا كان موقعك على بلوجر فم بإضافة أداة HTml and javascript من تخطيط الصفحة ثم انسخ بها الأكواد

    ردحذف
  43. اختي الكريمة اريد ان استعير وانشر الاواد في مدونتي هل تقبلين؟
    http://sweity1.blogspot.com/

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

      حذف
  44. جزاك الله الف خير ي باشا..موقع جميل وشرح سلس جدا

    ردحذف
  45. شكرا على المجهودات بالفعل كل شيء مفيد في هده المدونة
    جزاك الله الف خير ي والله موقع جميل بس حذه الاكواد كيف في القلب

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

      حذف
  46. أسأل الله عز وجل أن يجزيكِ عنا خير الجزاء ..

    مدونة جميلة وداعية الى الخير والمعرفة .. وأتمنى ممن يستقي منها أن يجعلها في طاعة الله عز وجل وأن يدعو الى أختنا الفاضلة مع ذكر المصدر ..

    دمتِ في حمى الرحمن ..

    إقرأ

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

    ردحذف
    الردود
    1. بالنسبة لمحرك البحث يمكن إنشاء محرك بحث مخصص من خلال هذا الرابط https://cse.google.com/cse/tools/create_onthefly?hl=ar
      بالنسبة للفلاش فحاليا معظم المتصفحات لا تسمح بتشغيل تلقائى للفلاش فتأكد من إعدادات المتصفح ، وممكن تكون المشكلة بسبب بطء تحميل الفلاش فذلك أيضًا يسبب ظهور المساحة البيضاء

      حذف
  48. بارك الله فيك اخي الكريم
    انت معلم ومنك نتعلم


    اكواد

    ردحذف
  49. بارك الله فيك موضوع رائع

    Invent Zone AIO Blog
    invent-zone.blogspot.com

    ردحذف
  50. يعطيكم العافية وبارك الله فيكم ... اتمنى مساعدتي في عمل باك لينك لمدونتي وهذا رابط المدونة ... وجزاكم الله كل خير
    http://sahawhana.blogspot.com/

    ردحذف
    الردود
    1. بارك الله فيك ولكن من الأفضل هو إنشاء باك لينك من موقع بنفس مجال موقعك كما شرحت بهذا الموضوع
      أنواع الباك لينك

      حذف
  51. السلام عليكم محتاج كود فلاش 3 دي باكثر من نمط اذا بتقدري توفري لي اختي لمدونتي وتسلمي عالشرح ... جربت الطريقة وبحذافيرها بس مع الاسف م ظبطت معاي

    ردحذف
    الردود
    1. للأسف بعد التحديثات الأخيرة أصبحت معظم المتصفحات لا تدعم الفلاش

      حذف
  52. اكواد رائعة ممكن تابعون موقعي
    http://gamearab20.blogspot.com/

    ردحذف
  53. سلام عليكم
    في القائمة متجر اريد عرض مجموعة من المدونات عل موقعي اقصد داخل موقعي اي الاحتفاظ بشريط القائمة في الاعلى
    موقعي http://elmaktoob.com/matjar213/
    ممكن مساعدة الله يحفظك

    ردحذف
  54. يمكن ذلك عن طريق التعديل على القالب بتكرار الكود الذى يتضمن محتويات القائمة وكتابة الروابط التى تريدها بها

    ردحذف
  55. ممكن تفسير هذا التساؤل الذي وردني في ذهني وليس بفضول ماشاء الله وتبارك الله، لاحظت أن مدونة كن داعيا للخير لا تستخدم إعلانات جوجل أدسنس منذ مدة ، ممكن أعرف السبب وما الدافع لتبديلها بإعلانات شركة حسوب؟ جزاك الله خيرا واستسمح إن نشرت هذا التعليق في المكان الغير مخصص له :)

    ردحذف
    الردود
    1. لا مشكلة ..السبب هو عدم التفرغ لمراجعة الاعلانات

      حذف
  56. جزاكم الله خيراً ممكن كود لتثبيت القائمة العليا للروابط في موقعي على بلوجر؟ وهو على هذا الشكل:
    https://youtube-basha.blogspot.com

    ردحذف
    الردود
    1. سأحاول شرحها فى اقرب وقت بإذن الله..وشكرا جزيلا للمتابعة

      حذف
  57. بارك الله فيك
    جاري التركيب
    مدونة الطريق الى النجاح
    www.enajeh.com

    ردحذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون