بسم الله و لا حول و لا قوة الا بالله عليه توكلت و اليه المصير اليوم احباء و زوار مدينة التدوين سوف نقوم بشرح اضافة قلوب عائمة الى مدونات بلوجر يمكنك ان تضيف لها ما تريد
صورة للاضافة :
http://city-bltest2.blogspot.com/
اذا اعجبتك الاضافة و تريد اضافتها تابع الشرح التالي :
اولا من تحرير ال HTML ثم توسيع القالب ابحث عن التالي :
</head>و اضف قبله ما يلي
<script type='text/javascript'>//<![CDATA[/************************************************ Floating image script- By Virtual_Max* Modified by Dynamic Drive for various improvements***********************************************/ثم ابحث عن الكود التالي :
var vmin=2;var vmax=5;var vr=2;var timer1;
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function Chip(chipname,width,height){this.named=chipname;this.vx=vmin+vmax*Math.random();this.vy=vmin+vmax*Math.random();this.w=width+20;this.h=height;this.xx=0;this.yy=0;this.timer1=null;}
function movechip(chipname){if (document.getElementById){eval("chip="+chipname);if (window.innerWidth || window.opera){pageX=window.pageXOffset;pageW=window.innerWidth-40;pageY=window.pageYOffset;pageH=window.innerHeight-20;}else if (document.body){pageX=iecompattest().scrollLeft;pageW=iecompattest().offsetWidth-40;pageY=iecompattest().scrollTop;pageH=iecompattest().offsetHeight-20;}
chip.xx=chip.xx+chip.vx;chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);chip.vy+=vr*(Math.random()-0.5);if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){chip.xx=pageX;chip.vx=vmin+vmax*Math.random();}if(chip.xx>=pageX+pageW-chip.w){chip.xx=pageX+pageW-chip.w;chip.vx=-vmin-vmax*Math.random();}if(chip.yy<=pageY){chip.yy=pageY;chip.vy=vmin+vmax*Math.random();}if(chip.yy>=pageY+pageH-chip.h){chip.yy=pageY+pageH-chip.h;chip.vy=-vmin-vmax*Math.random();}
document.getElementById(chip.named).style.left=chip.xx+"px";document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);}}
function pagestart(){//Aquí le agregamos los IDs a las imágenescorazon1=new Chip("corazon1",47,68);corazon2=new Chip("corazon2",47,68);corazon3=new Chip("corazon3",47,68);corazon4=new Chip("corazon4",47,68);
//Aquí indicamos cuántas imágenes hay programadasmovechip("corazon1");movechip("corazon2");movechip("corazon3");movechip("corazon4");}
if (window.addEventListener)window.addEventListener("load", pagestart, false)else if (window.attachEvent)window.attachEvent("onload", pagestart)else if (document.getElementById)window.onload=pagestart//]]></script>
<body>و اضف بعده ما يلي :
<div id='corazon1' style='position:absolute؛ z-index:80؛ left: -500px؛ width:47px؛ height:68px؛'> المستخدم <a href='http://facebook.com/'> <img والحدود = '0 ' </ P>غير ما بلون الاحمر الى ما يناسبك و احفظ القالب و لاي استفسار ضع استفسارك في التعليق
<div id='corazon2' style='position:absolute؛ z-index:81؛ left: -500px؛ width:47px؛ height:68px؛'> المستخدم <a href='http://twitter.com/'> <img والحدود = '0 ' </ P>
<div id='corazon3' style='position:absolute؛ z-index:82؛ left: -500px؛ width:47px؛ height:68px؛'> <a href='http:// nombre-de-mi-blog .blogspot.com/atom.xml'> <img والحدود = '0 ' </ P>
<div id='corazon4' style='position:absolute؛ z-index:83؛ left: -500px؛ width:47px؛ height:68px؛'> <a URL href=''> اي رابط <img والحدود = '0 ' </ P>
هل تريد التعليق على التدوينة ؟