نتیجه این کدها از استایل بندی های سایت شما تبعیت می نماید ولی جهت شخصی سازی نیز می توانید از کلاس ها و آی دی مشخص شده در تصویر زیر استفاده فرمایید
<div class="parent-TITLEID">
<h3 class="h3-TITLEID">عنوان گروه </h3>
<div id="TITLEID" class="newsclass">
<ul>
<li>
<a class="titlefield">عنوان یک خبر </a>
<p class="labelfield">منبع خبر
<a href="نشانی مرجع" title=" NEWS ">نام مرجع</a>
</p>
<div class="contentfield"> خلاصه خبر </div>
</li>
...
</ul>
</div><!-- /#TITLEID -->
<a class="update">به روز رسانی </a>
</div><!-- /.parent-TITLEID -->
و برای استایل دادن کافیست به سلکتورهای زیر مقادیر مورد نظر را نسبت دهید.
div.parent-TITLEID {}
h3.title-TITLEID {} /* عنوان گروه */
div#TITLEID.newsclass {}
#TITLEID ul {}
#TITLEID ul li {} /* هر آیتم */
a.titlefield {} /* عنوان آیتم */
p.labelfield {} /* منبع خبر: */
p.labelfield a {} /* نام و پیوند منبع خبر*/
div.contentfield {} /* خلاصه خبر */
a.update {} /* پیوند به روز رسانی دستی */
برای اینکه بتوانید استایل مورد نظر خود را به راحتی به اجزای خروجی این ژنراتور نسبت دهید می توانید
این نمونه را هم مشاهده فرمایید