اكواد هتمل للمدونات ولفيس بوك

كود نص متأرجح يميناً ويسارا

<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/">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/AVvXsEiRtFrEBRBVRGQy2NTLUgcyEZmU3JJfcZaywfNRC7mPD2_jInd1XLl2qoo_QnH21y86q96JjJwF9cvu3mOg6Bz8MtxTlOCuMdHLcDkheaDCyU65jieasFTIpBwWl7lHXv-NlRs32A4s-dY8/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>

كيفية وضع العاب فلاشية في المدونة :

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

حينها قررت الذهاب لمحرك جوجل امريكا لاكتب how to put flash games in blogger لاجد الاجابة بكل بساطة لكن كان شرح الطريقة متكلفا بعض الشى من الكاتب فقررت ان اكتب لكم الطريق بشكل مبسط لكم فقط و حصريا لمنتديات بانوراما مصر .

1 ادخل على الموقع التالىhttp://www.khemer.com/( ملحوظة توجد مواقع كثيرة تقدم الخدمة لكن هذا المتوفر عندى )

2 اختار اللعبة التى تريد و افتحها و انسخ الكود الذى بجانبها بجانب كلمة Embed Code ( كطريقة نسخ كود فيديو اليوتيوب لمدونتك بالضبط )

3 ضع الكود فى مدونتك بالمكان الذى تريدة اما عن طريقة اضافة html ليظهر بالرئيسية اما اذا اردت ان تظهر اللعبة فى موضوع واحد فعند انشاء الموضوع اضغط تحرير html ثم الصق الكود ليظهر بالموضوع

و اى استفسار انا فى الخدمة

ملحوظة نهائية حتى تبدو مدونتك اكثر تنسيقا يمكنك التعديل على اللعبة حتى تظهر بشكل اصغر او اكبر عن طريق تعديل الارقام الموجودة بجانب px للاصغر او الاعلى حسب رغبتك فى حجم اللعبة التى تظهر على مدونتك

و اى استفسار انا فى الخدمة