<script type="text/javascript" src="http://makuonline.ir/online-web-tools/bedonbalmouse/jscolor.js"></script>
<script>
function events() {
var eventname=document.getElementById('eventname').value;
var description=document.getElementById('description').value;
var startdateroz=document.getElementById('startdateroz').value;
var startdatmah=document.getElementById('startdatmah').value;
var startdatsal=document.getElementById('startdatsal').value;
var enddateroz=document.getElementById('enddateroz').value;
var enddatmah=document.getElementById('enddatmah').value;
var enddatsal=document.getElementById('enddatsal').value;
var namemakan=document.getElementById('namemakan').value;
var streetaddress=document.getElementById('streetaddress').value;
var addresslocality=document.getElementById('addresslocality').value;
var addressregion=document.getElementById('addressregion').value;
var colormatn=document.getElementById('colormatn').value;
var colorbox=document.getElementById('colorbox').value;
var code1=document.getElementById('htmlcodebox1'),
code2=document.getElementById('htmlcodebox2');
code1.value='<!-- events cod by makuonline.ir --->\n<style>.makuonlineevent{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMANSAgCRsAAAAoSURBVBjTY+BwEmhR5HBgAJJAZgODIliAgcEJLMDA0AIWYBhVRx91AIv+Q0V/WvzyAAAAAElFTkSuQmCC);padding:15px;font-family: tahoma;font-size: 14px;box-shadow:0 0 8px 2px #383838 inset;border-radius:15px;text-align:right}br{margin-top:-7px}</style>\n<div class="makuonlineevent" style="color: #'+colormatn+';background-color: #'+colorbox+';">\n<!-- events cod by makuonline.ir --->';
code2.value='<!-- events cod by makuonline.ir --->\n<div itemscope itemtype="http://schema.org/Event">\n <span itemprop="name">'+eventname+'<\/span><br><br>\n <span itemprop="description">'+description+'<\/span><br><br>\n شروع: <time itemprop="startDate" datetime="'+startdatsal+'/'+startdatmah+'/'+startdateroz+'">'+startdatsal+'/'+startdatmah+'/'+startdateroz+'</time>\n پایان: <time itemprop="endDate" datetime="'+enddatsal+'/'+enddatmah+'/'+enddateroz+'">'+enddatsal+'/'+enddatmah+'/'+enddateroz+'</time><br><br>\n <div itemprop="location" itemscope itemtype="http://schema.org/Place">\n مکان: <span itemprop="name">'+namemakan+'<\/span><br><br>\n <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">\n آدرس: <span itemprop="streetAddress">'+streetaddress+'<\/span>,\n <span itemprop="addressLocality">'+addresslocality+'<\/span>,\n <span itemprop="addressRegion">'+addressregion+'<\/span>\n <\/div><\/div><\/div><\/div>\n<div style="display:none"><h2><a href="http://makuonline.ir">ماکو آنلاین<\/a><\/h2><\/div>\n<!-- events cod by makuonline.ir --->';
document.getElementById('eventscod').value=makuonlineabzar;}
function prvcode(){
var testwin1=document.getElementById('htmlcodebox1').value,
testwin2=document.getElementById('htmlcodebox2').value;
al=window.open('','','toolbar=no,width=500,height=300,directories=no,menubar=no,scrollbars=no');
al.document.write(testwin1+testwin2);
}
</script>
<center>
با این ابزار میتونید برای رویداد های خاص مانند کنسرت و کنفرانس و غیره یک نشانه گذاری ایجاد کنید که از نظر سئو مفید باشد<span lang="en-us">.</span>
<p>برای نمونه فرم رو پر کردم که کاربرد ابزار رو بدونید و نمونه پایین رو گذاشتم
از تکمیل آن</p>
<p>در این ابزار میتوانید رنگ متن و رنگ جعبه را انتخاب کنید</p>
<table cellpadding="0" cellspacing="0" width="440">
<tr>
<td>
<!-- events cod by makuonline.ir --->
<style>.makuonlineevent{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMANSAgCRsAAAAoSURBVBjTY+BwEmhR5HBgAJJAZgODIliAgcEJLMDA0AIWYBhVRx91AIv+Q0V/WvzyAAAAAElFTkSuQmCC);padding:15px;font-family: tahoma;font-size: 14px;box-shadow:0 0 8px 2px #383838 inset;border-radius:15px;text-align:right}br{margin-top:-7px}</style>
<div class="makuonlineevent" style="color: #000;background-color: #D7AA27;">
<div itemscope itemtype="http://schema.org/Event">
<span itemprop="name">کنسرت بزرگ خودم <span lang="en-us">:</span>دی</span><br><br>
<span itemprop="description">بزرگترین کنسرت توسط خودم در منطقه آزاد ماکو
برگزار میشود :دی</span><br><br>
شروع: <time itemprop="startDate" datetime="1394/1/1">1394/1/1</time>
پایان: <time itemprop="endDate" datetime="1394/1/4">1394/1/13</time><br><br>
<div itemprop="location" itemscope itemtype="http://schema.org/Place">
مکان: حموم خونمون :دی<br><br>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
آدرس: آذربایجان غربی ، ماکو ، خونه بابام :دی
</div>
</div>
</div></div>
<!-- events cod by makuonline.ir --->
</td>
</tr>
</table>
</center>
<br>
<center>
نام رویداد:
<input id="eventname" dir="rtl" style="width: 350px;" value="کنسرت بزرگ خودم :دی"></input></center>
<center>
توضیحات:
<textarea id="description" dir="rtl" style="width: 350px;text-align: right;">بزرگترین کنسرت توسط خودم در منطقه آزاد ماکو برگزار میشود :دی</textarea></center><br>
<center>تاریخ شروع ( روز - ماه سال ):
<input id="startdateroz" dir="rtl" style="width: 30px;"></input>
<input id="startdatmah" dir="rtl" style="width: 30px;"></input>
<input id="startdatsal" dir="rtl" style="width: 50px;"></input>
</center>
<center>تاریخ پایان ( روز - ماه سال ):
<input id="enddateroz" dir="rtl" style="width: 30px;"></input>
<input id="enddatmah" dir="rtl" style="width: 30px;"></input>
<input id="enddatsal" dir="rtl" style="width: 50px;"></input>
</center>
<center>
نام مکان:
<input id="namemakan" dir="rtl" style="width: 350px;" value="حموم خونمون :دی"></input></center>
<center>
آدرس خیابان:
<input id="streetaddress" dir="rtl" style="width: 350px;" value="خیابان امام"></input></center>
<center>
شهر:
<input id="addresslocality" dir="rtl" style="width: 350px;" value="ماکو"></input></center>
<center>
استان:
<input id="addressregion" dir="rtl" style="width: 350px;" value="آذربایجان غربی"></input></center>
<center>
<br>رنگ متن:
<input style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255);" autocomplete="off" id="colormatn" class="color" name="nom2" value="000000" size="7" type="text"><br>
<br>رنگ باکس:
<input style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255);" autocomplete="off" id="colorbox" class="color" name="nom2" value="D7AA27" size="7" type="text"><br>
</center>
<br>
<center>
<button name="code1" onclick="events();prvcode();" value="پیش نمایش" type="button">ساخت کد و نمایش دمو</button>
<br><br></center>
<div style="text-align:center;">
این قسمت رو در داخل تگ هد قرار دهید<br><textarea dir="ltr" id="htmlcodebox1"></textarea><br><br>
این کدها رو نیز داخل تگ بادی استفاده کنید<br><textarea dir="ltr" id="htmlcodebox2"></textarea>
</div>
<br>